/* ===== FADE-IN AO CARREGAR + REVELAÇÃO AO SCROLL (páginas internas) ===== */

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* fallback: fade suave ao carregar (todos os blocos, inclusive o topo) */
.about-hero__media,
.about-hero__content,
.mvv__head,
.mvv-card,
.cta-institucional__content,
.contact__head,
.contact__wpp-cta,
.contact__wpp-note,
.contact-card,
.contact__right {
  animation: fadeUp .6s ease both;
}

/* enhanced: blocos abaixo da dobra revelam conforme entram na viewport */
@supports (animation-timeline: view()) {
  .mvv__head,
  .mvv-card,
  .cta-institucional__content,
  .contact-card,
  .contact__right {
    animation: fadeUp .7s ease both;
    animation-timeline: view();
    animation-range: entry 5% cover 28%;
  }
}

/* acessibilidade: respeita quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
  .about-hero__media,
  .about-hero__content,
  .mvv__head,
  .mvv-card,
  .cta-institucional__content,
  .contact__head,
  .contact__wpp-cta,
  .contact__wpp-note,
  .contact-card,
  .contact__right {
    animation: none;
  }
}