// AFF website — attorney team grid
function Team() {
  const { AttorneyCard } = window.AFFAdvogadosDesignSystem_cf5902;
  const team = [
    { name: 'Paulo Cezar Amâncio da Silva Junior', oab: 'OAB/ES 18.465', role: 'Sócio fundador', email: 'pauloamancio@affadvogados.adv.br' },
    { name: 'Davi Favarato Freire', oab: 'OAB/ES 19.975', role: 'Sócio fundador', email: 'davifavarato@affadvogados.adv.br' },
    { name: 'Rafael Dias Alves', oab: 'Estagiário de Direito', role: 'Estagiário', email: 'rafaelalves@affadvogados.adv.br' },
  ];
  return (
    <section style={{ background: 'var(--cream)', padding: '92px var(--page-gutter)' }}>
      <div style={{ maxWidth: 'var(--container-lg)', margin: '0 auto' }}>
        <div style={{ textAlign: 'center', marginBottom: 48 }}>
          <div style={{ fontFamily: 'var(--font-sans)', fontSize: 12, fontWeight: 600, letterSpacing: '0.24em', textTransform: 'uppercase', color: 'var(--gold-700)', marginBottom: 16 }}>Equipe</div>
          <h2 style={{ fontFamily: 'var(--font-serif)', fontWeight: 600, fontSize: 'clamp(30px,4vw,44px)', color: 'var(--navy-700)', margin: 0 }}>Quem defende você</h2>
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 340px))', gap: 24, justifyContent: 'center' }}>
          {team.map((m, i) => <AttorneyCard key={i} {...m} />)}
        </div>
      </div>
    </section>
  );
}