/* ─────────────────────────────────────────────────────────────────────────
   Mapas (Leaflet) — capa de aspecto

   Sólo pinta: quién dibuja el mapa y qué teselas pide es cosa de
   module/core/js/map-engine.js. Esta hoja la carga MapEngine::scripts()
   junto a leaflet.css cuando el proveedor es OpenStreetMap, así que llega
   a todos los mapas del sitio (fichas, buscador con mapa, panel).
   ───────────────────────────────────────────────────────────────────────── */

/* Fondo del lienzo mientras entran las teselas: gris neutro en vez del
   verde-agua de Leaflet, que canta muchísimo en el primer pintado. */
.leaflet-container {
    background: #eceff1;
    font: inherit;
    /* Leaflet dibuja con -apple-system por su cuenta; que herede la del sitio. */
    font-size: 12px;
}

/* Estilo 'osm': teselas de OpenStreetMap pasadas a gris. Se filtra sólo el
   panel de teselas, nunca el de marcadores, para que los pines y las
   burbujas de precio conserven su color. */
.bc-map--gray .leaflet-tile-pane {
    filter: grayscale(1) contrast(0.96) brightness(1.04);
}

/* ── Controles ──────────────────────────────────────────────────────────
   Los +/- de Leaflet vienen con borde gris y esquinas duras de 2011. */
.leaflet-bar,
.leaflet-touch .leaflet-bar {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.14);
    overflow: hidden;
}

.leaflet-bar a,
.leaflet-bar a:hover,
.leaflet-touch .leaflet-bar a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #101828;
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(16, 24, 40, 0.08);
    font-size: 17px;
    font-weight: 500;
    transition: background 0.15s ease;
}

.leaflet-bar a:hover {
    background: #ffffff;
}

.leaflet-bar a:last-child {
    border-bottom: 0;
}

.leaflet-bar a.leaflet-disabled {
    color: #98a2b3;
    background: rgba(255, 255, 255, 0.75);
}

/* ── Crédito ────────────────────────────────────────────────────────────
   Los datos son de OpenStreetMap (ODbL) y las teselas de CARTO: los dos
   piden atribución visible. Se deja, pero discreta.
   Ojo: pdp-ios.css la esconde dentro de .bc-map-wrap (las cuatro fichas de
   servicio); ahí el crédito tiene que estar en el pie o en la página legal. */
.leaflet-control-attribution {
    background: rgba(255, 255, 255, 0.78);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 8px 0 0 0;
    padding: 2px 8px;
    font-size: 10px;
    line-height: 1.6;
    color: #667085;
}

.leaflet-control-attribution a {
    color: #475467;
    text-decoration: none;
}

/* ── Burbujas ──────────────────────────────────────────────────────────── */
.leaflet-popup-content-wrapper {
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(16, 24, 40, 0.18);
}

.leaflet-popup-content {
    margin: 12px 16px;
}

.leaflet-popup-tip {
    box-shadow: none;
}

/* Sin animación de entrada para quien la pidió apagada en el sistema. */
@media (prefers-reduced-motion: reduce) {
    .leaflet-fade-anim .leaflet-tile,
    .leaflet-zoom-anim .leaflet-zoom-animated {
        transition: none !important;
    }
}