function FaixaDados(){
  return <section style={{background:'var(--grafite)',padding:'clamp(80px,9vw,112px) 0'}}>
    <div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:'0 var(--gutter-desktop)'}}>
      <div style={{fontWeight:700,fontSize:'var(--size-legal)',letterSpacing:'0.14em',textTransform:'uppercase',color:'var(--marfim-puro)',opacity:.65,marginBottom:'var(--space-6)'}}>Os números, com fonte e data</div>
      <div style={{display:'grid',gridTemplateColumns:'repeat(3,minmax(0,1fr))',gap:'var(--space-5)'}} className="grid-3">
        <CartelaDado numero="699" unidade="profissionais" frase="Faltam em Curitiba: 1.505 para 2.204 crianças." fonte="Audiência pública, Câmara Municipal de Curitiba, mai/2026"/>
        <CartelaDado numero="3.400" unidade="crianças" frase="Na fila da neuropediatria, só em Curitiba." fonte="Câmara Municipal de Curitiba, 2025-2026"/>
        <CartelaDado numero="132.604" unidade="pessoas" frase="Com diagnóstico de autismo no Paraná." fonte="IBGE, Censo 2022"/>
      </div>
    </div>
  </section>;
}

function QuemE(){
  return <Bloco id="quem-e" fundo="var(--marfim)">
    <div style={{display:'grid',gridTemplateColumns:'.85fr 1.15fr',gap:'var(--space-8)',alignItems:'start'}} className="grid-2">
      <div>
        <img src={FOTO} alt="Saymon Veiga" style={{width:'100%',aspectRatio:'3 / 4',objectFit:'cover',objectPosition:'50% 20%',display:'block'}}/>
        <p style={{marginTop:'var(--space-3)',fontSize:'var(--size-caption)',color:'var(--text-muted)'}}>Foto oficial da campanha. Substituir por retrato em ambiente real quando a pasta oficial trouxer um.</p>
      </div>
      <div>
        <Kicker>Quem é o Saymon</Kicker>
        <h2 style={{fontSize:'var(--size-h1)',marginBottom:'var(--space-5)'}}>Quem é Saymon Veiga</h2>
        <p style={{fontSize:'var(--size-body-l)'}}>Saymon Veiga nasceu e construiu sua trajetória em Londrina, no norte do Paraná. Passou boa parte da vida adulta carregando o rótulo do "eterno potencial desperdiçado". O diagnóstico de TDAH não resolveu sua vida, mas, nas palavras dele, deu um mapa.</p>
        <p>Desse mapa nasceu o TDAH Pra Gente Grande, projeto de educação e comunicação que reúne mais de 478 mil seguidores no Instagram, 80 mil inscritos no YouTube e mais de 12 mil alunos. Formado em Comunicação Social pela UEL, com estudos em Psicopedagogia, é uma das vozes mais ouvidas do país sobre neurodivergência, presente no Podpah, no Flow, no Sem Groselha e na bancada do Sem Censura, da TV Brasil. Em 2025, esteve na Câmara dos Deputados no Dia Mundial de Conscientização do Autismo.</p>
        <p>Sua entrada na política nasce de dentro de casa e da audiência: tem sobrinhos autistas e com TDAH, e recebe diariamente relatos de mães atípicas isoladas, crianças sofrendo na escola e adultos chamados de preguiçosos. Sua tese é direta: neurodivergência não pode ser pauta de enfeite. Precisa virar orçamento, projeto e política pública.</p>
        <div style={{display:'grid',gap:'var(--space-4)',marginTop:'var(--space-6)'}}>
          <Citacao>Eu não encontrei essas causas na eleição. A eleição me encontrou trabalhando nelas.</Citacao>
          <Citacao fundo="azul">Não vote em mim porque eu tenho TDAH. Vote pelo que eu vou fazer com um mandato.</Citacao>
          <Citacao fundo="grafite">A causa não existe para servir à minha candidatura. A candidatura é que serve à causa.</Citacao>
        </div>
      </div>
    </div>
  </Bloco>;
}

