/*
 * EL PIE LEGAL · una sola hoja para las nueve páginas (05/11/2026).
 *
 * Qué lleva y por qué: los datos del prestador con acceso permanente desde
 * cualquier página (LSSI art. 10) y la segunda capa de privacidad y cookies
 * siempre a mano (guía de cookies de la AEPD): Privacidad, Cookies, Aviso legal,
 * «No contar mis visitas» (oposición a la medición sin cookies, ver
 * scripts/web/analitica.js) y, donde hay Google Analytics, «Configurar cookies».
 *
 * Colores escritos a pelo, como en css/aviso.css: cada página define su propio
 * juego de variables y no todas tienen las mismas.
 */
.pie-legal {
  position: relative;
  z-index: 2;
  border-top: 1px solid rgba(237, 230, 216, 0.08);
  padding: 36px 24px calc(52px + env(safe-area-inset-bottom, 0px));
  text-align: center;
}
.pie-legal .pie-id {
  font-family: 'Inter', 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0.02em;
  text-transform: none;
  color: rgba(237, 230, 216, 0.42);
  max-width: 620px;
  margin: 0 auto 18px;
}
.pie-legal .pie-id strong { font-weight: 400; color: rgba(237, 230, 216, 0.62); }
.pie-legal .pie-enlaces {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 9.5px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.pie-legal a,
.pie-legal button {
  color: rgba(237, 230, 216, 0.6);
  text-decoration: none;
  transition: color 0.3s;
}
.pie-legal .pie-id a { color: rgba(237, 230, 216, 0.62); }
.pie-legal button {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.pie-legal a:hover,
.pie-legal a:focus-visible,
.pie-legal button:hover,
.pie-legal button:focus-visible { color: #C08960; outline: none; }
.pie-legal .pie-medicion-hecho { color: rgba(237, 230, 216, 0.42); margin-right: 10px; }