/* ============================================================
   footer.css — pie con grid de 4 columnas y copyright.
   ============================================================ */

footer{border-top:1px solid var(--line-soft);padding:70px clamp(18px,4vw,44px) 40px;
  background:linear-gradient(to bottom,transparent,rgba(3,4,10,.75))}
.foot-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.foot-brand p{color:var(--t-50);font-size:14px;max-width:34ch;margin-top:18px;line-height:1.6}
.foot-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-35);margin-bottom:18px}
.foot-col a{display:block;color:var(--t-70);font-size:14px;margin-bottom:12px;transition:color .25s}
.foot-col a:hover{color:var(--orange-soft)}
.foot-bottom{max-width:var(--maxw);margin:56px auto 0;padding-top:26px;border-top:1px solid var(--line-soft);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11.5px;color:var(--t-35);letter-spacing:.04em}