const { Button, Eyebrow } = (window.DestravaPesoDesignSystem_3cf4d5 || {});



function Hero(){
  return <section id="topo" style={{position:'relative',overflow:'hidden',borderBottom:'1px solid var(--rule-hairline)'}}>
    <div aria-hidden="true" className="hero-mosaic" style={{position:'absolute',inset:0,display:'grid',gridTemplateColumns:'repeat(6,1fr)',opacity:.14,filter:'saturate(.45) contrast(.95)'}}>
      {[ 'mosaico/m-01-aviao.jpg','mosaico/m-04-box-corrida.jpg','mosaico/m-06-carro.jpg','mosaico/m-10-cavalo.jpg','mosaico/m-18-museu.jpg','mosaico/m-26-deserto.jpg' ].map(k=><div key={k} style={{overflow:'hidden'}}><img src={window.asset(k)} alt="" style={{width:'100%',height:'100%',objectFit:'cover'}} /></div>)}
    </div>
    <div aria-hidden="true" style={{position:'absolute',inset:0,background:'linear-gradient(to bottom,rgba(247,245,240,.86),rgba(247,245,240,.97) 62%,var(--paper-2))'}} />
    <div style={{position:'relative',maxWidth:'var(--col-wide)',margin:'0 auto',padding:'clamp(72px,10vw,132px) var(--gutter) clamp(56px,7vw,96px)',display:'grid',gridTemplateColumns:'minmax(0,1.25fr) minmax(0,1fr)',gap:'clamp(36px,6vw,88px)',alignItems:'center'}} className="two-col hero-grid">
      <div style={{display:'grid',gap:'30px'}}>
        <Eyebrow>Método do Dr. Valter Cardoso · CRM 19575 BA</Eyebrow>
        <h1 style={{maxWidth:'14ch'}}>Seu corpo não falhou. <em style={{fontStyle:'italic'}}>O método falhou.</em></h1>
        <p style={{fontSize:'var(--fs-lede)',lineHeight:'var(--lh-body)',color:'var(--text-muted)',maxWidth:'46ch'}}>O protocolo de 21 dias que destrava o metabolismo depois dos 35, agindo nos <strong style={{color:'var(--text-body)',fontWeight:'var(--wt-semibold)'}}>6 eixos hormonais</strong> que as dietas comuns ignoram.</p>
        <div className="cta-row" style={{display:'flex',gap:'14px',flexWrap:'wrap',marginTop:'6px'}}>
          <Button href="#o-que-voce-vai-receber" size="lg">Quero o Desafio Destrava Peso</Button>
          <Button href="#metodo" variant="secondary" size="lg">Entender o método</Button>
        </div>
        <p style={{fontSize:'var(--fs-caption)',color:'var(--ink-3)'}}>12x de R$ 7,25 · garantia incondicional de 7 dias · CRM 19575 BA</p>
      </div>
      <div className="hero-portrait" style={{position:'relative',justifySelf:'center',width:'min(100%,420px)'}}>
        <div aria-hidden="true" className="panel-moss" style={{position:'absolute',inset:'12% -6% 0 10%',background:'var(--moss-800)'}} />
        <div aria-hidden="true" className="panel-line" style={{position:'absolute',inset:'9% -3% 3% 13%',border:'1px solid var(--moss-300)',pointerEvents:'none'}} />
        <img src={window.asset('retrato/valter-estudio.webp')} alt="Dr. Valter Cardoso, médico radiologista e especialista em medicina esportiva" style={{position:'relative',width:'100%',display:'block',filter:'drop-shadow(0 24px 40px rgba(17,24,39,.28))'}} />
        <div className="float-stat" style={{position:'absolute',left:'-4%',bottom:'18%',background:'var(--paper-0)',border:'1px solid var(--rule-strong)',padding:'12px 16px',display:'grid',gap:'2px',boxShadow:'var(--shadow-lift)'}}>
          <span className="tabular" style={{fontFamily:'var(--font-display)',fontSize:'1.75rem',lineHeight:1,color:'var(--moss-800)'}}>21 dias</span>
          <span style={{fontFamily:'var(--font-body)',fontSize:'var(--fs-label)',fontWeight:'var(--wt-semibold)',letterSpacing:'var(--ls-label)',textTransform:'uppercase',color:'var(--ink-3)'}}>6 eixos hormonais</span>
        </div>
        <a href="#" className="float-video" style={{position:'absolute',right:'-2%',bottom:'-4%',display:'inline-flex',alignItems:'center',gap:'10px',background:'var(--paper-2)',border:'1px solid var(--rule-strong)',padding:'12px 18px',boxShadow:'var(--shadow-lift)',fontFamily:'var(--font-body)',fontSize:'var(--fs-caption)',fontWeight:'var(--wt-semibold)',color:'var(--ink-0)',minHeight:'var(--tap-min)'}}>
          <span aria-hidden="true" style={{width:'30px',height:'30px',borderRadius:'999px',background:'var(--moss-800)',color:'var(--paper-2)',display:'grid',placeItems:'center',fontSize:'11px'}}>▶</span>
          Assista · 2 min com o Dr. Valter
        </a>
      </div>
    </div>
  </section>;
}
Object.assign(window,{Hero});