/* Chrome compartido del sitio: logo en header + footer slim. */
.header h1 .brand-logo { height: 1.4em; width: auto; vertical-align: middle; margin-right: .4em; }

.site-footer {
  background: #0e1020;
  color: rgba(255,255,255,.7);
  padding: 18px 20px;
  margin-top: 20px;
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: center;
}
/* En el landing (ancho completo) el footer va a todo lo ancho, sin caja. */
body[data-page="home"] .site-footer {
  max-width: none;
  border-radius: 0;
  margin-top: 40px;
  padding: 32px 20px;
}
.site-footer .brand-link { color: #fff; font-weight: 800; text-decoration: none; }
.site-footer .brand-link:hover { text-decoration: underline; }
.site-footer nav a { color: #fff; text-decoration: none; margin-left: 18px; font-weight: 600; }
@media (max-width: 600px) {
  .site-footer { flex-direction: column; align-items: center; gap: 14px; }
  .site-footer nav a { margin: 0 9px; }
}