/* footer.css — FOOTER ÚNICO de rmorenodot.com (lo renderiza window.RMFooter en
   footer.jsx). TODAS las páginas cargan este archivo con ?v=N. Antes el estilo del
   footer estaba DUPLICADO y divergente en paper-chapter.css (home/works, con blur)
   y servicio.css (servicio/proyecto/credentials, sólido + estrellas). Fuente única
   de estilo, igual que navbar.css lo es del navbar. */

.site-footer {
  position: relative; z-index: 1;
  background: color-mix(in srgb, var(--ink-surface) 78%, transparent);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  color: var(--paper); overflow: hidden;
  border-top: 1px solid color-mix(in srgb, var(--paper) 9%, transparent);
}
.footer-inner {
  container-type: inline-size; max-width: 1280px; margin: 0 auto;
  padding: clamp(48px, 8vh, 96px) clamp(20px, 5vw, 56px) max(clamp(28px, 4vh, 44px), env(safe-area-inset-bottom));
}
.footer-links { display: flex; flex-wrap: wrap; gap: clamp(18px, 2.6vw, 40px); }
.footer-link {
  font-family: var(--type-family-workhorse); font-weight: 500;
  font-size: 13px; letter-spacing: 0.04em; color: var(--mute-2, #9a958c);
  text-decoration: none; transition: color .2s var(--ease-out);
  min-height: 44px; display: inline-flex; align-items: center;
}
.footer-link:hover { color: var(--paper); }
.footer-wm {
  font-family: var(--wordmark-family); font-weight: 400;
  font-size: min(210px, 12.2cqi); line-height: .9; letter-spacing: -0.03em;
  color: var(--paper); margin: clamp(20px, 4vh, 44px) 0 0;
  display: flex; align-items: baseline; white-space: nowrap;
}
.footer-dot { width: .1em; height: .1em; border-radius: 50%; background: var(--cat-sienna); display: inline-block; align-self: flex-end; margin: 0 .005em .12em; }
.footer-bottom { margin-top: clamp(28px, 4vh, 48px); display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.footer-copy, .footer-tag { font-family: var(--type-family-workhorse); font-weight: 500; font-size: 12px; letter-spacing: 0.06em; color: var(--mute-2, #9a958c); display: inline-flex; align-items: center; }
.footer-cdot { width: 5px; height: 5px; border-radius: 50%; background: var(--cat-sienna); display: inline-block; margin-left: .5em; }