#map-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1000 / 600; /* Esto le da la forma de mapa */
    background: #0d0d12;
    overflow: hidden;
}

#map-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Para que los clics pasen a los puntos rojos */
    z-index: 1;
}

#supercores-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Encima del mapa gris */
}

/* Animación de pulso para los puntos rojos */
.pulse {
    animation: pulse-animation 2s infinite;
    transform-origin: center;
}

@keyframes pulse-animation {
    0% { r: 5; opacity: 0.8; }
    100% { r: 15; opacity: 0; }
}