// Footer — gold wordmark on deep espresso band.
function Footer() {
  const links = [['#about','Sobre mí'],['#ritmos','Ritmos'],['#clases','Clases'],['#contacto','Contacto']];
  return (
    <footer style={{ background: 'var(--brown)', color: 'rgba(255,255,255,0.7)', padding: '3rem 2rem 2rem', textAlign: 'center' }}>
      <img src="assets/logo-emblem.png?v=2" alt="Lumera Studio" style={{ height: '88px', width: 'auto', marginBottom: '0.6rem' }} />
      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '0.6rem', marginBottom: '0.5rem' }}>
        <span style={{ fontFamily: 'var(--font-display)', fontSize: '2.2rem', fontWeight: 600, letterSpacing: '0.22em',
          background: 'var(--grad-gold-text)', WebkitBackgroundClip: 'text', backgroundClip: 'text',
          WebkitTextFillColor: 'transparent' }}>LUMERA</span>
      </div>
      <p style={{ fontFamily: 'var(--font-label)', fontSize: 'var(--text-label-sm)', letterSpacing: '0.3em',
        textTransform: 'uppercase', color: 'var(--dorado-suave)', marginBottom: '1.5rem' }}>Dance · Elegance · Confidence</p>
      <p style={{ fontFamily: 'var(--font-label)', fontSize: 'var(--text-label-sm)', letterSpacing: '0.2em',
        textTransform: 'uppercase', opacity: 0.5, marginBottom: '1.5rem' }}>Dance Studio · Ñuñoa, Santiago</p>
      <ul style={{ display: 'flex', justifyContent: 'center', gap: '2rem', listStyle: 'none', margin: '0 0 1.5rem', padding: 0 }}>
        {links.map(([h, t]) => (
          <li key={h}><a href={h} style={{ fontFamily: 'var(--font-label)', fontSize: 'var(--text-xs)',
            letterSpacing: '0.12em', color: 'rgba(255,255,255,0.5)', textDecoration: 'none' }}>{t}</a></li>
        ))}
      </ul>
      <p style={{ fontFamily: 'var(--font-label)', fontSize: '0.62rem', opacity: 0.35, letterSpacing: '0.1em' }}>
        © 2025 Lumera Studio · Constanza Pozo · lumerastudio.cl
      </p>
    </footer>
  );
}
window.Footer = Footer;