function Historias(){
  return <Bloco id="historias" estreita>
    <Kicker>Conte sua história</Kicker>
    <h2 style={{fontSize:'var(--size-h1)',marginBottom:'var(--space-5)'}}>Se você vive isso, me conta.</h2>
    <p style={{fontSize:'var(--size-body-l)'}}>Quanto tempo você esperou pelo diagnóstico? Conseguiu o remédio? A escola aceitou a matrícula, tem apoio? Cada história ajuda a mostrar o tamanho real da fila que o poder público não publica. A sua pode virar dado, cobrança e proposta.</p>
    <Button variante="urgente" tamanho="lg" href={WA}>Mandar minha história no WhatsApp</Button>
    <p style={{marginTop:'var(--space-5)',fontSize:'var(--size-body-s)',color:'var(--text-muted)'}}>Seus dados são usados apenas pela campanha, com o seu consentimento, e você pode pedir o descadastro a qualquer momento. Nada é publicado sem a sua autorização. <a href="#privacidade">Política de privacidade</a></p>
  </Bloco>;
}

function PortaVoz(){
  return <Bloco id="porta-voz" fundo="var(--azul-royal)" cor="var(--marfim-puro)">
    <div style={{display:'grid',gridTemplateColumns:'1.1fr .9fr',gap:'var(--space-8)',alignItems:'center'}} className="grid-2">
      <div>
        <Kicker cor="rgba(253,250,244,.75)">Seja porta-voz</Kicker>
        <h2 style={{fontSize:'var(--size-h1)',marginBottom:'var(--space-5)'}}>Essa luta também é minha.</h2>
        <p style={{fontSize:'var(--size-body-l)'}}>A gente não tem o dinheiro das grandes campanhas. Tem você. Cada porta-voz leva essa história para 10 pessoas: um story compartilhado, um comentário, um áudio para uma amiga que precisa ouvir isso.</p>
        <p style={{fontSize:'var(--size-body-l)'}}>Toda semana você recebe no WhatsApp o kit da semana: vídeos prontos, o argumento em 5 linhas e o número da semana com fonte. E vale a regra do Nunca Zero: não precisa fazer tudo. Precisa não zerar o dia.</p>
        <Button variante="invertida" tamanho="lg" href={WA+'?text=Quero%20ser%20porta-voz%20do%20Saymon%202090'}>Quero ser porta-voz</Button>
        <p style={{marginTop:'var(--space-6)',fontWeight:900,fontSize:'var(--size-h3)',margin:'var(--space-6) 0 0'}}>Quem vive sabe. Quem vive luta.</p>
      </div>
      <div style={{display:'grid',gap:'var(--space-4)'}}>
        <Card fundo="laranja" padding="var(--space-5)"><p style={{margin:0,fontWeight:700}}>Kit da semana no WhatsApp: vídeos prontos, o argumento em 5 linhas e o número da semana com fonte.</p></Card>
        <Card fundo="grafite" padding="var(--space-5)"><p style={{margin:0,fontWeight:700}}>Nunca Zero: um dia tudo bem. Dois dias, jamais.</p></Card>
      </div>
    </div>
  </Bloco>;
}

function Imprensa(){
  return <Bloco id="imprensa" fundo="var(--surface-sunken)">
    <Kicker>Imprensa</Kicker>
    <div style={{display:'grid',gridTemplateColumns:'1.2fr .8fr',gap:'var(--space-8)',alignItems:'start'}} className="grid-2">
      <div>
        <h2 style={{fontSize:'var(--size-h1)',marginBottom:'var(--space-5)'}}>Imprensa</h2>
        <p style={{fontSize:'var(--size-body-l)'}}>Saymon Veiga é comunicador, empresário e educador de Londrina (PR). Diagnosticado com TDAH, transformou a própria história em trabalho: criou a maior comunidade brasileira sobre TDAH adulto, formou mais de 12 mil alunos e reúne quase meio milhão de seguidores. Hoje leva ao debate público a pauta da neurodivergência, em escolas, no SUS e no orçamento.</p>
      </div>
      <Card padding="var(--space-5)">
        <div style={{display:'grid',gap:'var(--space-3)',fontSize:'var(--size-body-s)'}}>
          <a href="#fotos">Fotos oficiais em alta resolução</a>
          <a href="#presskit">Biografia completa e dados com fonte</a>
          <span>Contato de imprensa: [nome e e-mail do responsável]</span>
          <span>WhatsApp da campanha: (43) 93618-0583</span>
        </div>
      </Card>
    </div>
  </Bloco>;
}

