.flat-map #map { width: 100%; height: 420px; border-radius: 12px; position: relative; }
.office-marker { width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15); }
.office-marker i { font-size:18px; line-height:1; }
.leaflet-popup-content { margin: 8px 12px; }
.popup-property { display:grid; grid-template-columns: 120px 1fr; gap:12px; }
.popup-property .img-style img { width:120px;height:120px;object-fit:cover;border-radius:8px; }
/* === Amenidades como CHIPS (2 columnas) === */
.amenities-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 16px;
    padding:12px 16px;
    max-height:420px;
    overflow:auto;
}
@media (max-width: 576px){
    .amenities-grid{ grid-template-columns:1fr; }
}

.amenity-chip{
    display:flex; align-items:center; gap:10px;
    border:1px solid #e5e7eb; border-radius:9999px;
    padding:10px 12px; background:#fff; cursor:pointer;
    transition:all .18s ease;
    user-select:none;
}
.amenity-chip:hover{ box-shadow:0 2px 8px rgba(0,0,0,.06); }
.amenity-chip i{ font-size:16px; opacity:.85; }
.amenity-chip input{ display:none; }
.amenity-chip.active{
    background:#0ea5e9; color:#fff; border-color:#0ea5e9;
}
.amenity-chip.active i{ opacity:1; }
.amenity-chip.is-hidden{ display:none; }

.amenities-actions{
    display:flex; justify-content:space-between; gap:12px;
    padding:8px 16px 16px 16px;
}

/* Estado vacío (sin resultados) */
.empty-state{
    border:1px dashed #e5e7eb; border-radius:12px;
    padding:32px; text-align:center; background:#fff;
}
.empty-state .icon{
    width:56px;height:56px;border-radius:9999px;
    display:inline-flex;align-items:center;justify-content:center;
    margin-bottom:10px; background:#f1f5f9;
    box-shadow:0 1px 6px rgba(0,0,0,.06);
}
.empty-state .icon i{ font-size:24px; opacity:.8; }
.empty-state h5{ margin:8px 0 6px; }
.empty-state p{ color:#6b7280; margin-bottom:16px; }
.empty-state .actions{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }