/* Páginas legais (Política de Privacidade e Termos de Uso).
   Folha própria e enxuta: não carrega animações nem o layout da landing. */
:root{
  --bg:#08080A;
  --surface:#111114;
  --text:#F5F3F1;
  --text-mute:#A9A6A2;
  --text-dim:#8A8681;
  --border:rgba(255,255,255,.09);
  --accent:#FF5A00;
  --grad-brand:linear-gradient(100deg, #A80C3F 0%, #D4441B 34%, #DD5114 58%, #F7B11E 100%);
  --f-display:'Space Grotesk', system-ui, -apple-system, sans-serif;
  --f-body:'Readex Pro', system-ui, -apple-system, sans-serif;
  --f-mono:'Space Mono', ui-monospace, 'SF Mono', monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--f-body); font-weight:300; font-size:1.0625rem; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:#FFB36B; text-underline-offset:3px}
a:hover{color:#fff}
a:focus-visible{outline:2px solid #F7B11E; outline-offset:3px; border-radius:4px}

.legal-top{
  position:sticky; top:0; z-index:5;
  background:rgba(8,8,10,.86); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.legal-top__in{
  max-width:820px; margin:0 auto; padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.legal-top img{height:34px; width:auto; display:block}
.legal-voltar{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px;
  border:1px solid var(--border); border-radius:999px;
  color:var(--text); text-decoration:none; font-family:var(--f-display); font-weight:500; font-size:.9375rem;
  transition:border-color .2s, background-color .2s;
}
.legal-voltar:hover{color:#fff; border-color:rgba(255,120,30,.45); background:rgba(255,120,30,.08)}

.legal{max-width:820px; margin:0 auto; padding:56px 16px 72px}
.legal__eyebrow{
  font-family:var(--f-mono); font-size:.8125rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--text-mute); margin:0 0 12px;
}
.legal h1{
  font-family:var(--f-display); font-weight:600; letter-spacing:-.02em; line-height:1.1;
  font-size:clamp(2rem, 5vw, 3rem); margin:0 0 12px;
}
.legal h1 span{background:var(--grad-brand); -webkit-background-clip:text; background-clip:text; color:transparent}
.legal__data{color:var(--text-dim); font-size:.9375rem; margin:0 0 40px}
.legal h2{
  font-family:var(--f-display); font-weight:600; font-size:1.375rem; line-height:1.3;
  margin:44px 0 12px; padding-top:20px; border-top:1px solid var(--border);
}
.legal p,.legal li{color:#DAD6D2; text-align:justify; hyphens:auto; -webkit-hyphens:auto}
.legal ul{padding-left:1.2em}
.legal li{margin-bottom:6px}
.legal strong{color:#fff; font-weight:500}

.legal__id{
  background:var(--surface); border:1px solid var(--border); border-radius:14px;
  padding:20px 22px; margin:0 0 8px;
}
.legal__id p{margin:0; text-align:left}
.legal__id p + p{margin-top:4px}

.legal-rodape{border-top:1px solid var(--border)}
.legal-rodape__in{
  max-width:820px; margin:0 auto; padding:24px 16px;
  display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between;
  font-size:.8125rem; color:var(--text-dim);
}
.legal-rodape a{color:var(--text-mute); text-decoration:none}
.legal-rodape a:hover{color:#fff; text-decoration:underline}

@media (max-width:620px){
  .legal{padding-top:40px}
  .legal p,.legal li{text-align:left; hyphens:manual; -webkit-hyphens:manual}
  .legal-top img{height:28px}
}

/* texto não selecionável, como na página principal */
body{-webkit-user-select:none; user-select:none; -webkit-touch-callout:none}
img{-webkit-user-drag:none}