:root{
  --afa-azul:#002046; --afa-azul-osc:#001629; --afa-azul-prof:#001222;
  --afa-blanco:#ffffff; --afa-naranja:#ff8826;
  --afa-cian:#11c5d8; --afa-foco:rgba(17,197,216,0.35);
  --afa-sans:"Raleway",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --afa-ft-h:96px; --afa-links-w:760px;
}

/* Fondo igual al header */
.afa-footer-wrap{
  background:linear-gradient(180deg,#002046 0%, #001629 50%, #001222 100%);
  color:var(--afa-blanco); font-family:var(--afa-sans);
}

/* Área superior */
.afa-footer{
  display:grid;grid-template-areas:"left center right";grid-template-columns:1fr auto 1fr;
  align-items:center;gap:24px;padding:24px 18px;max-width:1200px;margin:0 auto;
  min-height:clamp(96px,12vh,160px)
}
.afa-ft-left{grid-area:left;display:flex;align-items:center}
.afa-ft-center{grid-area:center;display:grid;place-items:center}
.afa-ft-right{grid-area:right;display:flex;justify-content:flex-end;align-items:center}

/* Logos */
.afa-ft-logo img,.afa-ft-afl img{height:150px;width:auto;object-fit:contain}

/* Enlaces + descripción */
.afa-ft-center-inner{display:flex;flex-direction:column;align-items:center}
.afa-ft-links{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;align-items:center}
.afa-ft-title{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.afa-ft-title-link{color:var(--afa-blanco);text-decoration:none;position:relative;padding-bottom:2px}
.afa-ft-title-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--afa-naranja);transition:width .25s ease}
.afa-ft-title-link:hover{color:var(--afa-naranja)}
.afa-ft-title-link:hover::after{width:100%}
.afa-ft-mission{text-align:center;max-width:var(--afa-links-w);margin:14px 0 0;opacity:.9;font-weight:500;line-height:1.4}

/* Fila inferior */
.afa-ft-bottom{
  position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  border-top:1px solid rgba(255,255,255,.12);padding:14px 18px 22px;max-width:1200px;margin:0 auto
}

/* Botones gloss (conservados) */
.afa-ft-social{list-style:none;margin:0;padding:0;display:flex;gap:14px;justify-content:flex-start;align-items:center}
.afa-ft-social a{
  position:relative;display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;text-decoration:none;
  background:
    radial-gradient(120% 100% at 20% 0%, rgba(255,255,255,.32) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(145deg,#2b3a56,#0f1b33);
  border:1px solid rgba(255,255,255,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), inset 0 -6px 12px rgba(0,0,0,.35), 0 10px 20px rgba(0,0,0,.35);
  transition:transform .15s ease, filter .2s ease, box-shadow .2s ease
}
.afa-ft-social a::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0) 55%);
  mix-blend-mode:screen;opacity:.9;pointer-events:none
}
.afa-ft-social a:hover{transform:translateY(-1px);filter:saturate(1.05)}
.afa-ft-social svg{width:18px;height:18px;fill:#fff}
.afa-ft-copy{text-align:center;justify-self:center;opacity:.9}

/* Back to top */
.afa-backtop{
  justify-self:end;display:inline-flex;width:42px;height:42px;border-radius:14px;
  background:
    radial-gradient(120% 100% at 20% 0%, rgba(255,255,255,.28) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(145deg,#2b3a56,#0f1b33);
  border:1px solid rgba(255,255,255,.25);
  align-items:center;justify-content:center;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 10px 20px rgba(0,0,0,.35);
  transition:transform .15s ease, filter .2s ease
}
.afa-backtop:hover{transform:translateY(-1px);filter:saturate(1.05)}
.afa-backtop svg{width:20px;height:20px;fill:#fff}

/* Móvil */
@media (max-width:768px){
  .afa-footer{grid-template-columns:1fr;grid-template-areas:"center";gap:12px;padding:16px 14px}
  .afa-ft-left,.afa-ft-right{display:none}
  .afa-ft-mission{display:none}
  .afa-ft-links{gap:16px}
  .afa-ft-bottom{grid-template-columns:1fr;gap:10px;padding:12px 14px 34px}
  .afa-ft-social{justify-content:center}
  .afa-ft-copy{justify-self:center}
  .afa-backtop{justify-self:center}
}

/* Preferencias */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}