/* ============================================================
   PIVA Core 30 — CSS compartilhado por páginas de aulas particulares
   ============================================================ */

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

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

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

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

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


/* Matéria cards — hub index */
.materia-card {
  display: block;
  padding: 1.75rem 2rem;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  transition:
    transform var(--duration-normal) var(--ease-premium),
    box-shadow var(--duration-normal) var(--ease-premium),
    border-color var(--duration-normal) var(--ease-premium);
}

.materia-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-teal-lg);
  border-color: var(--primary);
}