/* ========================= ANIMAÇÕES DE ENTRADA Requer .js-animate no (injetado antes do render) ========================= */ @media (prefers-reduced-motion: no-preference) { /* Elementos individuais */ .js-animate .page-header, .js-animate .single-entry-title, .js-animate .memorias-intro__desc, .js-animate .memorias-intro__destaque, .js-animate .o-que-fazemos__sidebar, .js-animate .glossario-filter-bar, .js-animate .memorias-filter-bar, .js-animate .apoiadores-grupo, .js-animate .pagination, .js-animate .empty-state, .js-animate .home-hero__inner, .js-animate .home-biblioteca__esquerda, /* Cards e itens em cascata */ .js-animate .cards-grid > *, .js-animate .o-que-fazemos__item, .js-animate .apoiadores-logos > *, .js-animate .glossario-group__cards > *, .js-animate .home-intro__item, .js-animate .home-biblioteca__item { opacity: 0; transform: translateY(18px); transition: opacity 0.55s ease, transform 0.55s ease; } /* Estado visível — adicionado pelo JS via IntersectionObserver */ .js-animate .page-header.is-visible, .js-animate .single-entry-title.is-visible, .js-animate .memorias-intro__desc.is-visible, .js-animate .memorias-intro__destaque.is-visible, .js-animate .o-que-fazemos__sidebar.is-visible, .js-animate .glossario-filter-bar.is-visible, .js-animate .memorias-filter-bar.is-visible, .js-animate .apoiadores-grupo.is-visible, .js-animate .pagination.is-visible, .js-animate .empty-state.is-visible, .js-animate .home-hero__inner.is-visible, .js-animate .home-biblioteca__esquerda.is-visible, .js-animate .cards-grid > *.is-visible, .js-animate .o-que-fazemos__item.is-visible, .js-animate .apoiadores-logos > *.is-visible, .js-animate .glossario-group__cards > *.is-visible, .js-animate .home-intro__item.is-visible, .js-animate .home-biblioteca__item.is-visible { opacity: 1; transform: translateY(0); } /* Cards em cascata — delay mais curto */ .js-animate .cards-grid > *, .js-animate .o-que-fazemos__item, .js-animate .apoiadores-logos > *, .js-animate .glossario-group__cards > *, .js-animate .home-intro__item, .js-animate .home-biblioteca__item { transition-duration: 0.45s; } }