/* EIXO CHEIO · marca compartilhada (app, landing, termos, privacidade): tokens e logotipo */
:root{--navy:#0b2f3a;--slate:#25414b;--line:#dbe6e8;--mut:#566e77;--gd:#15803d;--bg:#f2f7f7;--g:#22c55e;--gl:#e5faed;--gt:#075f34}
.wm{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:21px;letter-spacing:-.04em;line-height:1;color:#fff;white-space:nowrap}
.wm img{display:block;width:auto;height:34px}
.wm em{font-style:normal;color:var(--g)}
.wm-d{color:var(--navy)}

/* paginas legais: cabecalho da marca, indice e leitura confortavel */
body.legal{max-width:none;padding:0;background:var(--bg);color:var(--navy);line-height:1.7}
body.legal>header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--navy);padding:14px max(16px,calc(50% - 380px));border:0}
body.legal>header a{color:#fff;text-decoration:none}body.legal .volta{font-size:13.5px;font-weight:600;color:#d1e5e5}body.legal .volta:hover{color:#fff}
body.legal>main,body.legal>footer,body.legal>.toc{max-width:760px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
body.legal>main{background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:20px;padding:8px 28px 24px;max-width:728px}
body.legal h1{letter-spacing:-.035em}body.legal h2{letter-spacing:-.02em;scroll-margin-top:16px}
.toc{margin-top:20px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;align-items:center}.toc[hidden]{display:none}.toc b{width:100%;font-size:12.5px;color:var(--mut);font-weight:700}.toc a{color:var(--gd);font-weight:600;text-decoration:none}.toc a:hover{text-decoration:underline}
body.legal a:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
@media(max-width:560px){body.legal>main{padding:4px 18px 20px;border-radius:14px}}
