/* Personalizaciones para Leaflet */
.leaflet-container {
    background-color: #020617 !important;
}

/* Dark Mode para OpenStreetMap 100% libre sin API key ni marcas de agua */
.osm-dark-tiles {
    filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.2) brightness(0.75);
}

/* Tooltip y Popup personalizados */
.leaflet-popup-content-wrapper {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border-radius: 12px !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
}

.leaflet-popup-tip {
    background-color: #0f172a !important;
    border: 1px solid #334155 !important;
}

.custom-pulse-marker {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulse-dot {
    width: 14px;
    height: 14px;
    background: #0284c7;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 12px #0284c7;
    animation: marker-pulse 2s infinite;
}

@keyframes marker-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(2, 132, 199, 0.7);
    }
    70% {
        box-shadow: 0 0 0 14px rgba(2, 132, 199, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(2, 132, 199, 0);
    }
}