/* Paginas de Privacidade e Termos: mesma cara do site, texto confortavel de ler */
.legal{ padding:128px 0 40px; }
.legal-in{ max-width:760px; }
.legal h1{ font-weight:600; font-size:clamp(34px,4.6vw,54px); line-height:1.06; letter-spacing:-.034em; text-wrap:balance; }
.legal-data{ margin-top:14px; font:500 12px/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--mute); }
.legal-intro{ margin-top:26px; font-size:clamp(17px,1.4vw,19px); color:var(--ink-2); text-wrap:pretty; }
.legal-sec{ margin-top:44px; padding-top:28px; border-top:1px solid var(--line); }
.legal h2{ font-weight:600; font-size:clamp(21px,2.1vw,26px); line-height:1.2; letter-spacing:-.02em; color:var(--ink); }
.legal-sec p{ margin-top:12px; color:var(--ink-2); text-wrap:pretty; }
.legal-sec ul{ margin:14px 0 0; padding:0; list-style:none; display:grid; gap:10px; }
.legal-sec li{ position:relative; padding-left:22px; color:var(--ink-2); }
.legal-sec li::before{ content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px; border-radius:50%; background:var(--acc); }
.legal-sec a, .legal-voltar{ color:var(--acc); text-decoration:underline; text-underline-offset:3px; }
.legal-sec a:hover, .legal-voltar:hover{ color:var(--acc-2); }
.legal-voltar{ display:inline-flex; align-items:center; min-height:44px; margin-top:40px; font-size:15px; }
.legal-nota{ margin-top:44px; font-size:14px; color:var(--mute); }
.topo-legal .menu{ display:none; }
@media (max-width:640px){ .legal{ padding:100px 0 24px; } .legal-sec{ margin-top:34px; padding-top:22px; } }