/**
 * Art Bross — Scroll Reveal
 * Estado inicial (oculto) e final (visível) das animações de entrada
 */

/* Estado inicial — todos os elementos revelados começam invisíveis */
.reveal {
    opacity: 0;
    transition: opacity 0.7s ease, transform 0.7s ease;
    will-change: opacity, transform;
}

/* Variante padrão: sobe suavemente */
.reveal-up {
    transform: translateY(40px);
}

/* Variante: entra pela esquerda */
.reveal-left {
    transform: translateX(-40px);
}

/* Variante: entra pela direita */
.reveal-right {
    transform: translateX(40px);
}

/* Variante: escala suave (cards de preço, destaques) */
.reveal-scale {
    transform: scale(0.94) translateY(20px);
}

/* Estado final — visível */
.reveal.visible {
    opacity: 1;
    transform: none;
}

/* Delays escalonados para grupos de elementos */
.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }
.reveal-delay-3 { transition-delay: 0.24s; }
.reveal-delay-4 { transition-delay: 0.32s; }
.reveal-delay-5 { transition-delay: 0.40s; }
.reveal-delay-6 { transition-delay: 0.48s; }
.reveal-delay-7 { transition-delay: 0.56s; }

/* Sem animação para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}