/* ═══════════════════════════════════════════════════════════════════════
   DOBLE V — páginas legales (Términos y condiciones · Política de privacidad)

   Se carga DESPUÉS de estilos.css. Lo único que agrega es lo que un texto
   largo necesita y el sistema no trae: una columna de lectura acotada, ritmo
   entre secciones y un par de avisos destacados. Nada de esto se usa en las
   páginas comerciales, por eso vive en su propio archivo.
   ═══════════════════════════════════════════════════════════════════════ */

/* Encabezado sin panel: estas páginas se leen, no se venden. */
.encabezado-simple { padding: 74px 0 78px; }
@media (max-width: 700px) { .encabezado-simple { padding: 54px 0 58px; } }
.encabezado-simple .titulo-l { margin-top: 20px; }
.encabezado-simple .bajada { margin-top: 4px; max-width: 52ch; }

/* Columna de lectura: 68 caracteres por línea es el techo cómodo. */
.legal { max-width: 68ch; }

.legal-fecha {
  font-size: 12px; text-transform: uppercase; letter-spacing: .14em;
  color: var(--tinta-media); margin-top: 26px;
}

.aviso-legal {
  border: 1px solid var(--crema-borde);
  border-left: 2px solid var(--verde);
  background: rgba(63, 107, 74, .05);
  padding: 18px 22px;
  font-size: 14px; line-height: 1.7; color: var(--tinta-media);
}

.legal h2 {
  font-family: var(--serif);
  font-size: clamp(21px, 2.4vw, 27px);
  line-height: 1.25;
  margin-top: 54px;
  padding-top: 26px;
  border-top: 1px solid var(--crema-borde);
}
.legal h2 .legal-num {
  display: block; font-family: var(--sans); font-size: 11px; font-weight: 500;
  letter-spacing: .18em; color: var(--verde); margin-bottom: 12px;
}
.legal h3 {
  font-family: var(--sans); font-size: 14.5px; font-weight: 500;
  margin-top: 28px;
}

.legal p, .legal li {
  font-size: 15px; line-height: 1.78; color: var(--tinta-media);
}
.legal p { margin-top: 16px; }
.legal ul { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 12px; }
.legal ul li { position: relative; padding-left: 20px; }
.legal ul li::before {
  content: ""; position: absolute; left: 0; top: 12px;
  width: 7px; height: 1px; background: var(--verde);
}
.legal strong { font-weight: 500; color: var(--tinta-oscura); }
.legal a { color: var(--verde); border-bottom: 1px solid rgba(63, 107, 74, .35); }
.legal a:hover { border-bottom-color: var(--verde); }

/* Cierre del texto: dónde escribir si algo no queda claro. */
.legal-contacto {
  margin-top: 54px; padding: 24px 26px;
  border: 1px solid var(--crema-borde);
  display: grid; gap: 6px;
}
.legal-contacto p { margin-top: 0; }