/* ---------------------------------------------------------------------------
   pie-legal.css — pie con el enlace a la Política (components/pie-legal.js).

   Hereda el color con `currentColor` y solo declara el suyo por defecto (gris
   sobre papel). La landing es oscura y lo pone en `.pie-legal--oscuro`.
   Lo usan index.html (oscuro), registro.html y login.html (claros). Dónde va
   el pie dentro de cada página lo decide la página (ver `pages/login.css`).
--------------------------------------------------------------------------- */

.pie-legal {
  width: 100%;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px;
  padding: var(--s-6) var(--gutter);
  font: 500 var(--fs-xs) var(--font-sans); line-height: 1.5;
  color: var(--fg-subtle);
  text-align: center;
}

.pie-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.pie-legal a:hover { color: var(--fg); }

/* Landing (fondo #0B1120). Mismo gris claro que el resto de su texto secundario. */
.pie-legal--oscuro { color: rgba(255, 255, 255, .55); position: relative; z-index: 1; }  /* encima del micelio */
.pie-legal--oscuro a:hover { color: #fff; }