:root{
  /* Paleta alineada al header */
  --afa-azul-1:#025993;
  --afa-azul-2:#003666;
  --afa-azul-3:#003259;

  --afa-blanco:#ffffff;
  --afa-naranja:#ff8826;

  --afa-sans:"Raleway",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --afa-ft-h:80px;     /* Altura mínima más compacta */
  --afa-links-w:720px; /* Ancho max de la misión */
}

/* Fondo alineado visualmente con el header */
.afa-footer-wrap{
  background:linear-gradient(
    180deg,
    var(--afa-azul-2) 0%,
    var(--afa-azul-1) 50%,
    var(--afa-azul-3) 100%
  );
  color:var(--afa-blanco);
  font-family:var(--afa-sans);
}

/* Área superior: logos + enlaces + misión */
.afa-footer{
  display:grid;
  grid-template-areas:"left center right";
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  padding:18px 18px;
  max-width:1200px;
  margin:0 auto;
  min-height:clamp(var(--afa-ft-h),10vh,130px);
}

.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 (ligeramente más pequeños para un footer compacto) */
.afa-ft-logo img,
.afa-ft-afl img{
  height:120px;
  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:22px;
  justify-content:center;
  align-items:center;
}

.afa-ft-title{
  margin:0;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:.88rem;
}

.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:10px 0 0;
  opacity:.9;
  font-weight:500;
  line-height:1.4;
  font-size:.9rem;
}

/* Fila inferior simplificada: solo copyright centrado */
.afa-ft-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding:10px 18px 14px;
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.afa-ft-copy{
  text-align:center;
  opacity:.9;
  font-size:.8rem;
}

/* Móvil */
@media (max-width:768px){
  .afa-footer{
    grid-template-columns:1fr;
    grid-template-areas:"center";
    gap:10px;
    padding:16px 14px;
  }

  .afa-ft-left,
  .afa-ft-right{
    display:none;
  }

  .afa-ft-mission{
    display:none; /* Si la quieres ver en móvil, comenta esta línea */
  }

  .afa-ft-links{
    gap:14px;
  }

  .afa-ft-title{
    font-size:.9rem;
  }

  .afa-ft-bottom{
    padding:10px 14px 16px;
  }

  .afa-ft-copy{
    font-size:.78rem;
  }
}

/* Preferencias de accesibilidad */
@media (prefers-reduced-motion:reduce){
  *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}
