/* Pie global del sitio (assets/css/footer-comun.css).
   Un solo pie para la portada, la página comercial generada y las páginas
   institucionales (/manifiesto, /contacto, /ayuda): marca + cuatro columnas
   (Descubre · Autores · Compañía · Ayuda) + línea meta. Autocontenido a
   propósito — no depende de los tokens de index.css porque lo cargan páginas
   que no la traen. Paleta del manual: azul noche, coral, blanco. */

.pie-global { padding: 68px 0 30px; background: #001b35; color: #fff; }
.pie-global a { color: inherit; text-decoration: none; }

.pie-global__caja {
  width: min(1250px, calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.5fr .85fr .85fr .8fr .8fr;
  gap: 46px;
}

.pie-global__marca img { width: auto; height: 36px; }
.pie-global__marca p {
  max-width: 250px; margin: 18px 0 0;
  color: rgba(255,255,255,.45); font-size: 12px; line-height: 1.6;
}
.pie-global__marca .pie-global__lema {
  margin-top: 12px; color: #ff3b2f;
  font-family: 'DM Mono', ui-monospace, 'SFMono-Regular', monospace;
  font-size: 9px; text-transform: uppercase; letter-spacing: .12em;
}

.pie-global__col { display: flex; flex-direction: column; gap: 11px; }
.pie-global__col h2 {
  margin: 0 0 6px; color: rgba(255,255,255,.4);
  font-family: 'DM Mono', ui-monospace, 'SFMono-Regular', monospace;
  font-size: 9px; font-weight: 500; text-transform: uppercase; letter-spacing: .14em;
}
.pie-global__col a {
  color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.35;
  transition: color .2s ease;
}
.pie-global__col a:hover { color: #ff3b2f; }

.pie-global__meta {
  display: flex; justify-content: space-between; gap: 20px;
  margin-top: 54px; padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.35);
  font-family: 'DM Mono', ui-monospace, 'SFMono-Regular', monospace;
  font-size: 8px; text-transform: uppercase; letter-spacing: .08em;
}

@media (max-width: 980px) {
  .pie-global__caja { grid-template-columns: 1fr 1fr; gap: 38px 28px; }
  .pie-global__marca { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .pie-global { padding-top: 56px; }
  .pie-global__caja { grid-template-columns: 1fr 1fr; width: calc(100% - 36px); }
  .pie-global__meta { flex-direction: column; gap: 8px; }
}