/* footer.css — Pie de página: marca, boletín, columnas de enlaces y barra inferior. */
footer{border-top:1px solid var(--line);background:var(--surface-2)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding-block:56px}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
.foot-brand p{color:var(--muted);font-size:13.5px;margin-top:14px;max-width:34ch}
.news{display:flex;gap:8px;margin-top:18px;max-width:320px}
.news input{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--line-strong);border-radius:9px;
  background:var(--surface);color:var(--fg);font-family:var(--f-body);font-size:13.5px}
.foot-col h4{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;
  color:var(--muted);margin-bottom:14px;font-weight:500}
.foot-col a{display:block;font-size:14px;color:var(--muted);padding:5px 0}
.foot-col a:hover{color:var(--fg)}
.foot-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;
  gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.msg{font-size:12.5px;color:var(--fg);min-height:16px;margin-top:8px;font-family:var(--f-mono)}