/* Animações do Hora De */

/* Keyframes */
@keyframes float {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(30px, -30px) scale(1.1);
    }
    66% {
        transform: translate(-20px, 20px) scale(0.9);
    }
}

@keyframes floatCard {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes fadeInBounce {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(5px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(107, 99, 221, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(107, 99, 221, 0);
    }
}

@keyframes fadeInSection {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Aplicar animações */
.gradient-sphere {
    animation: float 20s ease-in-out infinite;
}

.float-card {
    animation: floatCard 6s ease-in-out infinite;
}

.float-card-delayed {
    animation: floatCard 6s ease-in-out infinite;
    animation-delay: -3s;
}

.fade-in-bounce {
    animation: fadeInBounce 1s ease-out;
}

.fade-in-bounce-delayed-1 {
    animation: fadeInBounce 1s ease-out;
    animation-delay: 1s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.fade-in-bounce-delayed-2 {
    animation: fadeInBounce 1s ease-out;
    animation-delay: 2s;
    opacity: 0;
    animation-fill-mode: forwards;
}

/* AOS - Animate On Scroll */
[data-aos] {
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-aos].aos-animate {
    opacity: 1;
}

[data-aos="fade-up"] {
    transform: translateY(30px);
}

[data-aos="fade-up"].aos-animate {
    transform: translateY(0);
}

/* Section fade in */
section {
    animation: fadeInSection 0.6s ease;
}

/* Frase rotativa "É hora de…" */
.horade-rotating-tagline [data-horade-tagline-text] {
    display: inline-block;
    transition: opacity 0.45s ease, transform 0.45s ease;
}

.horade-rotating-tagline [data-horade-tagline-text].is-leaving {
    opacity: 0;
    transform: translateY(10px);
}

.horade-rotating-tagline [data-horade-tagline-text].is-entering {
    opacity: 1;
    transform: translateY(0);
}