/* ============================
   ANIMAÇÕES DOS BOTÕES
   ============================ */

@keyframes pulseBlue {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.6); }
    100% { filter: brightness(1); }
}

@keyframes pulseRed {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(1.6); }
    100% { filter: brightness(1); }
}

.btn-azul {
    animation: pulseBlue 5s infinite ease-in-out !important;
    display: inline-block !important;
}

.btn-vermelho {
    animation: pulseRed 5s infinite ease-in-out !important;
    display: inline-block !important;
}


a[href="/teste-de-elegibilidade"] {
    animation: pulseBlue 5s infinite ease-in-out;
}

a[href*="wa.me"] {
    animation: pulseRed 5s infinite ease-in-out;
}
a.btn-azul, a.btn-vermelho {
    display: inline-block !important;
}
a[href="/teste-de-elegibilidade"] {
    animation: pulseBlue 5s infinite ease-in-out !important;
}

a[href*="wa.me"] {
    animation: pulseRed 5s infinite ease-in-out !important;
}
/* ============================
   ANIMAÇÃO FORTE E SINCRONIZADA
   ============================ */

@keyframes swapColors {
    0%   { filter: hue-rotate(0deg) brightness(1.2); }
    50%  { filter: hue-rotate(180deg) brightness(1.2); }
    100% { filter: hue-rotate(0deg) brightness(1.2); }
}

/* Botão azul pisca para vermelho */
.btn-azul {
    animation: swapColors 1.2s infinite ease-in-out !important;
    display: inline-block !important;
}

/* Botão vermelho pisca para azul */
.btn-vermelho {
    animation: swapColors 1.2s infinite ease-in-out !important;
    display: inline-block !important;
}
.btn-azul,
.btn-vermelho {
    position: relative !important;
    overflow: hidden !important;
}

.btn-azul::after,
.btn-vermelho::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: screen;
    animation: swapOverlay 1.2s infinite ease-in-out;
}
@keyframes swapOverlay {
    0%   { background-color: rgba(0, 0, 255, 0.6); }
    50%  { background-color: rgba(255, 0, 0, 0.6); }
    100% { background-color: rgba(0, 0, 255, 0.6); }
}
.btn-azul,
.btn-vermelho {
    position: relative;
    z-index: 2;
}
/* ============================
   EFEITO LIMPO — TROCA DE COR
   ============================ */

@keyframes swapCleanBlue {
    0%   { background-color: #0057ff; }
    50%  { background-color: #ff0000; }
    100% { background-color: #0057ff; }
}

@keyframes swapCleanRed {
    0%   { background-color: #ff0000; }
    50%  { background-color: #0057ff; }
    100% { background-color: #ff0000; }
}

.btn-azul {
    animation: swapCleanBlue 3s infinite ease-in-out !important;
}

.btn-vermelho {
    animation: swapCleanRed 3s infinite ease-in-out !important;
}