/* AS PÁGINAS INSTITUCIONAIS PRECISAM ROLAR. Elas carregam styles.css, que
   trava html e body (height:100%;overflow:hidden) porque o app tem rolagem
   própria. Sem soltar o html, no iPhone Termos, Privacidade e Suporte ficavam
   presos na primeira tela (dono, 14/09/2026). Duas regras separadas: um
   seletor que o navegador não conhece derrubaria a regra inteira. */
html.legal-html{height:auto;overflow-x:hidden;overflow-y:auto}
html:has(body.legal-body){height:auto;overflow-x:hidden;overflow-y:auto}
.legal-body{min-height:100%;height:auto;overflow:visible;background:var(--bg);color:var(--t)}
.legal-shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding:calc(24px + var(--st)) 0 calc(56px + var(--sb))}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--bd)}
.legal-brand{font-size:16px;font-weight:900;letter-spacing:-.02em;color:var(--t);text-decoration:none}
.legal-back{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid var(--b2d);border-radius:11px;color:var(--t);font-size:12px;font-weight:700;text-decoration:none}
.legal-main{padding:32px 0}
.legal-kicker{font:600 10px var(--mono);letter-spacing:.16em;color:var(--ac);margin-bottom:10px}
.legal-main h1{font-size:clamp(30px,7vw,46px);line-height:1.04;letter-spacing:-.05em;margin-bottom:12px}
.legal-lead{max-width:64ch;color:var(--t2);font-size:15px;line-height:1.65;margin-bottom:28px}
.legal-summary{padding:16px;border:1px solid var(--b2d);border-radius:14px;background:var(--bc);margin-bottom:30px}
.legal-summary strong{display:block;font-size:13px;margin-bottom:6px}
.legal-summary p{color:var(--t2);font-size:12px;line-height:1.55}
.legal-section{padding:24px 0;border-top:1px solid var(--bd)}
.legal-section h2{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin-bottom:10px}
.legal-section h3{font-size:14px;margin:18px 0 7px}
.legal-section p,.legal-section li{color:var(--t2);font-size:13px;line-height:1.65}
.legal-section p+p{margin-top:10px}
.legal-section ul,.legal-section ol{display:grid;gap:7px;padding-left:20px}
.legal-section a,.legal-footer a{color:var(--t);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-contact{display:grid;gap:8px;padding:16px;border-left:3px solid var(--ac);background:var(--bc)}
.legal-contact b{font-size:13px}
.legal-footer{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid var(--bd);color:var(--t3);font-size:11px}
@media(max-width:520px){.legal-shell{width:min(100% - 28px,760px)}.legal-header{align-items:flex-start}.legal-main{padding-top:26px}.legal-section{padding:21px 0}}
