// Sobre — bio + como é o atendimento (sem dados não verificados)
function Sobre() {
  const destaques = [
    { icon: 'leaf', t: 'Escuta sem pressa', d: 'A sessão é um espaço onde você pode falar sem filtro e sem julgamento. O que parece desconexo, aos poucos, ganha sentido.' },
    { icon: 'sparkle', t: 'Olhar psicanalítico', d: 'A psicanálise trabalha o que se repete sem você perceber: padrões em relações, escolhas, sintomas. Entender a raiz muda o que se repete.' },
    { icon: 'brain', t: 'Neuropsicologia', d: 'Quando há dúvida sobre atenção, memória ou funcionamento cognitivo, a avaliação neuropsicológica traz respostas objetivas, com laudo.' },
  ];
  return (
    <section id="sobre" className="section">
      <div className="container">
        <div className="grid-2" style={{ display: 'grid', gridTemplateColumns: '.95fr 1.05fr', gap: 64, alignItems: 'start' }}>
          <Reveal>
            <span className="eyebrow">Sobre mim</span>
            <h2 className="h-section" style={{ marginTop: 8 }}>Acolher o que você ainda não consegue <span className="em">nomear.</span></h2>
            <p style={{ fontSize: 17, lineHeight: 1.7, color: 'var(--muted)', marginTop: 22, maxWidth: '46ch' }}>
              Sou a Patricya — <strong style={{ color: 'var(--ink-2)', fontWeight: 600 }}>psicóloga, psicanalista e neuropsicóloga</strong>,
              com consultório no Bigorrilho, em Curitiba. Atendo adultos em psicoterapia individual.
            </p>
            <p style={{ fontSize: 17, lineHeight: 1.7, color: 'var(--muted)', marginTop: 16, maxWidth: '46ch' }}>
              Muita gente chega aqui depois de tentar resolver sozinha por muito tempo: a ansiedade que não dá trégua,
              o relacionamento que repete a mesma história, a sensação de viver no automático.
              Meu trabalho é oferecer um espaço de escuta onde isso pode ser olhado com calma — e elaborado.
            </p>
            <p style={{ fontSize: 17, lineHeight: 1.7, color: 'var(--muted)', marginTop: 16, maxWidth: '46ch' }}>
              Além da clínica, realizo avaliação neuropsicológica com instrumentos padronizados,
              para investigar questões de atenção, memória e funcionamento cognitivo.
            </p>
          </Reveal>
          <Reveal>
            {/* Card de perfil: foto + como é o atendimento */}
            <div className="card" style={{ padding: 0, overflow: 'hidden' }}>
              <div style={{ position: 'relative', height: 280 }}>
                <img src="patricya-consultorio.jpg" alt="Consultório de Patricya de Assunção no Bigorrilho, Curitiba" style={{ position: 'absolute', inset: 0, width: '100%', height: '100%', objectFit: 'cover', objectPosition: '50% 60%', display: 'block' }} />
                <div aria-hidden="true" style={{ position: 'absolute', inset: 0, background: 'linear-gradient(180deg, transparent 35%, rgba(31,22,17,.85) 100%)' }} />
                <div style={{ position: 'absolute', left: 22, right: 22, bottom: 18, color: '#fff' }}>
                  <div style={{ display: 'inline-flex', alignItems: 'center', gap: 7, fontSize: 11, fontWeight: 600, letterSpacing: '.12em', textTransform: 'uppercase', color: 'var(--mint)', marginBottom: 6 }}>
                    <Icon name="sparkle" size={13} color="var(--mint)" /> O consultório
                  </div>
                  <div style={{ fontFamily: 'var(--font-display)', fontStyle: 'italic', fontSize: 18, lineHeight: 1.3 }}>Bigorrilho · Curitiba</div>
                </div>
              </div>
              <div style={{ padding: '26px 28px 28px' }}>
                <div style={{ display: 'flex', alignItems: 'center', gap: 10, marginBottom: 18 }}>
                  <Icon name="sparkle" size={18} color="var(--brand)" />
                  <span style={{ fontSize: 12, fontWeight: 600, letterSpacing: '.12em', textTransform: 'uppercase', color: 'var(--ink-2)' }}>Como é o atendimento</span>
                </div>
                <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
                  {destaques.map(f => (
                    <div key={f.t} style={{ display: 'flex', gap: 14, alignItems: 'flex-start' }}>
                      <span style={{ width: 36, height: 36, borderRadius: 10, background: 'var(--mint)', display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 'none' }}>
                        <Icon name={f.icon} size={18} color="var(--brand-700)" />
                      </span>
                      <span style={{ flex: 1 }}>
                        <span style={{ display: 'block', fontSize: 14.5, fontWeight: 600, color: 'var(--ink-2)' }}>{f.t}</span>
                        <span style={{ display: 'block', fontSize: 13.5, lineHeight: 1.55, color: 'var(--muted)', marginTop: 2 }}>{f.d}</span>
                      </span>
                    </div>
                  ))}
                </div>
                <div style={{ marginTop: 20, paddingTop: 16, borderTop: '1px solid var(--line)', fontSize: 13, color: 'var(--muted)', lineHeight: 1.55 }}>
                  Consultório na <strong style={{ color: 'var(--ink-2)' }}>Av. Cândido Hartmann, 570</strong> · Bigorrilho, Curitiba.
                </div>
              </div>
            </div>
          </Reveal>
        </div>
      </div>
    </section>
  );
}

window.Sobre = Sobre;