:root{
  --ink-blue:#0D1B2A; --on-ink:#FFFFFF;
  --chip:#ffffff14; --chip-hover:#ffffff24;
  --container-pad: clamp(12px,4vw,24px);
}

.footer{ background:var(--ink-blue); color:var(--on-ink); }
.container{ max-width:1280px; margin-inline:auto; padding-inline:var(--container-pad); }

.footer-top{ padding:16px 0 10px; }
.footer-head{
  display:flex; align-items:center; gap:16px;
  justify-content:space-between; flex-wrap:wrap;
}

/* ===== SOLO footer ===== */
.footer .brand{ display:flex; align-items:center; gap:10px; color:var(--on-ink); text-decoration:none; }
.footer .brand-title{ font-weight:800; font-size:15px; line-height:1.1; }
.footer .subtitle{ font-size:11.5px; opacity:.8; display:block; }

/* Social chips (scopeado al footer) */
.footer .social{ display:flex; gap:10px; align-items:center; }
.footer .social .chip{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:999px;
  background:var(--chip); color:var(--on-ink); text-decoration:none;
}
.footer .social .chip:hover{ background:var(--chip-hover); }
.footer .social .chip svg{ width:22px; height:22px; fill:currentColor; }
.footer .sr-only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0; }

/* Columns */
.footer .footer-cols{
  display:grid; grid-template-columns: repeat(2,minmax(0,1fr));
  gap:18px; padding:14px 0 6px;
}
.footer .fgroup .ftitle{ font-weight:700; font-size:18px; margin:0 0 6px; }
.footer .flinks{ list-style:none; padding:0; margin:0; }
.footer .flinks a{
  display:inline-block; color:var(--on-ink); opacity:.85; text-decoration:none;
  padding:6px 0; font-size:14px;
}
.footer .flinks a:hover{ text-decoration:underline; opacity:1; }

/* Copyright */
.footer .copyright{
  padding:8px 0 14px;
  color:rgba(255,255,255,.8);
  text-align:center; font-size:13px;
  border-top:1px solid rgba(255,255,255,.1);
}

/* Responsive */
@media (max-width: 899px){
  .footer .footer-cols{ grid-template-columns: 1fr; }
}