/* Animações para a página home */

/* Animação fade-in para título principal */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animação slide-in da direita */
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Animação slide-in da esquerda */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Animação fade-in de baixo */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Animação fade-in de cima */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Classes que serão aplicadas aos elementos */
.animate-fadeInDown {
    animation: fadeInDown 0.8s ease forwards;
}

.animate-slideInRight {
    animation: slideInRight 0.8s ease forwards;
}

.animate-slideInLeft {
    animation: slideInLeft 0.8s ease forwards;
}

.animate-fadeInUp {
    animation: fadeInUp 0.8s ease forwards;
}

.animate-fadeInDown {
    animation: fadeInDown 0.8s ease forwards;
}

/* Classes para controlar o atraso na animação */
.delay-100 {
    animation-delay: 0.1s;
}

.delay-200 {
    animation-delay: 0.2s;
}

.delay-300 {
    animation-delay: 0.3s;
}

.delay-400 {
    animation-delay: 0.4s;
}

.delay-500 {
    animation-delay: 0.5s;
}

/* Classe para elementos que serão animados ao scrollar */
.animate-on-scroll {
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Classes que serão aplicadas ao scrollar */
.scroll-fadeInUp {
    transform: translateY(50px);
}

.scroll-fadeInDown {
    transform: translateY(-50px);
}

.scroll-slideInLeft {
    transform: translateX(-100px);
}

.scroll-slideInRight {
    transform: translateX(100px);
}

/* Classe que será aplicada quando o elemento se tornar visível */
.is-visible {
    opacity: 1;
    transform: translate(0);
}



/* Adicionar esta media query ao final do arquivo animations.css */
@media screen and (max-width: 600px) {
    /* Desativar todas as animações em telas menores que 600px */
    .animate-fadeInDown,
    .animate-slideInRight,
    .animate-slideInLeft,
    .animate-fadeInUp,
    .animate-fadeInDown {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    /* Desativar atrasos de animação */
    .delay-100,
    .delay-200,
    .delay-300,
    .delay-400,
    .delay-500 {
        animation-delay: 0s !important;
    }

    /* Desativar animações ao rolar */
    .animate-on-scroll {
        opacity: 1 !important;
        transition: none !important;
        transform: none !important;
    }

    /* Garantir que elementos já visíveis permaneçam visíveis */
    .is-visible {
        opacity: 1 !important;
        transform: none !important;
    }

    /* Desativar classes específicas de transformação */
    .scroll-fadeInUp,
    .scroll-fadeInDown,
    .scroll-slideInLeft,
    .scroll-slideInRight {
        transform: none !important;
    }
}