/* anim.css - entradas de seccao (Opcao B): fade-up e fade-left, 24px, 700ms, uma vez. Estado escondido SO sob .js-anim (posta pela rede de seguranca no ); sem js, nada esconde. prefers-reduced-motion: aparece tudo, sem transicao. */ .js-anim [data-anim] { opacity: 0; transition: opacity 700ms ease, transform 700ms ease; } .js-anim [data-anim="up"] { transform: translateY(24px); } .js-anim [data-anim="left"] { transform: translateX(24px); } .js-anim [data-anim].is-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .js-anim [data-anim] { opacity: 1; transform: none; transition: none; } }