/* Pie de AprendeTech - hoja unica.
   Ojo con `--cifra`: legal-2026-09-05.css NO la define (medido el 06/09/2026),
   asi que el rotulo de columna y el distintivo de publicidad se pintarian con
   la fuente heredada en el aviso legal y en privacidad. Se declara aqui, en la
   propia hoja del pie, para que no dependa de quien la enlace. */
:root{--cifra-pie:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace}

/*
   Antes vivia por triplicado (el <style> de la portada, apunte-*.css y
   legal-*.css) con tres tamanos de letra para lo mismo. Si hay que cambiar el
   pie, se cambia aqui y en ningun otro sitio. */

footer{
  background:var(--indigo-pie); color:var(--gris-pie);
  padding:56px 0 40px; font-size:14.5px; margin-top:0;
}
/* El ancho del pie NO puede depender del contenedor de cada pagina: en
   aviso-legal y privacidad `.env` mide 720 px (es la caja de lectura, y ahi
   `--ancho` ni existe), asi que las cuatro columnas se quedaban en 193 px y el
   pie crecia de 523 a 725 px de alto. Medido el 06/09/2026 en el iframe. */
footer .env{width:100%; max-width:1200px; margin-inline:auto; padding-inline:24px}
.pie-rejilla{display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:46px}
.pie-marca{display:flex; align-items:center; gap:11px; margin:0 0 16px; color:var(--crema)}
.pie-marca img{width:34px; height:34px; border-radius:50%}
.pie-marca b{font-family:var(--display); font-weight:800; font-size:16px}
.pie-texto{line-height:1.65; margin:0 0 14px; max-width:44ch; color:var(--gris-pie)}
.pie-col h4{
  font-family:var(--cifra,var(--cifra-pie)); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gris-pie); margin:0 0 15px; font-weight:600;
}
.pie-col ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
footer a{color:var(--gris-frio); text-decoration:none}
footer a:hover{color:var(--crema); text-decoration:underline}
/* Llamada del pie: la unica pieza comercial de esta franja. Va al listado
   propio, no a un enlace de afiliado: este pie tambien se sirve en el aviso
   legal y en privacidad, y ahi un enlace patrocinado no pinta nada. */
.pie-cta{
  display:inline-block; margin:4px 0 0; padding:10px 18px; border-radius:9px;
  background:var(--mostaza); color:var(--indigo-pie) !important;
  font-weight:700; font-size:14.5px;
}
.pie-cta:hover{background:var(--mostaza-claro); color:var(--indigo-pie) !important; text-decoration:none}
.pie-fecha{font-size:13px; color:var(--gris-pie); margin:16px 0 0}
.pie-legal{
  margin-top:42px; padding-top:24px; border-top:1px solid #232F4A;
  display:flex; flex-wrap:wrap; gap:12px 28px; align-items:baseline; font-size:13.5px;
}
.distintivo-pie{
  font-family:var(--cifra,var(--cifra-pie)); font-size:12px; letter-spacing:.05em; color:var(--mostaza);
  border:1px solid var(--borde); border-radius:5px; padding:4px 10px;
}
@media(max-width:860px){ .pie-rejilla{grid-template-columns:1fr 1fr; gap:34px} }
@media(max-width:520px){ .pie-rejilla{grid-template-columns:1fr} }