const { SectionHead, CredentialItem, Figure, Chip, Rule } = (window.DestravaPesoDesignSystem_3cf4d5 || {});
const { Wrap } = window;

const CREDS=[
 ['Escola Bahiana de Medicina e Saúde Pública','Graduação em Medicina'],
 ['Santa Casa de Misericórdia de Ribeirão Preto','Residência em Radiologia e Diagnóstico por Imagem'],
 ['FAPES — São Paulo','Especialização em Medicina Esportiva'],
 ['CRM 19575 BA','Registro ativo no Conselho Regional de Medicina do Estado da Bahia']];

function Doctor(){
  return <Wrap id="sobre">
    <div style={{display:'grid',gridTemplateColumns:'minmax(0,320px) minmax(0,1fr)',gap:'clamp(32px,6vw,80px)',alignItems:'start'}} className="two-col">
      <div style={{display:'grid',gap:'28px'}}>
        <window.MediaPanel caption="Dr. Valter da Silva Cardoso Filho, médico radiologista e especialista em medicina esportiva. Salvador, Bahia.">
          <img src={window.asset('retrato/valter-retrato-4x5.jpg')} alt="Retrato do Dr. Valter da Silva Cardoso Filho" style={{width:'100%',aspectRatio:'4 / 5',objectFit:'cover',display:'block'}} />
        </window.MediaPanel>
        <Chip tone="moss">CRM 19575 BA</Chip>
      </div>
      <div style={{display:'grid',gap:'36px'}}>
        <SectionHead eyebrow="Quem criou este protocolo" title="Dr. Valter da Silva Cardoso Filho"
          lede="Médico Radiologista · Especialista em Medicina Esportiva · CRM 19575 BA" />
        <p style={{fontSize:'var(--fs-lede)',lineHeight:'var(--lh-body)',color:'var(--text-body)',maxWidth:'60ch'}}>Como radiologista, aprendi a enxergar o corpo de dentro para fora — a ver o que os olhos não alcançam. Como especialista em medicina esportiva, aprendi que o corpo humano não foi feito para se deteriorar com o tempo: foi feito para se adaptar, se fortalecer e durar. Este protocolo é a junção dessas duas visões a serviço de quem mais precisa — adultos acima de 35 anos que o sistema convencional insiste em ignorar.</p>
        <div>
          <Rule label="Formação" style={{marginBottom:'8px'}} />
          {CREDS.map(([i,d])=><CredentialItem key={i} institution={i} detail={d} />)}
        </div>
      </div>
    </div>
  </Wrap>;
}
Object.assign(window,{Doctor});