/* Pie azul: CTA a contacto, datos reales, navegación, legales y el logo a todo lo ancho. */
.site-footer {
  background: var(--blue); color: var(--on-blue); padding: clamp(56px, 8vw, 120px) var(--pad) 24px;
  display: grid; gap: clamp(48px, 7vw, 96px); position: relative; overflow: hidden;
}
.site-footer a { text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.footer__cta { display: grid; gap: 20px; max-width: 1100px; }
.footer__cta:hover { text-decoration: none !important; }
.footer__title { font: 500 var(--t-h2) / 1.04 var(--f-display); letter-spacing: -0.03em; text-wrap: balance; }
.footer__go {
  display: inline-flex; align-items: center; gap: 0.6em; justify-self: start; font-weight: 600; font-size: 1.05rem;
  border-bottom: 1px solid currentColor; padding-bottom: 4px;
}
.footer__cta:hover .arrow { transform: translateX(6px); }
.footer__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap); font-size: 0.98rem; }
.footer__col { display: grid; gap: 10px; align-content: start; }
.footer__h { font: 500 var(--t-mono) / 1.4 var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-blue-2); margin-bottom: 4px; }
.footer__list { display: grid; gap: 6px; }
.footer__logo { display: block; color: #fff; }
.footer__svg { width: 100%; height: auto; }
.footer__base {
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.28); font: 400 0.72rem / 1.5 var(--f-mono); letter-spacing: 0.04em;
  color: var(--on-blue-2);
}
.footer__base .lang { color: #fff; }
.footer__base .lang:hover { background: #fff; color: var(--blue); }
@media (max-width: 899px) { .footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; } }
@media (max-width: 479px) { .footer__grid { grid-template-columns: 1fr; } }