function ChamadaFinal(){
  return <section style={{background:'var(--azul-royal)',color:'var(--marfim-puro)',padding:'var(--bloco-secao) 0'}}>
    <div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:'0 var(--gutter-desktop)',display:'grid',gridTemplateColumns:'1fr auto',gap:'var(--space-8)',alignItems:'center'}} className="grid-2">
      <div>
        <h2 style={{fontSize:'clamp(2.6rem,4.2vw,4rem)',letterSpacing:'-0.03em',lineHeight:.98,marginBottom:'var(--space-6)'}}>Chega de esperar.</h2>
        <p style={{fontSize:'var(--size-body-l)',maxWidth:'46ch'}}>Se tem TDAH ou autismo na sua casa, esse voto tem dono. Por remédio de TDAH no SUS, escola com apoio de verdade e diagnóstico com prazo.</p>
        <p style={{fontWeight:900,fontSize:'var(--size-h3)',margin:'0 0 var(--space-6)'}}>Deputado Federal · Saymon Veiga · 2090</p>
        <div style={{display:'flex',gap:'var(--space-3)',flexWrap:'wrap'}}>
          <Button variante="urgente" tamanho="lg" href={WA}>Vive isso? Me conta no WhatsApp</Button>
          <Button variante="invertida" tamanho="lg" href="https://instagram.com/saymon.veiga2090">Seguir @saymon.veiga2090</Button>
        </div>
      </div>
      <div style={{display:'grid',gap:'var(--space-4)',justifyItems:'center'}}>
        <div style={{fontWeight:700,fontSize:'var(--size-legal)',letterSpacing:'0.14em',textTransform:'uppercase',opacity:.75}}>Carregando… 99%</div>
        <Numero2090 tamanho="l" paleta="laranjaSobreAzul" padding="0" anel/>
      </div>
    </div>
  </section>;
}

function Rodape(){
  return <footer>
    <BlocoAssinatura fundo="marfim"/>
    <div style={{background:'var(--grafite)',color:'var(--marfim-puro)',padding:'var(--space-7) 0'}}>
      <div style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:'0 var(--gutter-desktop)',display:'grid',gridTemplateColumns:'1fr 1fr 1fr',gap:'var(--space-6)',fontSize:'var(--size-body-s)'}} className="grid-3">
        <div style={{display:'grid',gap:'var(--space-2)',alignContent:'start'}}>
          <a href="https://instagram.com/saymon.veiga2090" style={{color:'var(--marfim-puro)'}}>Instagram @saymon.veiga2090</a>
          <a href="https://youtube.com/@SaymonVeiga" style={{color:'var(--marfim-puro)'}}>YouTube @SaymonVeiga</a>
          <a href="https://x.com/saymonveigatdah" style={{color:'var(--marfim-puro)'}}>X @saymonveigatdah</a>
        </div>
        <div style={{display:'grid',gap:'var(--space-2)',alignContent:'start'}}>
          <a href={WA} style={{color:'var(--marfim-puro)'}}>WhatsApp da campanha: (43) 93618-0583</a>
          <a href="#historias" style={{color:'var(--marfim-puro)'}}>Conte sua história</a>
          <a href="#imprensa" style={{color:'var(--marfim-puro)'}}>Imprensa</a>
        </div>
        <div style={{display:'grid',gap:'var(--space-2)',alignContent:'start'}}>
          <a href="#privacidade" style={{color:'var(--marfim-puro)'}}>Política de privacidade</a>
        </div>
      </div>
      <div style={{maxWidth:'var(--container-max)',margin:'var(--space-6) auto 0',padding:'0 var(--gutter-desktop)',opacity:.75}}>
        <p style={{fontSize:'var(--size-legal)',margin:0,color:'var(--marfim-puro)'}}>Eleição 2026 Saymon Veiga Deputado Federal · CNPJ 68.606.074/0001-00</p>
      </div>
    </div>
  </footer>;
}
Object.assign(window,{FaixaDados,QuemE,Historias,PortaVoz,Imprensa,ChamadaFinal,Rodape});
