const AM_FAQ=[
  {q:'O que é Arquitetura Mental?',
   a:'É a plataforma onde Ceci Alves reúne seu trabalho de estudo e ensino sobre percepção, consciência, princípios e escolha. Dentro dela existem universos próprios: Drive Mental, As Leis Invisíveis, O Código da Realidade e a Mentoria.'},
  {q:'Preciso conhecer o livro antes de entrar em um curso?',
   a:'Não. O livro "De mãos dadas com o Universo" aprofunda a leitura, mas cada universo tem começo próprio. As Leis Invisíveis nasce do livro; o Drive Mental é exercício direto.'},
  {q:'Quando As Leis Invisíveis e O Código da Realidade abrem?',
   a:'Os dois estão em preparação. Entre na lista pelo WhatsApp e você recebe a data de abertura antes da divulgação pública.'},
  {q:'Como funciona a Mentoria?',
   a:'Trabalho direto com a Ceci, individual ou em grupo. As vagas abrem por temporada. A agenda atual está fechada e a próxima entra em lista de espera.'},
  {q:'A Ceci realiza palestras e eventos?',
   a:'Sim. Já palestrou em Londres, Dubai e Lisboa, incluindo a FLILP 2026 na Goldsmiths, University of London. Convites e propostas podem ser enviados pelo WhatsApp.'},
  {q:'Este conteúdo é terapia, coaching ou promessa de resultado?',
   a:'Não. É estudo e formação. O trabalho não substitui acompanhamento médico ou psicológico e não promete resultado. Organiza a leitura para que a escolha seja mais consciente.'}
];
function Faq(){
  const AM=window[window.AM_NS];
  const {Eyebrow}=AM;
  const [open,setOpen]=React.useState(0);
  return (
    <section className="am-chamber am-faq" id="faq">
      <div className="am-inner am-faq-wrap">
        <div className="am-faq-head" data-am-reveal>
          <Eyebrow rule={false}>Perguntas frequentes</Eyebrow>
          <h2 className="am-faq-title">Antes de<em> atravessar.</em></h2>
        </div>
        <div className="am-faq-list" data-am-reveal data-am-delay="120">
          {AM_FAQ.map((it,i)=>(
            <div key={i} className={'am-faq-item'+(open===i?' is-open':'')}>
              <button className="am-faq-q" onClick={()=>setOpen(open===i?-1:i)} aria-expanded={open===i}>
                <span>{it.q}</span><i aria-hidden="true"/>
              </button>
              <div className="am-faq-a"><p>{it.a}</p></div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window,{Faq,AM_FAQ});