// FAQ — perguntas comuns sobre psicoterapia
function FAQ() {
  const qs = [
    { q: 'Nunca fiz terapia. Como é a primeira sessão?', a: 'É uma conversa. Sem teste, sem preenchimento de formulário antes. Você fala o que te trouxe aqui no ritmo que conseguir, e a partir disso a gente vai construindo o caminho juntos. Não precisa estar "pronto" — basta querer começar.' },
    { q: 'Com que frequência são as sessões?', a: 'Semanal é o mais comum no início, porque dá ritmo ao processo. Depois a frequência pode mudar para quinzenal conforme faz sentido. Sessões de 50 minutos.' },
    { q: 'Você atende online? Funciona mesmo?', a: 'Sim, atendo por teleconsulta. A pesquisa mostra resultados equivalentes ao presencial para a maior parte das demandas. Só preciso que você tenha um espaço minimamente reservado e conexão estável.' },
    { q: 'Atende plano de saúde?', a: 'Atendo particular, mas emito recibo com os dados certos para você solicitar reembolso ao seu plano. Boa parte dos planos cobre uma parcela significativa.' },
    { q: 'Em quanto tempo o tratamento dá resultado?', a: 'Honestamente: depende. Alguns processos são focais (alguns meses). Outros são mais longos. Mas você costuma sentir movimento — clareza, alívio, mudança de perspectiva — desde as primeiras semanas.' },
    { q: 'Atende crianças?', a: 'A partir dos 10 anos, sim. Para crianças menores, posso indicar colegas especializadas em infância.' },
    { q: 'Casal em crise: ainda vale tentar terapia?', a: 'Vale. A terapia de casal não promete salvar todo relacionamento — mas ajuda a entender o que está acontecendo, decidir com mais clareza e, se for o caminho, separar com menos sofrimento.' },
    { q: 'Tudo que eu falar fica entre nós?', a: 'Sim. Sigilo profissional é regulado pelo Conselho Federal de Psicologia e é absoluto, salvo as raríssimas exceções legais (risco iminente de vida).' },
  ];
  const [open, setOpen] = React.useState(0);
  const half = Math.ceil(qs.length / 2);
  const cols = [qs.slice(0, half), qs.slice(half)];
  return (
    <section id="faq" className="section" style={{ background: 'var(--paper-2)' }}>
      <div className="container">
        <Reveal>
          <div style={{ textAlign: 'center', marginBottom: 44 }}>
            <h2 className="h-section">Perguntas <span className="em">frequentes.</span></h2>
          </div>
        </Reveal>
        <div className="grid-2" style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16, alignItems: 'start' }}>
          {cols.map((col, ci) => (
            <div key={ci} style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
              {col.map((item, i) => {
                const idx = ci * half + i;
                const isOpen = open === idx;
                return (
                  <div key={idx} className="card" style={{ padding: 0, overflow: 'hidden' }}>
                    <button onClick={() => setOpen(isOpen ? -1 : idx)} style={{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 14, padding: '20px 22px', background: 'transparent', border: 0, cursor: 'pointer', textAlign: 'left' }}>
                      <span style={{ fontFamily: 'var(--font-ui)', fontSize: 15.5, fontWeight: 600, color: 'var(--ink-2)' }}>{item.q}</span>
                      <span style={{ flex: 'none', width: 28, height: 28, borderRadius: 999, border: '1px solid var(--line)', display: 'flex', alignItems: 'center', justifyContent: 'center', background: isOpen ? 'var(--brand)' : 'transparent', transition: 'background .3s' }}>
                        <Icon name={isOpen ? 'minus' : 'plus'} size={15} color={isOpen ? '#fff' : 'var(--brand)'} />
                      </span>
                    </button>
                    <div style={{ display: 'grid', gridTemplateRows: isOpen ? '1fr' : '0fr', transition: 'grid-template-rows .42s var(--ease-out)' }}>
                      <div style={{ overflow: 'hidden' }}>
                        <p style={{ margin: 0, padding: '0 22px 22px', fontSize: 14.5, lineHeight: 1.65, color: 'var(--muted)' }}>{item.a}</p>
                      </div>
                    </div>
                  </div>
                );
              })}
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.FAQ = FAQ;