/* =========================================================
   MAPA INTERACTIVO
   ========================================================= */
.map-container {
    padding: 2rem 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

#map {
    width: 100%;
    height: 400px;
    border-radius: 6px;
    border: 1px solid var(--line);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    background: var(--bg);
}

@media (max-width: 768px) {
    .categories-filter {
        padding: 1.8rem 1rem;
    }
    .categories-filter__inner {
        gap: 0.65rem;
    }
    .categories-filter__chip {
        padding: 0.5rem 1rem;
        font-size: 0.72rem;
    }
    #map {
        height: 300px;
    }
}