/* Animaciones para el Dashboard de Sysop Aioria */

/* Clase que activa el latido */
.pulse-active {
    animation: live-pulse 0.8s ease-out;
}

/* Definición de los Keyframes */
@keyframes live-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7);
        transform: scale(1);
    }
    50% {
        /* El anillo se expande */
        box-shadow: 0 0 0 15px rgba(0, 255, 0, 0);
        transform: scale(1.2);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);
        transform: scale(1);
    }
}