/* ========================================== */
        /* FIX: ESTILOS DINÁMICOS PARA POPUPS LEAFLET */
        /* ========================================== */
        .leaflet-popup-content-wrapper {
            background: var(--panel) !important;
            color: var(--text-main) !important;
            border: 1px solid var(--border) !important;
            border-radius: 12px !important;
            backdrop-filter: blur(12px) !important;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3) !important;
        }
        .leaflet-popup-tip {
            background: var(--panel) !important;
            /* Simula el borde inferior del globo */
            box-shadow: 2px 2px 2px -1px var(--border) !important; 
        }
        .leaflet-container a.leaflet-popup-close-button {
            color: var(--text-sub) !important;
            top: 4px !important;
            right: 4px !important;
            transition: color 0.2s;
        }
        .leaflet-container a.leaflet-popup-close-button:hover {
            color: var(--text-main) !important;
        }
        .leaflet-popup-content {
            margin: 14px 12px !important; /* Ajuste para dar aire al contenido */
        }