/* =====================================================================
   §10 · Footer
   ===================================================================== */
.footer {
  position: relative;
  background-color: var(--ink);
  background-image:
    linear-gradient(
      to bottom,
      rgba(45, 53, 97, 0.45) 0%,
      rgba(45, 53, 97, 0.75) 45%,
      rgba(45, 53, 97, 0.95) 100%
    ),
    url("../images/img/andes-santiago.jpg");
  background-size: cover;
  background-position: center 75%;
  color: var(--on-dark-soft);
}
.footer__inner {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: clamp(1.5rem, 4vw, 3rem);
  padding-block-start: clamp(7rem, 15vw, 11rem);
  padding-block-end: clamp(3rem, 7vw, 5rem);
}

.brand--footer .brand__name { color: var(--on-dark); }
/* el wordmark es navy oscuro: sobre el footer oscuro lo volvemos blanco */
.brand--footer .brand__wordmark { height: 20px; filter: brightness(0) invert(1); }
.footer__claim {
  margin-top: var(--space-4);
  max-width: 30ch;
  color: var(--on-dark-soft);
}

.footer__title {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--on-dark);
  margin-bottom: var(--space-4);
}
.footer__col ul { list-style: none; display: grid; gap: var(--space-3); }
.footer__col a { color: var(--on-dark-soft); transition: color 0.2s ease; }
.footer__col a:hover { color: var(--on-dark); }

.footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-block: var(--space-5);
  font-size: var(--text-sm);
}

@media (max-width: 760px) {
  .footer__inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 460px) {
  .footer__inner { grid-template-columns: 1fr; }
}