/* ============================================================
   Ser y Sentir — texto largo (aviso legal, privacidad, condiciones)
   Complementa sys-landing.css; solo se carga en las páginas legales.
   ============================================================ */
.sys-legal { padding: clamp(20px, 3vw, 40px) 0 clamp(56px, 8vw, 104px); }
.sys-prose { max-width: 780px; }
.sys-prose h1 { margin-bottom: .35em; }
.sys-prose h2 { margin: 1.7em 0 .55em; font-size: clamp(1.32rem, 1.05rem + 1.05vw, 1.78rem); }
.sys-prose h3 { margin: 1.3em 0 .45em; }
.sys-prose :is(ul, ol) { margin: 0 0 1.1em; padding-left: 1.25em; max-width: 68ch; }
.sys-prose li { margin: .3em 0; padding-left: .2em; }
.sys-prose li::marker { color: var(--sys-terra-deep); }
.sys-prose blockquote {
  margin: 0 0 1.2em; padding: 16px 20px;
  background: var(--sys-cream); border-left: 3px solid var(--sys-gold); border-radius: 0 14px 14px 0;
}
.sys-prose blockquote p { margin: 0; }
.sys-prose .sys-note { margin-top: 0; }