// Footer — site footer with OAB note.
function Footer() {
  const cols = [
    ['Atuação', ['Aposentadorias', 'Benefícios por incapacidade', 'BPC / LOAS', 'Revisões', 'Recursos ao INSS']],
    ['Escritório', ['Sobre nós', 'Como atuamos', 'Perguntas frequentes', 'Contato']],
  ];
  return (
    <footer style={{ background: 'var(--navy-950)', color: 'var(--navy-200)' }}>
      <div style={{
        maxWidth: 'var(--container-max)', margin: '0 auto', padding: 'var(--space-9) var(--space-6) var(--space-6)',
        display: 'grid', gridTemplateColumns: '1.4fr 1fr 1fr', gap: 'var(--space-8)',
      }}>
        <div>
          <img src="assets/logo-horizontal-inverse.png" alt="Amorim e Costa Advogados" height="48" />
          <p style={{ fontSize: '14px', lineHeight: 1.6, color: 'var(--navy-300)', margin: 'var(--space-5) 0 0', maxWidth: '34ch' }}>
            Advocacia previdenciária em Mato Grosso do Sul. Orientação clara e acompanhamento próximo
            em cada etapa do seu benefício.
          </p>
        </div>
        {cols.map(([title, items]) => (
          <div key={title}>
            <h4 style={{
              fontFamily: 'var(--font-sans)', fontSize: '12px', fontWeight: 600, textTransform: 'uppercase',
              letterSpacing: 'var(--tracking-caps)', color: 'var(--brown-300)', margin: '0 0 var(--space-4)',
            }}>{title}</h4>
            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 'var(--space-2)' }}>
              {items.map((it) => (
                <li key={it}><a href="#" onClick={(e) => e.preventDefault()} style={{ fontSize: '14px', color: 'var(--navy-200)', textDecoration: 'none' }}>{it}</a></li>
              ))}
            </ul>
          </div>
        ))}
      </div>
      <div style={{ borderTop: '1px solid rgba(255,255,255,0.08)' }}>
        <div style={{
          maxWidth: 'var(--container-max)', margin: '0 auto', padding: 'var(--space-4) var(--space-6)',
          display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 'var(--space-3)',
        }}>
          <span style={{ fontSize: '12.5px', color: 'var(--navy-400)' }}>
            © 2026 Amorim e Costa Advogados Associados
          </span>
          <span style={{ fontSize: '12px', color: 'var(--navy-500)', maxWidth: '60ch' }}>
            Conteúdo informativo, em conformidade com o Código de Ética da OAB. Não constitui captação de clientela.
          </span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;