/* Pagina de perguntas (CEO, 21/09/2026: FAQ fora da home, em pagina propria).
   Reproduz o visual do bloco .faq de main.css com classe propria: `.faq h2` e o
   seletor da animacao de texto de motion-v9.js, e aqui cada pergunta e um h2
   dentro de <details> fechado, onde a animacao nunca dispararia e o titulo
   ficaria invisivel. */
.faq-page { display: grid; grid-template-columns: 1fr 1.25fr; gap: 85px; padding-block: 72px 105px; }
.faq-page h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(34px, 4vw, 48px); line-height: 1.06; letter-spacing: -.045em; max-width: 360px; text-wrap: balance; }
.faq-page .faq-intro { margin-top: 20px; color: var(--muted); font-size: 14px; line-height: 1.7; max-width: 290px; }
.faq-page .faq-back { margin-top: 24px; color: var(--green); font-weight: 500; }
.faq-page .faq-back:hover, .faq-page .faq-back:focus-visible { text-decoration: underline; text-underline-offset: 5px; }
.faq-page details { border-bottom: 1px solid var(--line); }
.faq-page details:first-child { border-top: 1px solid var(--line); }
.faq-page summary { display: flex; justify-content: space-between; align-items: center; gap: 26px; padding: 25px 0; list-style: none; cursor: pointer; transition: color 180ms ease; }
.faq-page summary::-webkit-details-marker { display: none; }
.faq-page summary h2 { font: inherit; font-size: 15px; font-weight: 500; line-height: 1.5; letter-spacing: normal; margin: 0; scroll-margin-top: 90px; }
.faq-page summary svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--green); transition: transform .2s; }
.faq-page summary:hover, .faq-page details[open] summary { color: var(--green); }
.faq-page details[open] summary svg { transform: rotate(45deg); }
.faq-page details > p { font-size: 14px; line-height: 1.75; color: var(--muted); padding: 0 35px 26px 0; }
@media (max-width: 1000px) { .faq-page { gap: 40px; } }
@media (max-width: 760px) { .faq-page { grid-template-columns: 1fr; gap: 28px; padding-block: 48px 72px; } .faq-page h1 { max-width: none; } .faq-page summary { padding: 23px 0; gap: 20px; } }
@media (prefers-reduced-motion: reduce) { .faq-page summary, .faq-page summary svg { transition: none; } }