/* legal.css — páginas legales (/terminos, /privacidad)
   Reusa cs-nav, cs-prose y lp-footer; aquí solo el encabezado y el ancho de lectura. */

.legal{
  padding:56px 0 40px;
  background:var(--color-canvas,#fff);
}
.legal__wrap{
  max-width:760px;
}

.legal__breadcrumb{
  font-size:13px;
  color:var(--color-body,#5b616b);
  margin-bottom:32px;
}
.legal__breadcrumb a{
  color:var(--color-body,#5b616b);
  text-decoration:none;
}
.legal__breadcrumb a:hover{color:var(--color-brand,#1E50FA)}
.legal__breadcrumb span[aria-hidden]{opacity:.5;margin:0 4px}

.legal__head{
  padding-bottom:28px;
  margin-bottom:12px;
  border-bottom:1px solid var(--color-hairline,#DEE1E6);
}
.legal__title{
  font-family:var(--font-display,Inter),system-ui,sans-serif;
  font-weight:400;
  letter-spacing:-.02em;
  font-size:clamp(30px,5vw,44px);
  line-height:1.08;
  color:var(--color-ink,#0A0B0D);
  margin:0 0 12px;
}
.legal__meta{
  font-family:var(--font-mono,"JetBrains Mono"),monospace;
  font-weight:500;
  font-size:13px;
  color:var(--color-body,#5b616b);
  margin:0;
}

/* Ajustes finos de la prosa reutilizada en contexto legal (texto denso). */
.legal__body{margin-top:8px}
.legal__body h2{
  font-size:clamp(19px,2.4vw,23px);
  margin-top:38px;
}
.legal__body a{
  color:var(--color-brand,#1E50FA);
  text-decoration:underline;
  text-underline-offset:2px;
}