.flat-map #map { width: 100%; height: 420px; border-radius: 12px; position: relative; }
.flat-map .mapbox-3 { height:auto; margin-bottom:0; }
.catalog-columns { align-items: stretch; }
.catalog-sticky-filters .filter-native { height:46px; padding:0 12px; background:#fff; border:1px solid var(--Line,#ded1c2); border-radius:8px; color:var(--Primary,#263d3d); font:inherit; }
.catalog-sticky-filters .filter-native:focus { outline:2px solid #a7805d; outline-offset:2px; }
#catalogResults { scroll-margin-top: 120px; }
.wg-pagination { flex-wrap: wrap; gap: 6px; }
.wg-pagination a { cursor: pointer; }
@media (min-width: 992px) {
    .catalog-sticky-filters {
        position: sticky;
        top: 110px;
        max-height: calc(100dvh - 130px);
        overflow-y: auto;
        scrollbar-width: thin;
        margin-bottom: 24px;
    }
    .catalog-sticky-filters .nice-select .list { max-height: 220px; overflow-y: auto; }
}
@media (max-width: 991px) {
    .flat-map #map { height:300px; }
    .catalog-sticky-filters { position: static; max-height: none; margin-bottom: 28px; }
}
.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; }
