/* ============================================================
   PIVA Educacional — Raio-X FRENTI CSS
   Herda shared.css (tokens, micro-interactions) + tailwind.css.
   Aqui só o que a LP precisa de específico.
   ============================================================ */

/* FAQ accordion — igual à homepage */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 400ms cubic-bezier(0.32, 0.72, 0, 1),
    opacity 250ms cubic-bezier(0.32, 0.72, 0, 1);
  opacity: 0;
}

.faq-item.is-open .faq-answer {
  max-height: 600px;
  opacity: 1;
}

.faq-item.is-open [data-faq-chevron] {
  transform: rotate(180deg);
}

/* Entrega card — hover sutil */
.entrega-card {
  transition: transform var(--duration-normal) var(--ease-premium);
}

.entrega-card:hover img,
.entrega-card:hover svg {
  transform: translateY(-3px);
  transition: transform var(--duration-normal) var(--ease-premium);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 2rem;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .entrega-card:hover img,
  .entrega-card:hover svg { transform: none; }
}