const {Button,Tag,Card,Numero2090,BlocoAssinatura,RodapeLegal,CartelaDado,Citacao,Foto}=window.SaymonVeiga_68d6e0;
const WA='https://wa.me/5543936180583';
const FOTO='../../assets/fotos/saymon-veiga-oficial.jpg';

function Bloco({children,fundo='var(--surface-page)',cor,estreita=false,id}){
  return <section id={id} style={{background:fundo,color:cor,padding:'clamp(96px,11vw,136px) 0'}}>
    <div style={{maxWidth:estreita?'var(--container-texto)':'var(--container-max)',margin:'0 auto',padding:'0 var(--gutter-desktop)'}}>{children}</div>
  </section>;
}

function Kicker({children,cor='var(--text-muted)'}){
  return <div style={{fontWeight:700,fontSize:'var(--size-legal)',letterSpacing:'0.14em',textTransform:'uppercase',color:cor,marginBottom:'var(--space-4)'}}>{children}</div>;
}

function NavLink({href,children}){
  const [h,setH]=React.useState(false);
  return <a href={href} onMouseEnter={()=>setH(true)} onMouseLeave={()=>setH(false)} style={{fontSize:'var(--size-body-s)',fontWeight:600,color:h?'var(--grafite)':'var(--grafite-medio)',textDecoration:'none',whiteSpace:'nowrap',padding:'6px 0',boxShadow:h?'inset 0 -2px 0 var(--laranja)':'inset 0 -2px 0 transparent',transition:'var(--transicao-ui)'}}>{children}</a>;
}

function Navegacao(){
  const itens=[['#lutas','As três lutas'],['#quem-e','Quem é o Saymon'],['#historias','Sua história'],['#porta-voz','Porta-voz'],['#imprensa','Imprensa']];
  return <header style={{position:'sticky',top:0,zIndex:20,background:'var(--marfim-puro)',borderBottom:'var(--regra-hairline)'}}>
    <div className="nav-row" style={{maxWidth:'var(--container-max)',margin:'0 auto',padding:'var(--space-3) var(--gutter-desktop)',minHeight:72,display:'flex',alignItems:'center',gap:'var(--space-5)',flexWrap:'wrap'}}>
      <a href="#topo" style={{textDecoration:'none',display:'flex',alignItems:'baseline',gap:8,flexShrink:0}}>
        <span style={{fontWeight:900,fontSize:19,letterSpacing:'-0.02em',color:'var(--grafite)'}}>SAYMON VEIGA</span>
        <span style={{fontWeight:900,fontSize:19,letterSpacing:'-0.03em',color:'var(--laranja)'}}>2090</span>
      </a>
      <nav style={{display:'flex',alignItems:'center',gap:'var(--space-5)',marginLeft:'auto',flexWrap:'wrap',justifyContent:'flex-end'}}>
        {itens.map(([href,label])=><NavLink key={href} href={href}>{label}</NavLink>)}
      </nav>
      <span className="nav-div" style={{width:1,height:28,background:'var(--grafite)',opacity:.15,flexShrink:0}}></span>
      <Button variante="urgente" tamanho="sm" href={WA}><span style={{whiteSpace:'nowrap'}}>Chamar no WhatsApp</span></Button>
    </div>
  </header>;
}

const FRASES=['Pelo laudo do seu filho.','Pela receita que você não consegue pagar.','Pelo professor de apoio que nunca chega.','Pela terapia que custa um salário inteiro.','Pela consulta marcada para o ano que vem.','Pela criança que ficou sozinha na sala.'];

function Maquina({frases}){
  const [i,setI]=React.useState(0),[n,setN]=React.useState(0),[apagando,setApagando]=React.useState(false);
  React.useEffect(()=>{
    const frase=frases[i];
    if(!apagando&&n<frase.length){const t=setTimeout(()=>setN(n+1),42);return()=>clearTimeout(t);}
    if(!apagando&&n===frase.length){const t=setTimeout(()=>setApagando(true),2000);return()=>clearTimeout(t);}
    if(apagando&&n>0){const t=setTimeout(()=>setN(n-1),18);return()=>clearTimeout(t);}
    const t=setTimeout(()=>{setApagando(false);setI((i+1)%frases.length);},260);return()=>clearTimeout(t);
  },[n,apagando,i,frases]);
  return <span>{frases[i].slice(0,n)}<span style={{display:'inline-block',width:'0.06em',height:'0.82em',marginLeft:'0.06em',verticalAlign:'-0.06em',background:'var(--laranja)',animation:'cursorPisca 1s steps(1,end) infinite'}}></span></span>;
}

