/* Estilo das páginas de texto (privacidade, termos).
   A home tem o CSS dela embutido: ela é visual, estas são para ler. */
:root{
  --fundo:#0f172a; --cartao:#18253f; --borda:#24344f;
  --texto:#e6edf7; --suave:#97a6bf; --verde:#10b981; --ambar:#f59e0b;
  --titulo:'Orbitron',system-ui,sans-serif;
  --corpo:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--fundo);color:var(--texto);
  font-family:var(--corpo);line-height:1.7;-webkit-font-smoothing:antialiased;
}
.env{max-width:760px;margin:0 auto;padding-inline:20px}
a{color:var(--verde)}

header{border-bottom:1px solid var(--borda);background:rgba(15,23,42,.9)}
header .env{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.marca{display:flex;align-items:center;gap:10px;font-family:var(--titulo);font-weight:900;font-size:.95rem;color:var(--texto);text-decoration:none}
.marca img{width:30px;height:30px;border-radius:8px}
.voltar{font-size:.86rem;color:var(--suave);text-decoration:none}
.voltar:hover{color:var(--verde)}

main{padding-block:52px 68px}
h1{font-family:var(--titulo);font-size:clamp(1.7rem,4.4vw,2.3rem);line-height:1.2;margin:0 0 10px}
.data{color:var(--suave);font-size:.86rem;margin:0 0 40px}
h2{font-family:var(--titulo);font-size:1.08rem;margin:42px 0 12px;color:var(--verde)}
h3{font-size:.98rem;margin:26px 0 8px}
p,li{color:#cbd6e6}
ul{padding-left:22px}
li{margin-bottom:8px}
code{background:#1b2a46;padding:2px 6px;border-radius:5px;font-size:.88em}

.aviso{
  background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.32);
  border-radius:12px;padding:18px 22px;margin:32px 0;
}
.aviso strong{color:var(--ambar)}
.aviso p{margin:0;color:#e3d3b4;font-size:.92rem}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.92rem}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--borda);vertical-align:top}
th{color:var(--texto);font-weight:600}
td{color:#cbd6e6}
.rolagem{overflow-x:auto}

footer{border-top:1px solid var(--borda);padding-block:30px;color:var(--suave);font-size:.85rem}
footer .env{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
footer a{color:var(--suave)}

@media (max-width:600px){
  main{padding-block:38px 50px}
  h2{margin-top:34px}
}