/* Páginas legais + barra de cookies */
.legal-page{
  position:relative;z-index:2;max-width:720px;margin:0 auto;
  padding:32px 20px 80px;color:var(--txt);
}
.legal-page h1{
  margin:0 0 8px;font-size:1.35rem;font-family:var(--mono);
  letter-spacing:.06em;text-transform:uppercase;
}
.legal-page .legal-updated{
  margin:0 0 24px;font-size:12px;color:var(--muted);font-family:var(--mono);
}
.legal-page h2{
  margin:28px 0 10px;font-size:1rem;font-family:var(--mono);color:var(--mx2);
}
.legal-page p,.legal-page li{
  font-size:14px;line-height:1.65;color:#b8c9c0;
}
.legal-page ul{margin:8px 0 16px;padding-left:1.25rem}
.legal-page a{color:var(--mx);text-decoration:none}
.legal-page a:hover{text-decoration:underline}
.legal-back{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;
  font-family:var(--mono);font-size:12px;color:var(--muted);
}
.opk-cookie-bar--login{z-index:120}
body:has(.opk-cookie-bar--login) .login-go:disabled{opacity:.4;cursor:not-allowed}
.opk-cookie-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom,0));
  background:linear-gradient(180deg,#0a120e 0%,#060a08 100%);
  border-top:1px solid var(--line-strong);
  box-shadow:0 -12px 40px rgba(0,0,0,.55);
}
.opk-cookie-bar__inner{
  max-width:920px;margin:0 auto;display:flex;flex-wrap:wrap;
  align-items:center;gap:12px 16px;
}
.opk-cookie-bar__text{
  flex:1 1 280px;margin:0;font-size:12.5px;line-height:1.5;color:#b0c4bb;
}
.opk-cookie-bar__text a{color:var(--mx);font-weight:600}
.opk-cookie-bar__actions{display:flex;flex-wrap:wrap;gap:8px}
.opk-cookie-bar__btn{
  border-radius:10px;padding:10px 16px;font-family:var(--mono);font-size:12px;
  font-weight:600;cursor:pointer;border:1px solid var(--line-2);
}
.opk-cookie-bar__btn--ok{
  background:linear-gradient(135deg,var(--mx),var(--mx2));color:#04140c;border-color:rgba(0,255,136,.45);
}
.opk-cookie-bar__btn--ghost{background:transparent;color:var(--muted)}
.login-legal{
  margin:16px 0 0;text-align:center;font-size:11.5px;line-height:1.6;color:var(--muted);
}
.login-legal a{color:var(--mx2)}
.shell-legal-links{
  margin:0;font-size:10px;line-height:1.45;text-align:center;font-family:var(--mono);
}
.shell-legal-links a{color:var(--muted)}
.shell-legal-links a:hover{color:var(--mx2)}