/* ==========================================================================
   PÁGINAS LEGALES — tipografía de lectura larga y avisos de dato pendiente.
   Depende de tokens.css, base.css y components.css.
   ========================================================================== */

.legal-hero {
  background: linear-gradient(150deg, var(--c-azul-profundo) 0%, var(--c-azul-profundo-90) 60%, var(--c-azul-medio) 100%);
  color: var(--texto-inverso);
  padding: var(--sp-8) 0 var(--sp-6);
}
.legal-hero h1 {
  font-family: var(--font-titulo);
  font-size: var(--fs-h1);
  line-height: var(--lh-titulo);
  text-transform: uppercase;
  margin: var(--sp-2) 0;
  color: #fff;
}
.legal-hero p { color: var(--c-azul-claro); margin: 0; max-width: 62ch; }

.legal-nav { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-5); }
.legal-nav a {
  display: inline-block; padding: 6px 14px; border-radius: var(--radio-full);
  background: rgba(255, 255, 255, .12); color: var(--c-blanco);
  text-decoration: none; font-size: var(--fs-small);
}
.legal-nav a:hover { background: rgba(255, 255, 255, .22); }
.legal-nav a[aria-current] { background: var(--acento); color: #fff; font-weight: 600; }

.legal { padding: var(--sp-7) 0 var(--sp-8); }
.legal__cuerpo { max-width: var(--ancho-texto); margin: 0 auto; }
.legal__cuerpo h2 {
  font-size: var(--fs-h3); margin: var(--sp-7) 0 var(--sp-3);
  padding-top: var(--sp-4); border-top: 1px solid var(--linea);
}
.legal__cuerpo h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; }
.legal__cuerpo h3 { font-size: 1.05rem; margin: var(--sp-5) 0 var(--sp-2); }
.legal__cuerpo p, .legal__cuerpo li { color: var(--texto); }
.legal__cuerpo ul, .legal__cuerpo ol { margin: 0 0 var(--sp-4) var(--sp-5); padding: 0; }
.legal__cuerpo li { margin-bottom: var(--sp-2); }
.legal__cuerpo dl { margin: 0 0 var(--sp-4); }
.legal__cuerpo dt { font-weight: 700; margin-top: var(--sp-3); }
.legal__cuerpo dd { margin: 0 0 var(--sp-2); color: var(--texto-suave); }
.legal__cuerpo table { width: 100%; border-collapse: collapse; margin: 0 0 var(--sp-4); font-size: var(--fs-small); }
.legal__cuerpo th, .legal__cuerpo td { text-align: left; padding: var(--sp-3); border-bottom: 1px solid var(--linea); vertical-align: top; }
.legal__cuerpo th { background: var(--bg-alt); }

.legal__fecha { font-family: var(--font-soporte); font-size: var(--fs-small); color: var(--texto-suave); }

/* Dato que falta por confirmar. Se marca en amarillo a propósito: así no se
   publica por descuido y se ve de un vistazo lo que queda por rellenar. */
.pendiente {
  background: #fff3cd; color: #7a5600; padding: 1px 6px;
  border-radius: var(--radio-s); font-weight: 600; font-size: .95em;
}