/* ==========================================================================
   ANIMAÇÕES E KEYFRAMES
   ========================================================================== */

/* Fade In Suave */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Slide Up para Cards */
.slide-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    transition-delay: var(--delay, 0s);
}

.slide-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Efeito Neon Glow constante no botão principal */
.glow-effect {
    animation: glow 2s infinite alternate;
}

@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgba(0, 174, 239, 0.2);
    }
    100% {
        box-shadow: 0 0 20px rgba(0, 174, 239, 0.6);
    }
}