@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Estilos de las rutas SVG de provincias */
.province-path {
    stroke: #ffffff;
    stroke-width: 0.8px;
    stroke-linejoin: round;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.province-path:hover {
    stroke: #0f172a;
    stroke-width: 2px;
    filter: brightness(1.15) drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    z-index: 10;
}

/* Tooltip flotante suave */
#radon-tooltip {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -100%) translateY(-12px);
    transition: opacity 0.15s ease, transform 0.15s cubic-bezier(0.1, 1, 0.1, 1);
    will-change: transform, opacity;
}

#radon-tooltip.active {
    opacity: 1;
    visibility: visible;
}

/* Animación para los elementos de alto riesgo */
.pulse-badge {
    box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.4);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.4); }
    70% { box-shadow: 0 0 0 8px rgba(225, 29, 72, 0); }
    100% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0); }
}