const { SectionHead, Testimonial, Disclaimer, Button, FaqItem, Figure, Eyebrow, Chip } = (window.DestravaPesoDesignSystem_3cf4d5 || {});
const { Wrap } = window;

const CHECKOUT='https://chk.eduzz.com/797ZYE680E';

const VOICES=[
 ['Perdi 9kg em três meses seguindo o protocolo — e o mais importante é que não parei no dia 21. Minha autoestima voltou, meu casamento melhorou porque eu tinha mais disposição, e no trabalho parei de viver no piloto automático. Foi muito além do peso.','Marina Souza','42 anos','mantém os hábitos há 5 meses'],
 ['Com o protocolo entendi que o problema era o meu cortisol, não a minha força de vontade. Perdi peso, mas ganhei muito mais: durmo melhor, tenho paciência com meus filhos e não vivo mais irritada e exausta. Continuo com os hábitos até hoje.','Cristina Andrade','47 anos','mantém os hábitos há 4 meses'],
 ['Eu era cético, confesso. Mas segui os 21 dias direitinho e os resultados apareceram: perdi peso, minha energia mudou e minha esposa foi a primeira a notar — não só no corpo, mas no humor. Passados os 21 dias, simplesmente não quis parar.','Ricardo Nunes','39 anos','mantém os hábitos há 6 meses']];

function Voices(){
  return <Wrap id="relatos" bg="var(--surface-alt)">
    <SectionHead eyebrow="O que dizem os pacientes" title="Resultados que mudam vidas" />
    <div style={{display:'grid',gridTemplateColumns:'minmax(0,380px) minmax(0,1fr)',gap:'clamp(32px,5vw,72px)',alignItems:'start',marginTop:'48px'}} className="two-col">
      <window.MediaPanel caption="Resultado individual de participante · varia conforme a adesão ao protocolo">
        <img src={window.asset('depoimentos/antes-depois.jpg')} alt="Antes e depois de participante do Desafio Destrava Peso: redução visível de medidas nas costas e cintura" style={{width:'100%',aspectRatio:'4 / 5',objectFit:'cover',display:'block',filter:'saturate(.75)'}} />
      </window.MediaPanel>
      <div style={{display:'grid',gap:'40px'}}>
        {VOICES.map(([q,n,a,m])=><Testimonial key={n} quote={q} name={n} age={a} meta={m} />)}
      </div>
    </div>
  </Wrap>;
}

const COMPOSE=[
 ['Protocolo de 21 dias com tarefas diárias','R$ 147,00'],
 ['Treino em casa (21 dias)','R$ 77,00'],
 ['Treino na academia (21 dias)','R$ 77,00'],
 ['Guia alimentar + protocolo de sono','R$ 46,00']];

function Access(){
  return <Wrap id="acesso">
    <div style={{display:'grid',gridTemplateColumns:'minmax(0,1fr) minmax(0,480px)',gap:'clamp(32px,6vw,80px)',alignItems:'start'}} className="two-col">
      <div style={{display:'grid',gap:'30px'}}>
        <SectionHead eyebrow="Pagamento único · sem mensalidade" title="Uma decisão. Uma vida diferente."
          lede="O protocolo completo custa menos do que uma única consulta particular." />
        <p style={{fontSize:'var(--fs-caption)',color:'var(--ink-3)',letterSpacing:'var(--ls-label)',textTransform:'uppercase',fontWeight:'var(--wt-semibold)'}}>Acesso imediato · vitalício · com atualizações</p>
        <div>
          <p className="eyebrow" style={{marginBottom:'14px'}}>O que compõe o protocolo</p>
          {COMPOSE.map(([n,v])=><div key={n} style={{display:'flex',justifyContent:'space-between',gap:'20px',padding:'13px 0',borderTop:'1px solid var(--rule-hairline)',fontSize:'var(--fs-body-sm)'}}>
            <span style={{color:'var(--text-body)'}}>{n}</span><span className="tabular" style={{fontFamily:'var(--font-mono)',color:'var(--text-muted)'}}>{v}</span></div>)}
          <div style={{display:'flex',justifyContent:'space-between',gap:'20px',padding:'13px 0',borderTop:'1px solid var(--rule-strong)',fontSize:'var(--fs-body-sm)',fontWeight:'var(--wt-semibold)'}}>
            <span style={{color:'var(--text-title)'}}>Valor de referência, separado</span><span className="tabular" style={{fontFamily:'var(--font-mono)',color:'var(--text-title)'}}>R$ 347,00</span></div>
        </div>
        <div style={{background:'var(--surface-card)',border:'var(--border-hair)',padding:'26px 28px',display:'grid',gap:'10px'}}>
          <h3 style={{fontSize:'1.375rem'}}>Garantia incondicional de 7 dias</h3>
          <p style={{fontSize:'var(--fs-body-sm)',lineHeight:'var(--lh-body)',color:'var(--text-muted)'}}>Se por qualquer motivo você não ficar satisfeito, basta nos contactar em até 7 dias após a compra e devolvemos 100% do seu investimento. Sem burocracia, sem perguntas. O risco é nosso — o resultado é seu.</p>
        </div>
        <p style={{fontSize:'var(--fs-body-sm)',color:'var(--text-muted)'}}>Dúvidas antes de comprar? Fale no WhatsApp: <a href="https://wa.me/5573999910911">(73) 99991-0911</a> (Dr. Valter) · <a href="https://wa.me/5571996292706">(71) 99629-2706</a> (Dra. Camila Porto)</p>
      </div>
      <div style={{background:'var(--surface-inverse)',padding:'clamp(30px,4vw,52px)',display:'grid',gap:'22px',position:'sticky',top:'96px'}}>
        <Eyebrow tone="onInverse">Hoje, o protocolo completo por</Eyebrow>
        <div style={{display:'grid',gap:'8px'}}>
          <span className="tabular" style={{fontFamily:'var(--font-display)',fontSize:'clamp(3rem,2.4rem + 2.6vw,4.5rem)',lineHeight:1,color:'var(--text-on-inverse)'}}>R$ 87,00</span>
          <span style={{fontSize:'var(--fs-body-sm)',color:'var(--text-on-inverse-muted)'}}>pagamento único · nada de mensalidade ou renovação</span>
          <span style={{fontSize:'var(--fs-body-sm)',color:'var(--text-on-inverse)'}}>ou em até <strong>12x de R$ 7,25</strong> no cartão</span>
          <span style={{fontFamily:'var(--font-mono)',fontSize:'var(--fs-caption)',color:'var(--moss-300)'}}>equivale a R$ 2,90 por dia no primeiro mês</span>
        </div>
        <Button href={CHECKOUT} variant="onInverse" size="lg" block>Quero o Desafio Destrava Peso</Button>
        <p style={{fontSize:'var(--fs-caption)',color:'var(--text-on-inverse-muted)'}}>Pix, cartão ou boleto · compra processada e protegida pela Eduzz</p>
        <div style={{borderTop:'1px solid var(--rule-on-inverse)',paddingTop:'20px',display:'grid',gap:'8px',fontSize:'var(--fs-caption)',color:'var(--text-on-inverse-muted)'}}>
          <span>Garantia incondicional de 7 dias</span><span>Acesso imediato e vitalício</span><span>CRM 19575 BA</span>
        </div>
        <Disclaimer tone="onInverse">Material educativo elaborado e assinado pelo Dr. Valter da Silva Cardoso Filho, médico radiologista e especialista em medicina esportiva.</Disclaimer>
      </div>
    </div>
  </Wrap>;
}

