function Footer() {
  return (
    <footer id="legal" style={{background:'var(--atu-blue-ink)',color:'rgba(255,255,255,.82)',padding:'64px 0 32px',position:'relative',overflow:'hidden'}}>
      <div style={{position:'absolute',left:-140,bottom:-140,width:320,height:320,borderRadius:'50%',background:'radial-gradient(circle, rgba(0,201,213,.18), transparent 70%)',pointerEvents:'none'}} />
      <div className="container" style={{position:'relative'}}>
        <div style={{display:'grid',gridTemplateColumns:'1.4fr 1fr 1fr',gap:40,marginBottom:36}}>
          <div>
            <img src="../../assets/ATU_JOBS_Logotipo_Blanco_negativo.svg" alt="atu JOBS" style={{height:45,marginBottom:16}} />
            <p style={{fontSize:14,lineHeight:1.6,maxWidth:360,margin:0}}>
              Más de 40 años acompañando a personas que llegan a España con información, apoyo y formación para mejorar su inserción laboral.
            </p>
          </div>
          <div>
            <h5 style={{color:'#fff',fontSize:14,margin:'0 0 14px',letterSpacing:'.04em',textTransform:'uppercase'}}>Plan Migrantes</h5>
            <ul style={{listStyle:'none',padding:0,margin:0,display:'flex',flexDirection:'column',gap:10,fontSize:14}}>
              <li><a href="#info" style={{color:'inherit'}}>Información</a></li>
              <li><a href="#form" style={{color:'inherit'}}>Déjanos tus datos</a></li>
              <li><a href="#faq" style={{color:'inherit'}}>Preguntas frecuentes</a></li>
            </ul>
          </div>
          <div>
            <h5 style={{color:'#fff',fontSize:14,margin:'0 0 14px',letterSpacing:'.04em',textTransform:'uppercase'}}>Legal</h5>
            <ul style={{listStyle:'none',padding:0,margin:0,display:'flex',flexDirection:'column',gap:10,fontSize:14}}>
              <li><a href="#" style={{color:'inherit'}}>Política de privacidad</a></li>
              <li><a href="#" style={{color:'inherit'}}>Aviso legal</a></li>
              <li><a href="#" style={{color:'inherit'}}>Cookies</a></li>
            </ul>
          </div>
        </div>
        <div style={{borderTop:'1px solid rgba(255,255,255,.15)',paddingTop:20,display:'flex',justifyContent:'space-between',flexWrap:'wrap',gap:16,fontSize:12,color:'rgba(255,255,255,.65)'}}>
          <span>© Grupo ATU. Todos los derechos reservados.</span>
          <span>La información de esta página es orientativa. Cada caso debe revisarse individualmente.</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;