/* =====================================================================
   PLUX LABS — páginas legais (estáticas, fundo escuro, sem WebGL)
   Tipografia em rem → escala junto com o widget de acessibilidade
   (a11y.js ajusta o font-size da raiz).
   ===================================================================== */
.legalpage .topbar{position:sticky; background:rgba(3,7,16,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line)}
.legalpage .topbar::before{display:none}

.legal{max-width:760px; margin:0 auto; padding:clamp(30px,6vh,64px) var(--pad) clamp(56px,10vh,96px)}

.legal__back{display:inline-flex; align-items:center; gap:9px; font-family:var(--mono); font-size:12px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--tech); text-decoration:none;
  margin-bottom:clamp(26px,4vh,44px); transition:color .3s, gap .3s}
.legal__back:hover{color:var(--ignite); gap:13px}
.legal__back:focus-visible{outline:2px solid var(--ignite); outline-offset:3px; border-radius:2px}

.legal__note{max-width:760px; margin:clamp(30px,5vh,48px) auto 0; font-family:var(--mono);
  font-size:11.5px; line-height:1.75; color:var(--muted); border-top:1px solid var(--line); padding-top:20px}
.legal__note a{color:var(--tech)}

/* ---------- documento ---------- */
.doc h1{font-weight:800; letter-spacing:-.03em; line-height:1.06; color:var(--ice);
  font-size:clamp(1.9rem,5vw,2.7rem); margin:0 0 6px; text-wrap:balance}
.doc .doc__updated{font-family:var(--mono); font-size:12px; letter-spacing:.08em; color:var(--muted);
  margin:0 0 clamp(26px,4vh,40px)}
.doc h2{font-weight:700; letter-spacing:-.015em; color:var(--ice); line-height:1.28;
  font-size:1.3rem; margin:clamp(30px,5vh,46px) 0 12px; scroll-margin-top:96px}
.doc p{font-size:1.05rem; line-height:1.72; color:#C7D5EC; margin:0 0 14px}
.doc ul{margin:0 0 16px; padding-left:1.25em; display:grid; gap:9px}
.doc li{font-size:1.05rem; line-height:1.65; color:#C7D5EC}
.doc li::marker{color:var(--cut)}
.doc strong{color:var(--ice); font-weight:650}
.doc a{color:var(--ignite); text-decoration:underline; text-underline-offset:2px;
  text-decoration-color:rgba(0,217,255,.4); transition:text-decoration-color .25s}
.doc a:hover{text-decoration-color:var(--ignite)}
.doc a:focus-visible{outline:2px solid var(--ignite); outline-offset:2px; border-radius:2px}

/* ---------- tabela (subprocessadores) ---------- */
.doc table{display:block; overflow-x:auto; -webkit-overflow-scrolling:touch}
.subtable{width:100%; min-width:420px; border-collapse:collapse; margin:8px 0 18px}
.subtable th,.subtable td{text-align:left; padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:top}
.subtable th{font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ignite); border-bottom-color:var(--line2); font-weight:600}
.subtable td{font-size:.98rem; line-height:1.5; color:#C7D5EC}
.subtable tr:hover td{background:rgba(0,140,255,.06)}