const Tratamentos = () => {
  const items = [
    {
      idx: "01",
      ico: "balance",
      title: "Tonturas & Vertigens",
      desc: "Investigação completa de tonturas agudas e crônicas — VPPB, neurite vestibular, doença de Ménière e migrânea vestibular."
    },
    {
      idx: "02",
      ico: "compass",
      title: "Distúrbios do Equilíbrio",
      desc: "Desequilíbrio postural, instabilidade na marcha e quedas recorrentes em adultos e idosos, com avaliação funcional integrada."
    },
    {
      idx: "03",
      ico: "vision-cross",
      title: "Diplopia",
      titleIt: "(visão dupla)",
      desc: "Diplopia binocular e monocular, paralisias de nervos cranianos e estrabismos adquiridos. Investigação neurológica direcionada."
    },
    {
      idx: "04",
      ico: "eye",
      title: "Neuropatias Ópticas",
      desc: "Neurite óptica, neuropatias isquêmicas, hereditárias e tóxicas. Acompanhamento conjunto com neurologia e reumatologia."
    },
    {
      idx: "05",
      ico: "headache",
      title: "Cefaleia & Sintomas Visuais",
      desc: "Auras visuais, escotomas cintilantes, fotofobia e cefaleias relacionadas à migrânea ocular ou hipertensão intracraniana."
    },
    {
      idx: "06",
      ico: "spiral",
      title: "Nistagmo & Motricidade Ocular",
      desc: "Nistagmos congênitos e adquiridos, paralisias do olhar e distúrbios oculares relacionados a doenças neurodegenerativas."
    },
    {
      idx: "07",
      ico: "brain",
      title: "Investigação para Alzheimer",
      desc: "Avaliação de biomarcadores retinianos e oculomotores na investigação precoce de Doença de Alzheimer e demências."
    },
    {
      idx: "08",
      ico: "ear",
      title: "Síndromes Neuro-vestibulares",
      desc: "Síndromes complexas envolvendo visão e equilíbrio — PPPD, schwannoma vestibular, fístulas perilinfáticas."
    },
    {
      idx: "09",
      ico: "pulse",
      title: "Oftalmologia Geral",
      desc: "Consulta oftalmológica completa, rotina anual e cuidado contínuo com retina, vítreo e refração."
    }
  ];

  return (
    <section className="tratamentos section-pad" id="tratamentos">
      <div className="shell">
        <div className="section-head">
          <div className="left">
            <div className="eyebrow"><span className="dot"></span>Tratamentos</div>
            <h2>O cuidado, <span className="it">por inteiro.</span></h2>
          </div>
          <div className="right">
            Da queixa inicial ao diagnóstico definitivo. A clínica é dedicada às doenças que conectam visão, equilíbrio e neurologia — campos que costumam ser tratados em silos e merecem um olhar único.
          </div>
        </div>

        <div className="trat-grid">
          {items.map((t, i) => (
            <a key={i} href="#visita" className="trat-card">
              <div className="top">
                <span className="idx">— {t.idx}</span>
                <span className="ico"><Icon name={t.ico} size={20}/></span>
              </div>
              <h3>{t.title}{t.titleIt && <> <span className="it">{t.titleIt}</span></>}</h3>
              <p>{t.desc}</p>
              <span className="trat-arrow">
                Saber mais
                <span className="ln"></span>
              </span>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
};

window.Tratamentos = Tratamentos;