/* ── Footer compartido ──
   Fuente canónica: index.html
   Usado por: index.html, catalogo.html
*/
.footer{background:#050e21;color:#fff;padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:38px}
.footer-brand{display:flex;gap:16px;align-items:center;padding:12px 0}
.footer-brand img{width:94px;height:auto;object-fit:contain;background:rgba(255,255,255,.94);padding:8px;border-radius:8px}
.footer p,.footer a{color:rgba(255,255,255,.65);font-size:.88rem}
.footer h3{font-size:.95rem;margin-bottom:14px}
.footer-links{display:grid;gap:8px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:38px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:.78rem}
@media(max-width:980px){
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-brand img{width:70px}
  .footer h3{font-size:.9rem;margin-bottom:12px}
  .footer p,.footer a{font-size:.8rem}
  .footer-bottom{display:block}
}