/* ===== Base mínima para páginas de texto (Termos/Privacidade) ===== */

/* Tokens padrão (compatíveis com o footer.css) */
:root{
  --bg1:#0b0f14;
  --bg2:#0b1f29;
  --text:#eaf6ff;
  --text-2:#bfefff;
  --hud:#2fd1ff;
  --hud-2:#56e0ff;
  --hud-soft:rgba(47,209,255,.18);
  --stroke:rgba(255,255,255,.12);

  --maxw: 960px;
  --side: 16px;
  --radius: 12px;
}

/* Reset leve */
*{ box-sizing:border-box }
html,body{ height:100% }

/* Layout geral + fundo */
body{
  margin:0;
  color:var(--text);
  font: 500 16px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;

  /* fundo */
  background:
    radial-gradient(1100px 520px at 75% 18%, #10202a 0%, transparent 55%),
    radial-gradient(900px 560px at 20% 82%, #0f1a22 0%, transparent 58%),
    linear-gradient(180deg, var(--bg1), var(--bg2));

  /* footer “gruda” no rodapé */
  display:flex;
  flex-direction:column;
  min-height:100svh;
}

/* Largura e espaçamentos das áreas principais */
header,
main{
  width:min(var(--maxw), 92vw);
  margin:40px auto 0;
  padding:0 var(--side);
}

/* Títulos e textos */
h1{
  margin:0 0 10px;
  font-weight:900;
  font-size:clamp(1.4rem, 2.4vw, 1.8rem);
  letter-spacing:.2px;
  background:linear-gradient(90deg, var(--hud), #fff, var(--hud-2));
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
h2{
  margin:26px 0 8px;
  font-size:1.08rem;
  letter-spacing:.2px;
}
p, li{ color:var(--text) }
.muted{ color:var(--text-2); opacity:.95 }

/* Links */
a{
  color:#58d6ff;
  text-decoration:none;
}
a:hover{ text-decoration:underline }

/* Cartão simples (aplicado ao <main class="card">) */
.card{
  background: rgba(255,255,255,.05);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  padding: 16px;
  box-shadow: 0 8px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.05);
}

/* Listas */
ul{ margin: 0 0 10px 1.1rem; padding:0 }
li{ margin: 6px 0 }

/* Códigos inline (casos citados na Privacidade) */
code{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  padding: .08rem .35rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .92em;
}

/* Responsivo */
@media (max-width: 720px){
  body{ font-size:15px }
  header, main{ margin:28px auto 0 }
  .card{ padding:14px }
}

@media (max-width: 480px){
  body{ font-size:14.5px }
  header, main{ margin:22px auto 0 }
  .card{ padding:12px; border-radius:10px }
}

/* Acessibilidade */
:focus-visible{
  outline: 2px solid var(--hud);
  outline-offset: 2px;
}


@media (max-width:640px){
  .chip--red{display: none}}