/* =====================================================================
   Entrada suave (30/09/2026)
   O js/main.js (bloco "Entrada suave") marca títulos, textos, cartões,
   etapas, perguntas e rodapé com .entra; quando cada um chega na tela,
   ganha .is-entrou e surge subindo um pouco. Itens do mesmo grupo entram
   em sequência (--entra-i). Sem JS ou com "reduzir movimento", nada é
   marcado e tudo aparece direto.
   Usa animation (e não transition) para não apagar as transições que os
   próprios elementos já têm, como o fundo das perguntas do FAQ.
   ===================================================================== */
.entra { opacity: 0; }
.entra.is-entrou {
  animation: entraSuave .9s cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: calc(var(--entra-i, 0) * 90ms);
}
@keyframes entraSuave {
  from { opacity: 0; transform: translate3d(0, 26px, 0); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .entra { opacity: 1; }
  .entra.is-entrou { animation: none; }
}