/* =========================================================================
   legal — Páginas de pie de imprenta: términos, privacidad, datos y cobertura.

   Tramo 8 de 8 de la hoja que antes era una sola (1 468 líneas). Los
   tramos son CONTIGUOS y se cargan en este orden: el orden de carga es la
   cascada. Mover una hoja de sitio puede cambiar qué regla gana sin que
   nada falle — se comprueba con `npm run huella`, no razonando.
   ========================================================================= */

/* ============================================================ pie de imprenta
   Términos, privacidad, consumo de datos y el reparto de la cobertura. Son
   páginas de lectura larga sin foto ni audio, así que heredan la medida y la
   serif del cuerpo de una nota: lo que cambia es que aquí sí hay jerarquía de
   subtítulos, porque se consultan a saltos y no se leen de corrido.
   ========================================================================== */

.legal {
  max-width: 40rem;
  font-family: var(--serif);
  font-size: 1.08rem;
  line-height: 1.75;
}

.legal h2 {
  font-family: var(--sans);
  font-size: 1.05rem;
  line-height: 1.3;
  margin: 2.5rem 0 .75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--linea);
}

.legal h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.legal h3 {
  font-family: var(--sans);
  font-size: .92rem;
  margin: 1.75rem 0 .5rem;
  color: var(--tinta-tenue);
}

/* Justificado, igual que el cuerpo de una nota: es prosa larga y son las
   mismas reglas. Con partición de sílabas, sin la cual el español abre ríos
   blancos entre palabras (ver `.ct-articulo__parrafo`). */
.legal p,
.legal li {
  text-align: justify;
  hyphens: auto;
  overflow-wrap: break-word;
}

.legal p { margin: 0 0 1.1rem; }
.legal ul { margin: 0 0 1.1rem; padding-left: 1.2rem; }
.legal li { margin: 0 0 .5rem; }

/* La entrada y el bloque de hueco NO se justifican: son piezas cortas, y a dos
   o tres líneas el reparto sólo abre huecos sin ganar nada. */
.legal__entrada,
.legal__falta { text-align: left; }
.legal strong { font-weight: 700; }

/* La entrada de la página de datos: es la frase que explica por qué existe. */
.legal__entrada {
  font-size: 1.2rem;
  line-height: 1.6;
  color: var(--tinta-tenue);
  margin-bottom: 2rem;
}

/* Un hueco que el sitio reconoce en vez de rellenar con algo inventado. Se
   marca para que no se confunda con texto normal y para que dé vergüenza
   dejarlo puesto. */
.legal__falta {
  padding: .9rem 1.1rem;
  background: #f3f2f2;
  border-left: 3px solid var(--brasa);
  border-radius: 0 var(--radio) var(--radio) 0;
  font-family: var(--sans);
  font-size: .9rem;
  color: var(--tinta-tenue);
}

/* En el pie, los enlaces de imprenta van más apagados que los de contenido:
   están para quien los busca, no para competir con «Escuchar en cadena». */
.pie__legales { font-size: .82rem; }
.pie__legales a { color: var(--tinta-tenue); }
.pie__legales a:hover { color: var(--rojo); }

/* El reparto, ya en su propia página, no necesita la línea de arriba: el
   encabezado de la página ya lo separa de lo anterior. */
.legal .reparto { margin-top: 0; padding-top: 0; border-top: 0; }