/* Pie de página compartido (includes/pie.php): portada, /taller/, /nfc/, /curso/. Usa los tokens de home.css. */
/* ===== Pie de página (20/10/2026) ===== */
.foot{background:var(--ink);color:#c1c8b4}
.foot .wrap{padding-top:56px;padding-bottom:30px}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.foot .wordmark{color:var(--paper);font-size:24px}
.foot .wordmark b{color:var(--lime)}
.foot-lema{font:500 17px var(--display);color:var(--lime);margin-top:8px}
.foot-desc{font-size:14px;line-height:1.6;max-width:340px;margin-top:10px}
.foot-redes{display:flex;gap:10px;margin-top:20px}
.foot-red{width:42px;height:42px;border-radius:50%;border:1px solid #4b5240;display:flex;align-items:center;justify-content:center;color:var(--paper);transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}
.foot-red svg{width:19px;height:19px}
.foot-red span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.foot-col{display:flex;flex-direction:column;gap:2px}
.foot-col p{font:700 11px var(--body);letter-spacing:1.3px;text-transform:uppercase;color:var(--lime);margin-bottom:10px}
.foot-col a{color:var(--paper);font-size:15px;padding:7px 0}
.foot-marcas{font-size:13px;line-height:1.6;margin-top:40px;padding:16px 18px;border:1px solid #3a3f33;border-radius:12px}
.foot-marcas a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.foot-legal{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px;padding-top:20px;border-top:1px solid #3a3f33;font-size:12.5px}
.foot-legal span{display:flex;gap:20px}
.foot-legal a{color:#c1c8b4}
@media (hover:hover) and (pointer:fine){.foot-red:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.foot-col a:hover,.foot-legal a:hover{color:var(--lime)}}
@media (max-width:820px){.foot-top{grid-template-columns:1fr 1fr;gap:32px 24px}.foot-marca{grid-column:1/-1}}
@media (max-width:620px){.foot .wrap{padding-top:44px}.foot-col a{font-size:15.5px;padding:9px 0}}
/* pie: alineación en escritorio (20/10/2026) */
.foot-top{align-items:start}
@media (min-width:821px){.foot-top{grid-template-columns:1.5fr 1fr 1fr}}
.foot-col{padding-top:5px}
.foot-marcas{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;max-width:none}
.foot-marcas p{margin:0;max-width:none;font-size:13.5px}
.foot-marcas b{color:var(--paper)}
.foot-marcas a{white-space:nowrap;font-weight:600}
@media (max-width:620px){.foot-marcas{display:block}.foot-marcas a{display:inline-block;margin-top:8px}}
/* pie compacto en celular (20/10/2026) */
@media (max-width:620px){
  .foot .wrap{padding-top:32px;padding-bottom:22px}
  .foot-top{grid-template-columns:1fr 1fr;gap:22px 16px}
  .foot .wordmark{font-size:21px}
  .foot-lema{font-size:15px;margin-top:4px}
  .foot-desc{display:none}
  .foot-redes{margin-top:14px;gap:8px}
  .foot-red{width:36px;height:36px}
  .foot-red svg{width:16px;height:16px}
  .foot-col p{margin-bottom:4px}
  .foot-col a{font-size:14.5px;padding:6px 0;line-height:1.3}
  .foot-marcas{margin-top:22px;padding:0;border:0;font-size:12.5px}
  .foot-marcas p{font-size:12.5px;display:inline}
  .foot-marcas a{display:inline;margin:0 0 0 4px;font-size:12.5px}
  .foot-legal{margin-top:16px;padding-top:14px}
}
/* Auditoría bloque 3 (21/10): áreas táctiles de 44 px en pantallas táctiles */
@media (pointer:coarse){
  .foot-red{width:44px;height:44px}
  .foot-col a{display:flex;align-items:center;min-height:44px;padding:0}
  .foot-legal a{display:inline-flex;align-items:center;min-height:44px}
}