/* ============================================================
   NOMBRE       : MAPA
   ARCHIVO      : assets/css/mapa.css
   MÓDULO       : Mapas (compartido)
   APLICACIÓN   : MunDigital Web
   DESARROLLADOR: Rodrigo Arce Muñoz
   CREACIÓN     : Noviembre 2026
   DESCRIPCIÓN  : Estilos de los mapas Leaflet (íconos, agrupador, modo oscuro, pantalla completa).
   ============================================================ */

/* Los controles del mapa no deben quedar por encima de menús y modales */
.leaflet-container { isolation: isolate; z-index: 0; font-family: inherit; background: #e5e3df; }

/* ===== Íconos ===== */
.md-pin, .md-punto { background: none; border: 0; }
.md-pin svg { display: block; overflow: visible; filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, .35)); }
.md-punto span {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%;
    color: #fff; font-weight: 700; line-height: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
}

/* ===== Ventanas de información ===== */
.leaflet-popup-content { margin: 12px 14px; font-size: 13px; line-height: 1.45; }
.leaflet-popup-content-wrapper { border-radius: 10px; }

/* ===== Pantalla completa ===== */
.md-mapa-pantalla a { display: flex !important; align-items: center; justify-content: center; font-size: 14px; color: #333; }
.leaflet-container:fullscreen { width: 100% !important; height: 100% !important; border-radius: 0 !important; }

/* ===== Modo oscuro ===== */
[data-theme="dark"] .leaflet-container { background: #1f2533; }
[data-theme="dark"] .leaflet-bar a,
[data-theme="dark"] .leaflet-bar a:hover { background: #2a3040; color: #e0e6ef; border-bottom-color: #3a4152; }
[data-theme="dark"] .leaflet-bar { border-color: rgba(0, 0, 0, .5); }
[data-theme="dark"] .leaflet-bar a.leaflet-disabled { background: #232836; color: #5c6678; }
[data-theme="dark"] .leaflet-popup-content-wrapper,
[data-theme="dark"] .leaflet-popup-tip { background: #1e2330; color: #e0e6ef; }
[data-theme="dark"] .leaflet-popup-content .text-muted { color: #9aa8ba !important; }
[data-theme="dark"] .leaflet-container a.leaflet-popup-close-button { color: #9aa8ba; }
[data-theme="dark"] .leaflet-control-attribution { background: rgba(30, 35, 48, .8); color: #9aa8ba; }
[data-theme="dark"] .leaflet-control-attribution a { color: #c5d0de; }