/* PIE DE PÁGINA · el mismo en todas las páginas (con "Back to top ↑"): a la izquierda "Mario Diz, Madrid · Privacy" y a la derecha
   "Back to top ↑", a 24 px de los bordes (14 px en móvil), igual que el logo y los enlaces de la barra de arriba.
   El color se ajusta al fondo con una clase: por defecto, fondo oscuro (blanco al 70 %); on-light (blanco), on-sky (cielo), on-red (rojo), on-green (verde Lincoln, texto lima). */
.site-foot {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: clamp(48px, 8vh, 96px) var(--bar-gutter) 24px;
  color: rgba(255, 255, 255, .7);
  font-size: var(--fs-s);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}
.site-foot a { color: inherit; text-underline-offset: 3px; transition: color .2s; }
.site-foot a:hover { color: #fff; }
/* Área de toque en móvil: los enlaces del pie miden ~17–20 px de alto. Se amplían con relleno y el mismo margen negativo:
   el texto y la maquetación no cambian, pero el dedo acierta (mínimo 44 px de alto). Solo pantallas táctiles. */
@media (pointer: coarse) { .site-foot a { display: inline-block; padding: 12px 6px; margin: -12px -6px; } }
.site-foot.on-light { color: rgba(0, 0, 0, .55); }
.site-foot.on-light a:hover { color: #000; }
.site-foot.on-sky { color: #fff; text-shadow: 0 1px 8px rgba(0, 30, 70, .25); }
.site-foot.on-red { color: rgba(255, 255, 255, .9); }
.site-foot.on-green { color: var(--lime); }
.site-foot.on-green a:hover { color: #fff; }