const FAQ=[
 ['Esse protocolo serve para quem nunca fez dieta ou exercício?','Sim. O protocolo foi desenhado com progressão — a Semana 1 não tem restrição calórica nem exige treino intenso. Qualquer adulto acima de 35 anos consegue seguir, independentemente do condicionamento atual.'],
 ['Preciso comprar suplementos para seguir o protocolo?','Não. Este é um diferencial do protocolo: todas as indicações de suplementos foram substituídas por fontes alimentares naturais equivalentes. Você vai encontrar o que comer, não o que comprar.'],
 ['Em quanto tempo verei resultados?','A maioria relata melhora na energia e no sono ainda na primeira semana. Resultados na composição corporal aparecem a partir da segunda — especialmente redução do inchaço e da gordura visceral, os primeiros a responder à normalização do cortisol e da insulina.'],
 ['Posso seguir o protocolo se tiver alguma condição de saúde?','O protocolo é material educativo e de suporte — não substitui acompanhamento médico individualizado. Se você tem hipotireoidismo, diabetes, SOP ou hipertensão, use-o como complemento ao tratamento e comunique ao seu médico.'],
 ['O que acontece depois dos 21 dias?','O ebook inclui uma seção completa de manutenção permanente — os 4 pilares que nunca saem da sua vida. Você também pode repetir o ciclo de 21 dias com progressão de carga e intensidade.'],
 ['Como recebo o ebook após a compra?','Imediatamente após a confirmação do pagamento, você recebe um e-mail com o link de acesso. O conteúdo fica disponível para download e pode ser acessado em qualquer dispositivo.']];

function Faq(){
  return <Wrap id="faq" bg="var(--surface-alt)">
    <div style={{display:'grid',gridTemplateColumns:'minmax(0,.7fr) minmax(0,1.3fr)',gap:'clamp(32px,6vw,80px)',alignItems:'start'}} className="two-col">
      <SectionHead eyebrow="Dúvidas frequentes" title="Perguntas que você provavelmente tem agora" style={{position:'sticky',top:'96px'}} />
      <div>{FAQ.map(([q,a],i)=><FaqItem key={q} question={q} answer={a} defaultOpen={i===0} />)}</div>
    </div>
  </Wrap>;
}

function Closing(){
  return <section id="fechamento" style={{background:'var(--surface-inverse)'}}>
    <div style={{maxWidth:'var(--col-wide)',margin:'0 auto',padding:'var(--section-y) var(--gutter)'}}>
      <div style={{maxWidth:'760px',margin:'0 auto',textAlign:'center',display:'grid',gap:'26px',justifyItems:'center'}}>
        <h2 style={{maxWidth:'18ch',color:'var(--text-on-inverse)'}}>Você chegou até aqui. Isso significa alguma coisa.</h2>
        <p style={{fontSize:'var(--fs-lede)',lineHeight:'var(--lh-body)',color:'var(--text-on-inverse-muted)',maxWidth:'46ch'}}>Uma parte de você ainda acredita que é possível. Honre isso. O terreno certo muda tudo — e você merece descobrir isso na prática.</p>
        <Button href="#acesso" variant="onInverse" size="lg">Quero o Desafio Destrava Peso</Button>
        <p style={{fontSize:'var(--fs-caption)',color:'var(--text-on-inverse-muted)'}}>12x de R$ 7,25 · ou R$ 87,00 à vista · garantia de 7 dias</p>
      </div>
    </div>
  </section>;
}
Object.assign(window,{Voices,Access,Faq,Closing,CHECKOUT});