.legal{max-width:760px; margin:0 auto; padding:34px 20px 70px}
.legal-top{display:flex; align-items:center; gap:12px; margin-bottom:26px; flex-wrap:wrap}
.legal h1{font-size:27px; margin-bottom:6px}
.legal .atualizado{color:var(--ink-3); font-size:13px; margin-bottom:26px}
.legal h2{font-size:18px; margin:30px 0 10px; padding-top:18px; border-top:1px solid var(--linha)}
.legal h2:first-of-type{border-top:0; padding-top:0}
.legal h3{font-size:15px; margin:18px 0 6px}
.legal p{margin-bottom:12px; color:var(--ink-2); font-size:15px; line-height:1.72}
.legal ul{margin:0 0 14px; padding-left:20px; color:var(--ink-2); font-size:15px; line-height:1.72}
.legal li{margin-bottom:7px}
.legal strong{color:var(--ink)}
.legal .box{background:var(--surface-2); border:1px solid var(--linha); border-radius:var(--r-1); padding:14px 16px; margin:16px 0}
.legal .box p:last-child{margin-bottom:0}
.legal .preencher{background:var(--ouro-fundo); border-left:3px solid var(--ouro); padding:12px 14px;
  border-radius:0 var(--r-1) var(--r-1) 0; margin:16px 0; font-size:14px; color:var(--ink)}
.legal-rodape{border-top:1px solid var(--linha); margin-top:44px; padding-top:20px; text-align:center;
  color:var(--ink-3); font-size:13px}
.legal-rodape a{margin:0 8px}
