/* ==========================================================================
   TERPONTE S.A. — animations.css
   Uma única sequência orquestrada no hero + revelação discreta ao scroll.
   ========================================================================== */

/* ---------- Sequência de entrada do Hero (page load) ---------- */
@keyframes heroFundoEntrada {
  from { transform: scale(1.18); opacity: 0.6; }
  to { transform: scale(1.08); opacity: 1; }
}
@keyframes heroTextoEntrada {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero-fundo img { animation: heroFundoEntrada 2.2s var(--ease) forwards; }
.hero-conteudo .rotulo { opacity: 0; animation: heroTextoEntrada 0.9s var(--ease) forwards; animation-delay: 0.25s; }
.hero-conteudo h1 { opacity: 0; animation: heroTextoEntrada 0.9s var(--ease) forwards; animation-delay: 0.42s; }
.hero-conteudo p { opacity: 0; animation: heroTextoEntrada 0.9s var(--ease) forwards; animation-delay: 0.58s; }
.hero-botoes { opacity: 0; animation: heroTextoEntrada 0.9s var(--ease) forwards; animation-delay: 0.74s; }
.hero-scroll { opacity: 0; animation: heroTextoEntrada 0.9s var(--ease) forwards; animation-delay: 1s; }

/* ---------- Revelação ao scroll (IntersectionObserver adiciona .em-vista) ---------- */
.revelar {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);
}
.revelar.em-vista { opacity: 1; transform: translateY(0); }

.revelar-grupo > * {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
}
.revelar-grupo.em-vista > * { opacity: 1; transform: translateY(0); }
.revelar-grupo.em-vista > *:nth-child(1) { transition-delay: 0.05s; }
.revelar-grupo.em-vista > *:nth-child(2) { transition-delay: 0.15s; }
.revelar-grupo.em-vista > *:nth-child(3) { transition-delay: 0.25s; }
.revelar-grupo.em-vista > *:nth-child(4) { transition-delay: 0.35s; }
.revelar-grupo.em-vista > *:nth-child(5) { transition-delay: 0.45s; }
.revelar-grupo.em-vista > *:nth-child(6) { transition-delay: 0.55s; }

/* ---------- Contadores ---------- */
.numero-valor.a-contar { color: var(--dourado); }

/* ---------- Menu mobile ---------- */
@keyframes menuEntrada {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}
.navegacao-mobile.aberto { animation: menuEntrada 0.4s var(--ease) forwards; }

/* ---------- Loader de página (opcional, leve) ---------- */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
body { animation: fadeIn 0.5s ease; }

@media (prefers-reduced-motion: reduce) {
  .hero-fundo img,
  .hero-conteudo .rotulo,
  .hero-conteudo h1,
  .hero-conteudo p,
  .hero-botoes,
  .hero-scroll {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .revelar, .revelar-grupo > * { opacity: 1 !important; transform: none !important; }
}