/* =====================================================================
   10-animacoes.css
   Entrada por scroll, pagina de texto e impressao
   Carregado pelo index.html na ordem dos arquivos — a ordem importa
   para a cascata, entao nao troque os <link> de lugar.
   ===================================================================== */

/* ---------------------------------------------------------------
   18. Animação de entrada por scroll
   --------------------------------------------------------------- */
[data-anima] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--atraso, 0s);
}
[data-anima='esquerda'] { transform: translateX(-32px); }
[data-anima='direita']  { transform: translateX(32px); }
[data-anima='zoom']     { transform: scale(.94); }
/* Especificidade baixa de proposito (0,1,0): assim o :hover dos cards
   (0,2,0) continua ganhando e a elevacao no hover volta a funcionar. */
.visivel { opacity: 1; transform: none; }

/* ---------------------------------------------------------------
   19. Página de conteúdo (política de privacidade)
   --------------------------------------------------------------- */
.pagina-texto { padding: clamp(7rem, 12vw, 9rem) 0 clamp(3rem, 6vw, 5rem); }
.pagina-texto .container { max-width: 780px; }
.pagina-texto h2 { margin-top: 2.5rem; font-size: clamp(1.3rem, 1.1rem + .8vw, 1.6rem); }
.pagina-texto ul { padding-left: 1.25rem; margin-bottom: 1.25rem; }
.pagina-texto li { margin-bottom: .5rem; }
.pagina-texto .voltar { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; margin-bottom: 1.5rem; }

/* ---------------------------------------------------------------
   20. Impressão
   --------------------------------------------------------------- */
@media print {
  .topo, .zap-flutuante, .hero__bolha, .sim__form { display: none !important; }
  body { color: #000; }
  [data-anima] { opacity: 1 !important; transform: none !important; }
}