/* =========================================================================
   litex.es — aviso legal, privacidad y cookies
   Página de texto largo: prioridad absoluta a la legibilidad.
   ========================================================================= */

.legal { max-width: 42rem; }

.legal h2 {
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
  padding-top: 1.5rem;
  border-top: 1px solid var(--rule-soft);
  font-size: var(--t-h3);
}

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

.legal h3 {
  margin-top: 2.25rem;
  font-family: var(--sans);
  font-size: var(--t-xs);
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sanguina);
}

.legal p, .legal li { color: var(--ink-soft); }

.legal ul {
  margin: 0 0 1.15em;
  padding-left: 1.2rem;
}

.legal li { margin-bottom: .45em; }

/* Datos identificativos del art. 10 de la LSSI */
.legal-id {
  display: grid;
  gap: 0;
  margin: 2rem 0 0;
}

.legal-id dt {
  font-family: var(--sans);
  font-size: var(--t-xs);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-mute);
  padding-top: .95rem;
}

.legal-id dd {
  margin: 0;
  padding-bottom: .95rem;
  border-bottom: 1px solid var(--rule-soft);
  color: var(--ink);
}

/* La última fila no lleva filete: el borde superior del siguiente <h2> ya
   separa, y dos líneas seguidas se leen como un error de maquetación. */
.legal-id dt:last-of-type,
.legal-id dd:last-of-type { border-bottom: 0; }

/* Término y definición comparten fila en pantalla ancha; sin column-gap para
   que los filetes inferiores queden continuos de lado a lado. */
@media (min-width: 40rem) {
  .legal-id { grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr); }
  .legal-id dt { padding-block: .95rem; border-bottom: 1px solid var(--rule-soft); }
  .legal-id dt:last-of-type { border-bottom: 0; }
}

/* Aviso destacado: la declaración de que el sitio no usa cookies */
.legal-note {
  margin: 2rem 0;
  padding: 1.4rem 1.6rem;
  background: var(--paper-warm);
  border-left: 2px solid var(--sanguina);
}

.legal-note p { color: var(--ink); margin: 0; }

.legal__updated {
  margin-top: clamp(3rem, 2rem + 3vw, 4.5rem);
  padding-top: 1.5rem;
  border-top: 1px solid var(--rule-soft);
}