/* AlianzaDN Draft — Footer */

.adn-footer {
  background: var(--ink);
  color: color-mix(in oklab, var(--surface) 70%, var(--mute));
  padding-top: var(--space-16);
  position: relative;
}
/* El final-cta también va sobre --ink: sin esta separación los dos bloques
   oscuros se leen como una sola masa. */
.adn-footer::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: color-mix(in oklab, var(--surface) 14%, transparent);
}

.adn-footer__grid {
  display: grid;
  gap: var(--space-10);
  grid-template-columns: 1fr;
}
@media (min-width: 600px) { .adn-footer__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .adn-footer__grid { grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-8); } }

/* Brand column */
.adn-footer__brand {}
.adn-footer__logo {
  display: block;
  margin-bottom: var(--space-4);
}
/* Sin filtro de inversión: el footer sirve adn-logo.svg, la variante para
   fondo oscuro que ya trae el texto en blanco y el isotipo en degradado.
   brightness(0) invert(1) aplanaba el degradado cyan→azul a blanco puro y
   borraba la mitad de la identidad. */
.adn-footer__logo img {
  height: 40px;
  width: auto;
}
/* base.css declara `p { color: var(--ink-2) }` sobre el elemento, y eso gana a
   la herencia del color del footer. Con la paleta clara --ink-2 es azul oscuro,
   así que el tagline quedaba a 1.85 de contraste sobre el fondo --ink:
   literalmente invisible. Se fuerza la herencia en todo párrafo del footer. */
.adn-footer p {
  color: inherit;
}
.adn-footer__tagline {
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  max-width: 28ch;
}
.adn-footer__social {
  display: flex;
  /* Pasó de 2 a 5 iconos con las redes (§60): 5×36 px + 4×12 px de hueco = 228 px,
     más de lo que mide esta columna en tablet. Sin `wrap` el último se sale. */
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}
.adn-footer__social a {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  background: color-mix(in oklab, var(--surface) 10%, transparent);
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: var(--text-sm);
  transition: background var(--duration-fast);
}
.adn-footer__social a:hover {
  background: var(--accent);
  color: #fff;
}

/* Nav columns */
.adn-footer__col-title {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--surface);
  margin-bottom: var(--space-4);
}
.adn-footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.adn-footer__links a {
  font-size: var(--text-sm);
  color: inherit;
  text-decoration: none;
  transition: color var(--duration-fast);
}
.adn-footer__links a:hover { color: var(--surface); }

/* Contact info */
.adn-footer__contact-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--text-sm);
}
.adn-footer__contact-item a {
  color: inherit;
  text-decoration: none;
}
.adn-footer__contact-item a:hover { color: var(--surface); }

/* ── Footer bottom bar ───────────────────────────────────────────────────── */
.adn-footer__bottom {
  margin-top: var(--space-12);
  padding-block: var(--space-5);
  border-top: 1px solid color-mix(in oklab, var(--surface) 12%, transparent);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  justify-content: space-between;
  font-size: var(--text-xs);
  /* --mute a secas daba 3.84 sobre --ink y este texto son 12px: por debajo del
     4.5 que exige AA. Se aclara mezclando con la superficie. */
  color: color-mix(in oklab, var(--surface) 55%, var(--mute));
}
.adn-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.adn-footer__legal a {
  color: inherit;
  text-decoration: none;
  transition: color var(--duration-fast);
}
.adn-footer__legal a:hover { color: var(--surface); }

/* ── Crédito de autoría ─────────────────────────────────────
   Va bajo la línea legal y deliberadamente más apagado que ella: es un crédito,
   no información que el cliente de ADN necesite.

   Ojo con los porcentajes: `color-mix` en oklab NO reparte como en sRGB. Un 38 %
   de superficie daba 12,16 de contraste —más brillante que la línea legal de
   arriba (9,76)— e invertía la jerarquía. Los valores de abajo están medidos, no
   estimados: texto 5,71 · enlace 8,05. */
.adn-footer .adn-footer__credito {   /* .adn-footer p {color:inherit} es 0,1,1 y gana a 0,1,0 */
  margin: 0;
  padding-bottom: var(--space-5);
  font-size: var(--text-xs);
  color: color-mix(in oklab, var(--surface) 12%, var(--mute));
}
.adn-footer__credito a {
  color: color-mix(in oklab, var(--surface) 45%, var(--mute));
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  transition: color var(--duration-fast) var(--ease-out);
}
.adn-footer__credito a:hover,
.adn-footer__credito a:focus-visible { color: var(--surface); }