/* ========================================================================== Reveal — animação de entrada (slide up + fade in) ao rolar a página. Princípios: - Sem JS (ou se o observer falhar), o conteúdo aparece normalmente: o estado "escondido" só vale sob `.reveal-ready`, classe que o reveal.js adiciona no antes da pintura. - Respeita `prefers-reduced-motion`: usuários que pedem menos movimento veem tudo estático, sem nenhuma transformação. ========================================================================== */ @media (prefers-reduced-motion: no-preference) { .reveal-ready .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: opacity, transform; } .reveal-ready .reveal.is-visible { opacity: 1; transform: none; } }