/* páginas legais */

.legal{padding:56px 0 88px}
.migalha{font-size:13px;color:var(--suave);margin-bottom:22px}
.migalha a{color:var(--ambar-esc);font-weight:600}
.legal h1{font-size:46px;margin-bottom:10px}
.legal .intro{font-size:17px;color:var(--suave);max-width:640px;margin-bottom:40px}
.legal-grid{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start}
.legal-nav{position:sticky;top:100px}
.legal-nav h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--suave);margin-bottom:14px;font-weight:600}
.legal-nav a{display:flex;gap:10px;padding:7px 0;font-size:14px;color:var(--suave);align-items:baseline}
.legal-nav a .n{font-family:var(--serif);font-weight:700;color:var(--ambar-esc);font-size:14px}
.legal-nav a:hover{color:var(--texto)}
.legal-sec{background:var(--papel);border:1px solid var(--borda);border-radius:14px;padding:26px 30px;margin-bottom:16px;display:grid;grid-template-columns:56px 1fr;gap:18px}
.legal-sec .num{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--ambar)}
.legal-sec h2{font-size:19px;margin-bottom:8px;font-family:var(--serif)}
.legal-sec p{font-size:14.5px;color:var(--suave)}
.legal-sec p+p{margin-top:8px}
.legal-nota{margin-top:26px;font-size:13.5px;color:var(--suave);background:var(--ambar-suave);border:1px solid #F0D9B8;border-radius:12px;padding:16px 20px}

@media(max-width:860px){
.legal-grid{grid-template-columns:1fr}
.legal-nav{position:static}
.legal h1{font-size:34px}
.legal-sec{grid-template-columns:1fr;gap:8px}
}