/* ============================================================
   Páginas legais — grafismo V15. Leitura sóbria e confortável.
   Reutiliza tokens/nav/footer de esfera.css.
   ============================================================ */
/* .nav e .nav-caderno: definidos em esfera.css (UI partilhada) */

.legal-main{background:var(--bg-soft)}
.legal-hero{background:linear-gradient(158deg,var(--navy) 0%,var(--navy-deep) 60%,var(--navy-dark));color:#fff;
  padding:clamp(6.5rem,11vw,8.5rem) 0 clamp(2.5rem,5vw,3.5rem)}
.legal-hero .wrap{max-width:880px}
.legal-hero .eyebrow{color:var(--gold-light)}
.legal-hero h1{color:#fff;font-weight:300;font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.08;letter-spacing:-.015em;margin:0}
.legal-body{max-width:920px;margin:0 auto;padding:clamp(2.25rem,4vw,3.25rem) clamp(1.5rem,5vw,3rem) clamp(3.5rem,7vw,5.5rem)}

/* índice de saltos (Privacidade · Cookies · Termos) */
.legal-body .legal-toc{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;padding-bottom:1rem;margin:0 0 1.6rem;border-bottom:1px solid var(--rule);font-size:.9rem}
.legal-body .legal-toc a{color:var(--blue);text-decoration:none;font-weight:600}
.legal-body .legal-toc a:hover{text-decoration:underline}

/* cada documento (política / termos) */
.legal-doc{scroll-margin-top:100px}
.legal-doc + .legal-doc{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--rule)}
.legal-doc-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.8vw,2rem);color:var(--navy);line-height:1.14;margin:0 0 1rem}

/* pontos numerados (h3). padding:0 anula o `section{}` genérico do esfera.css (home full-bleed).
   margin-bottom ≈ uma linha em branco entre cada ponto. */
.legal-body section{margin-bottom:1.75rem;padding:0}
.legal-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.15rem,2vw,1.4rem);color:var(--ink);
  line-height:1.25;margin:0 0 .45rem;display:flex;gap:.6rem;align-items:baseline}
.legal-body h3 .n{font-size:.82rem;color:var(--gold-deep);font-family:var(--serif);flex:none}
/* Largura uniforme para TODO o texto (parágrafos, listas, títulos) — a mesma coluna,
   sem herdar o `p{max-width:64ch}` do esfera.css (que deixava os parágrafos mais estreitos
   que as listas). Justificado (esquerda+direita) e consistente de cima a baixo. */
.legal-body p,.legal-body ul,.legal-body ol,.legal-body h3,.legal-doc-title{max-width:none}
.legal-body p{color:var(--ink-2);font-size:1.04rem;line-height:1.72;margin:0 0 .85rem;text-align:justify}
.legal-body ul,.legal-body ol{margin:0 0 .85rem;padding-left:1.3rem;color:var(--ink-2);line-height:1.65}
.legal-body li{margin-bottom:.4rem;text-align:justify}
.legal-body a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.legal-updated{margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid var(--rule);font-size:.86rem;color:var(--ink-4);font-style:italic}
.legal-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}
.legal-links a{font-size:.86rem;color:var(--blue);text-decoration:none}
.legal-links a:hover{text-decoration:underline}