const CONT_ITEMS = [
  "Documentação sempre atualizada conforme novas resoluções do CFO e do CRO",
  "Revisão contínua de contratos, TCLEs, anamneses e prontuários",
  "Suporte odontolegal recorrente para as dúvidas do dia a dia da clínica",
  "Monitoramento da presença digital e adequação ético-regulatória",
  "Orientação e capacitação contínua da sua equipe interna",
  "Acesso prioritário à assistência técnica quando um caso surgir",
];

function AssessoriaContinua() {
  return (
    <div className="rec-band">
      <div className="container">
        <div className="rec-grid">
          <div className="rec-intro">
            <Reveal>
              <span className="eyebrow">Plano contínuo · Recorrência mensal</span>
            </Reveal>
            <Reveal delay={80}>
              <h2 className="h2" style={{maxWidth:"18ch"}}>Assessoria Odontolegal <em>Contínua</em>.</h2>
            </Reveal>
            <Reveal delay={140}>
              <p className="lede" style={{maxWidth:"46ch"}}>
                Proteção não é um evento, é uma rotina. Em vez de reagir quando o problema chega,
                sua clínica passa a contar com a assessoria odontolegal completa funcionando de
                forma contínua, mês a mês, sempre atualizada. Para isso, também contamos com um
                plano de suporte mensal que mantém tudo ativo.
              </p>
            </Reveal>
            <Reveal delay={200}>
              <ul className="rec-list">
                {CONT_ITEMS.map((t, i) => (
                  <li key={i}>
                    <Icon.Check style={{width:19,height:19}} />
                    <span>{t}</span>
                  </li>
                ))}
              </ul>
            </Reveal>
          </div>

          <Reveal delay={120}>
            <aside className="rec-card">
              <div className="rec-card-glow" aria-hidden="true"></div>
              <div className="rec-card-inner">
                <span className="rec-chip"><span className="dot"></span>Plano mensal</span>
                <div className="rec-card-ico"><Icon.Shield style={{width:30,height:30}} /></div>
                <h3 className="rec-card-h">Tudo da assessoria odontolegal, de forma contínua.</h3>
                <p className="rec-card-b">
                  Um único plano que mantém sua clínica protegida o ano inteiro: documentação,
                  conformidade, suporte e assistência técnica, sempre à disposição.
                </p>
                <a className="btn btn-primary rec-cta" href="assinatura.html">
                  Conhecer o plano contínuo
                  <span className="arr">→</span>
                </a>
                <span className="rec-note">Sem fidelidade · cancele quando quiser</span>
              </div>
            </aside>
          </Reveal>
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { AssessoriaContinua, Apresentacao });

function Apresentacao() {
  return (
    <section className="tight" id="a-mind">
      <div className="container">
        <div className="apre-band">
          <div className="apre-glow" aria-hidden="true"></div>
          <div className="apre-inner">
            <Reveal>
              <span className="apre-mark" aria-hidden="true">
                <img src={ASSET("logoImg","assets/logo-mind-opt.png")} alt="" />
              </span>
            </Reveal>
            <Reveal delay={80}>
              <div className="section-label apre-label"><span className="line"></span><span>A MIND Odontologia Legal</span><span className="line"></span></div>
            </Reveal>
            <Reveal delay={140}>
              <h2 className="h2 apre-h2">Ao lado do cirurgião-dentista, <em>antes</em> e <em>depois</em> do risco.</h2>
            </Reveal>
            <Reveal delay={200}>
              <p className="apre-p">A Mind Odontologia Legal atua ao lado do cirurgião-dentista, oferecendo assessoria odontolegal personalizada e estruturação de rotinas para blindar a sua clínica contra riscos jurídicos.</p>
            </Reveal>
            <Reveal delay={260}>
              <p className="apre-p">Além da prevenção, atuamos com assistência técnica pericial especializada, unindo a nossa vivência clínica ao mais alto rigor técnico. Construímos defesas sólidas e pareceres precisos, traduzindo a sua conduta profissional em segurança técnica e legal.</p>
            </Reveal>
          </div>
          <Reveal delay={320} className="apre-nac">
            <div className="apre-nac-body">
              <div className="section-label apre-label"><span className="line"></span><span>Atuação Nacional</span><span className="line"></span></div>
              <h3 className="apre-nac-h">Presença em <em>todo o Brasil</em>.</h3>
              <p className="apre-p">Atendemos a nível nacional e possuímos parceiros em diversos estados. Levamos assessoria odontolegal e assistência técnica pericial a cirurgiões-dentistas de norte a sul do país.</p>
              <div className="apre-legend">
                <span className="lg-item"><span className="lg-dot sede"></span>Sede · São Paulo</span>
                <span className="lg-item"><span className="lg-dot"></span>Parceiros em diversos estados</span>
              </div>
            </div>
            <div className="apre-nac-map">
              <img src={ASSET("brmapImg","assets/brasil-map.svg")} alt="Mapa do Brasil destacando a sede em São Paulo e parceiros em diversos estados" />
            </div>
          </Reveal>
        </div>
        </div>
    </section>
  );
}