function Heroi(){
  return <section id="topo" style={{background:'var(--marfim)',display:'grid',gridTemplateColumns:'1.05fr .95fr',alignItems:'stretch'}} className="grid-2">
    <div style={{padding:'clamp(72px,10vh,128px) var(--space-8) clamp(72px,10vh,128px) max(var(--gutter-desktop),calc((100vw - 1160px)/2))',display:'grid',alignContent:'center'}}>
      <Kicker cor="var(--laranja-escuro)">Quanto tempo você esperou?</Kicker>
      <h1 style={{fontSize:'clamp(2.6rem,4.4vw,4.4rem)',lineHeight:.98,letterSpacing:'-0.03em',maxWidth:'17ch',minHeight:'2.94em',margin:'0 0 var(--space-5)'}}><Maquina frases={FRASES}/></h1>
      <p style={{fontWeight:900,fontSize:'var(--size-body-l)',letterSpacing:'-0.01em',margin:'0 0 var(--space-5)'}}>Saymon Veiga <span style={{color:'var(--laranja)'}}>2090</span>: TDAH, Autismo e Neurodivergência</p>
      <p style={{fontSize:'var(--size-body-l)',maxWidth:'44ch',margin:'0 0 var(--space-7)'}}>O direito existe. Só nunca termina de carregar. O Brasil aprendeu a falar sobre TDAH e autismo. Agora precisa fazer o cuidado chegar. É para isso que essa candidatura existe.</p>
      <div style={{display:'flex',gap:'var(--space-3)',flexWrap:'wrap'}}>
        <Button variante="primaria" tamanho="lg" href="#lutas">Conhecer as três lutas</Button>
        <Button variante="secundaria" tamanho="lg" href={WA}>Vive isso? Me conta no WhatsApp</Button>
      </div>
    </div>
    <div style={{position:'relative',minHeight:'min(88vh,760px)'}}>
      <img src={FOTO} alt="Saymon Veiga" style={{position:'absolute',inset:0,width:'100%',height:'100%',objectFit:'cover',objectPosition:'50% 18%'}}/>
      <div style={{position:'absolute',left:0,bottom:'calc(var(--space-8) + 72px)'}}><Numero2090 tamanho="m" paleta="laranjaSobreAzul" padding="var(--space-4) var(--space-5)"/></div>
      <div style={{position:'absolute',left:0,right:0,bottom:0}}><BlocoAssinatura fundo="grafite" compacto/></div>
    </div>
  </section>;
}

function Tese(){
  return <Bloco fundo="var(--grafite)" cor="var(--marfim-puro)" estreita>
    <p style={{fontSize:'var(--size-h3)',fontWeight:700,lineHeight:'var(--leading-heading)',maxWidth:'34ch'}}>Eu não conheci essas causas durante uma eleição. A eleição me encontrou trabalhando nelas.</p>
    <p style={{fontSize:'var(--size-body-l)'}}>Tenho TDAH. Tenho um sobrinho autista. E há anos o meu trabalho me coloca em contato, todos os dias, com famílias que vivem uma realidade muito diferente da que aparece no papel. A mãe que conhece o direito do filho e não encontra o profissional. O adulto que consegue o diagnóstico e não consegue pagar o tratamento. A criança que ouve da escola que "talvez outra escola seja melhor".</p>
    <p style={{fontSize:'var(--size-body-l)'}}>Meu inimigo não é professor, nem médico, nem esquerda, nem direita. É a distância entre o direito e o acesso. É nesse espaço que mora o abandono. É nesse espaço que eu quero atuar.</p>
    <p style={{fontWeight:900,fontSize:'var(--size-body-l)',margin:0}}>Saymon Veiga</p>
  </Bloco>;
}

