/* animacaocores.css */

/* animação com cores sólidas (alert blink) */
@keyframes alertBlink {
    0% {
        background-color: #8B0000;
    }
    /* vermelho escuro */
    50% {
        background-color: #FF4500;
    }
    /* laranja forte */
    100% {
        background-color: #FFD700;
    }
    /* amarelo alerta */
}

/* classe para usar no badge */
.badge-alert-blink {
    color: #fff !important; /* força a cor do texto */
    background-color: #8B0000 !important; /* garante cor inicial */
    animation: alertBlink 1.2s infinite alternate;
    border: none;
    box-shadow: 0 0 10px rgba(255, 69, 0, 0.7);
}

/* Se o AdminLTE adicionar uma classe .bg-maroon ou similar,
   use uma especificidade maior: */
.badge.badge-alert-blink,
div.badge.badge-alert-blink {
    background-color: #8B0000 !important;
}