/* ==========================================================================
   GELÉE — terminos.css
   Términos y condiciones / aviso de privacidad. Solo se carga en terminos.html.

   Página de lectura corrida: mismo ancho de línea que historia (62ch).
   ========================================================================== */

.legal__titulo { text-align: left; }

.legal__titulo::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  margin-top: var(--esp-24);
  background-color: var(--marca);
}

.legal__cuerpo {
  max-width: var(--ancho-lectura);
  margin-top: var(--esp-40);
}

@media (min-width: 900px) {
  .legal__cuerpo { margin-top: var(--esp-48); }
}

.legal__cuerpo p {
  max-width: none; /* el ancho lo fija la columna, no cada párrafo */
  line-height: 1.65;
}

.legal__cuerpo p + p,
.legal__cuerpo ul + p { margin-top: var(--esp-24); }

.legal__intro { margin-top: 0; }

/* --------------------------------------------------------------------------
   Apartados
   -------------------------------------------------------------------------- */
.legal__apartado { margin-top: var(--esp-48); }

.legal__apartado h2 { font-size: var(--t-h3); }

.legal__apartado h2 + p { margin-top: var(--esp-16); }

/* --------------------------------------------------------------------------
   Listas del clausulado
   Viñeta propia: la nativa se desalinea con la sangría del párrafo.
   -------------------------------------------------------------------------- */
.legal__lista {
  margin-top: var(--esp-16);
  display: grid;
  gap: var(--esp-8);
}

.legal__lista li {
  position: relative;
  padding-left: var(--esp-24);
  line-height: 1.65;
}

.legal__lista li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.7em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--marca);
}

.legal__actualizado {
  margin-top: var(--esp-40);
  font-size: var(--t-chico);
  color: var(--texto-suave);
}