/* Percurso3D — páginas legais (termos, privacidade): leitura longa, editorial. */
.legal-grade{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.legal-indice{position:sticky;top:96px}
.legal-indice .sobrelinha{margin:6px 0 14px}
.legal-indice ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:i}
.legal-indice a{display:block;padding:7px 12px;border-radius:var(--r-1);color:var(--mudo);font-size:14px;transition:color .2s,background .2s}
.legal-indice a:hover{color:var(--texto);background:var(--sup)}

.legal-texto{max-width:720px}
.legal-texto h1{margin-bottom:10px}
.legal-vigencia{margin:0 0 28px;color:var(--mudo);font-family:var(--mono);font-size:12.5px;letter-spacing:.02em}
.legal-lead{font-size:19px;line-height:1.6;color:var(--texto-2);margin:0 0 12px}
.legal-texto section{padding-top:28px;scroll-margin-top:84px}
.legal-texto h2{font-family:var(--serif);font-weight:400;font-size:30px!important;line-height:1.15;letter-spacing:-.005em;margin:0 0 14px!important}
.legal-texto p,.legal-texto li{color:var(--texto-2);font-size:16px;line-height:1.72}
.legal-texto p{margin:0 0 14px}
.legal-texto b{color:var(--texto);font-weight:600}
.legal-texto a{color:var(--texto);text-decoration:underline;text-decoration-color:var(--acento);text-underline-offset:3px}
.legal-texto ul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:10px}
.legal-texto ul li{position:relative;padding-left:22px}
.legal-texto ul li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:99px;background:var(--acento)}
.legal-resumo{margin-top:8px;padding:22px 24px 10px!important;border-radius:var(--r-3);border:1px solid rgba(255,90,54,.22);
  background:radial-gradient(500px 220px at 0% 0%,rgba(255,90,54,.10),transparent 70%),var(--sup)}
.legal-tabela{border:1px solid var(--linha);border-radius:var(--r-3);overflow:auto;background:var(--bg-2);margin:4px 0 14px}
.legal-tabela td{color:var(--texto-2);font-size:14.5px;line-height:1.5}
.legal-tabela td:last-child{white-space:nowrap;color:var(--texto)}
@media (max-width:900px){
  .legal-grade{grid-template-columns:1fr}
  .legal-indice{position:static;display:none}
  .legal-tabela td:last-child{white-space:normal}
}