/* ===== MICRO-ANIMAÇÃO AO SCROLL (HOME) ===== */

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

/* hero: fade suave apenas ao carregar (está no topo, não depende de scroll) */
.hero__content {
  animation: fadeUp .8s ease both;
}

/* elementos que entram animando ao rolar */
.home-anim,
.svc-card,
.quick-menu__inner,
.fleet__content,
.reviews__head,
.review-card,
.certs__head,
.certs__block,
.diff2__head,
.diff2-card,
.faq__head,
.faq__item,
.cities__inner {
  /* fallback: fade suave ao carregar (navegadores sem scroll-timeline) */
  animation: fadeUp .6s ease both;
}

/* enhanced: anima conforme o elemento entra na viewport */
@supports (animation-timeline: view()) {
  .home-anim,
  .svc-card,
  .quick-menu__inner,
  .fleet__content,
  .reviews__head,
  .review-card,
  .certs__head,
  .certs__block,
  .diff2__head,
  .diff2-card,
  .faq__head,
  .faq__item,
  .cities__inner {
    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) {
  .home-anim,
  .svc-card,
  .quick-menu__inner,
  .fleet__content,
  .reviews__head,
  .review-card,
  .certs__head,
  .certs__block,
  .diff2__head,
  .diff2-card,
  .faq__head,
  .faq__item,
  .cities__inner {
    animation: none;
  }
}