const LUTAS=[
  {n:'1',universo:'laranja',titulo:'Remédio de TDAH no SUS',frase:'Diagnóstico sem tratamento é abandono com carimbo.',
   texto:'Você tem o diagnóstico. Tem a receita. E não tem como pagar. O Brasil reconhece o TDAH e tem protocolo nacional, mas os medicamentos de primeira linha não estão garantidos nacionalmente no SUS. Quem pode, paga. Quem não pode, fica sem.',
   faz:'Provocar a reavaliação da incorporação desses medicamentos ao SUS. Acompanhar a Conitec, discutir preço, genéricos e compra pública, e cobrar a atualização do protocolo com base em evidência.',
   nota:['Deixando claro','Não é remédio grátis. É tratamento indicado por médico, com protocolo, chegando a quem não pode pagar. E remédio não resolve sozinho o TDAH: diagnóstico, terapia e acompanhamento andam juntos.']},
  {n:'2',universo:'azul',titulo:'Escola com apoio de verdade',frase:'Matrícula não é inclusão.',
   texto:'A criança autista entrou na escola. E ficou sozinha na sala. Recusar matrícula já é ilegal, com multa de 3 a 20 salários mínimos para o gestor (Lei 12.764/2012, art. 7º), e quase ninguém fiscaliza. Só em Curitiba faltam 699 profissionais de apoio (audiência pública na Câmara Municipal, maio de 2026). E o professor não é o vilão. Ele foi deixado sozinho também.',
   faz:'Fiscalizar a recusa de matrícula, exigir transparência nacional sobre a fila do professor de apoio, acabar com a exigência de laudo para o apoio escolar e destinar emendas para clínicas-escola, como a que Cascavel criou.',
   nota:['A meta é simples','Nenhuma criança sozinha na sala. Nem o professor.']},
  {n:'3',universo:'azul',titulo:'Diagnóstico com prazo',frase:'Chega de esperar.',
   texto:'No Paraná, uma criança pode esperar até três anos por um laudo que precisava ter saído aos dois. Só em Curitiba, mais de 3.400 crianças aguardam na fila da neuropediatria (Câmara Municipal de Curitiba, 2025-2026). Direito sem prazo é só promessa.',
   faz:'Projeto de lei fixando prazo máximo para o início da avaliação diagnóstica de TDAH e autismo no SUS, como já existe para o câncer (Lei 12.732/2012), com indicador público de cumprimento e diagnóstico por equipe multiprofissional, no modelo que zerou a fila em Paranaguá em 2023.',
   nota:['','Não é impossível. É que não foi feito onde você mora.']}
];

function Lutas(){
  return <Bloco id="lutas">
    <Kicker>As minhas três lutas</Kicker>
    <h2 style={{fontSize:'clamp(2.2rem,3.4vw,3.2rem)',letterSpacing:'-0.025em',maxWidth:'22ch',marginBottom:'var(--space-4)'}}>Não quero mais conscientização. O Brasil já tem.</h2>
    <p style={{fontSize:'var(--size-body-l)',maxWidth:'52ch',marginBottom:'var(--space-8)'}}>Quero três coisas que dá pra medir, fiscalizar e cobrar.</p>
    <div style={{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:'var(--space-6)',alignItems:'start'}} className="grid-3">
      {LUTAS.map(l=>{
        const cor=l.universo==='laranja'?'var(--laranja)':'var(--azul-royal)';
        return <article key={l.n} style={{borderTop:'var(--border-bloco) solid '+cor,paddingTop:'var(--space-5)'}}>
          <div style={{display:'flex',alignItems:'baseline',gap:'var(--space-3)',marginBottom:'var(--space-3)'}}>
            <span style={{fontWeight:900,fontSize:'var(--size-h1)',lineHeight:1,color:cor,fontVariantNumeric:'tabular-nums'}}>{l.n}</span>
            <h3 style={{fontSize:'var(--size-h3)',margin:0}}>{l.titulo}</h3>
          </div>
          <p style={{fontSize:'var(--size-body-l)',fontWeight:900,lineHeight:'var(--leading-heading)',color:cor}}>{l.frase}</p>
          <p>{l.texto}</p>
          <p style={{margin:'0 0 var(--space-4)'}}><strong>O que eu vou fazer: </strong>{l.faz}</p>
          <Card padding="var(--space-4)">
            {l.nota[0]?<div style={{fontWeight:700,fontSize:'var(--size-caption)',letterSpacing:'var(--tracking-caps)',textTransform:'uppercase',color:'var(--text-muted)',marginBottom:'var(--space-2)'}}>{l.nota[0]}</div>:null}
            <p style={{margin:0,fontSize:'var(--size-body-s)',fontWeight:l.nota[0]?400:700}}>{l.nota[1]}</p>
          </Card>
        </article>;
      })}
    </div>
  </Bloco>;
}

function Metodo(){
  return <Bloco fundo="var(--surface-sunken)" estreita>
    <h2 style={{fontSize:'clamp(2.2rem,3.4vw,3.2rem)',letterSpacing:'-0.025em',marginBottom:'var(--space-6)'}}>Mapear. Fiscalizar. Fazer funcionar.</h2>
    <p style={{fontSize:'var(--size-body-l)'}}>Eu não prometo o que um deputado federal não entrega sozinho. Deputado legisla, fiscaliza, destina recursos e cobra execução. O meu método é perguntar o que ninguém publica: quantos precisam, quantos esperam, quanto dinheiro foi enviado, quantos foram atendidos. Sem isso, política pública vira discurso.</p>
    <p style={{fontSize:'var(--size-body-l)',fontWeight:700,margin:0}}>Se alguém te prometeu zerar a fila da sua cidade, pergunta como.</p>
  </Bloco>;
}
Object.assign(window,{Bloco,Kicker,Navegacao,NavLink,Maquina,Heroi,Tese,Lutas,Metodo,WA,FOTO,FRASES,Button,Tag,Card,Numero2090,BlocoAssinatura,RodapeLegal,CartelaDado,Citacao,Foto});
