/* legal.css — folha de estilo da moldura das páginas legais
   (privacidade, termos e o suporte público). Páginas públicas de
   propósito: a Política de Privacidade precisa ser legível ANTES do
   cadastro. Paleta própria pelo mesmo motivo do checkout. */

:root{
  --bg:#0d1117; --panel:#161b22; --line:#30363d;
  --tx:#c9d1d9; --mut:#8b949e; --cy:#58d7ff; --am:#d29922;
  --mono:"Consolas","Courier New",monospace;
  --fonte:"Exo 2",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--tx);font-family:var(--fonte);
  font-size:15px;line-height:1.7;
}
a{color:var(--cy);text-decoration:none}
a:hover{text-decoration:underline}
main{max-width:760px;margin:0 auto;padding:0 24px 90px}
.topo{
  border-bottom:1px solid var(--line);margin-bottom:26px;padding:14px 0;
  display:flex;gap:14px;align-items:center;
}
.topo a{font-size:13px;color:var(--mut)}
.topo a:hover{color:var(--cy)}
h1{font-size:26px;color:#fff;margin:26px 0 4px;letter-spacing:-.3px}
.quando{color:var(--mut);font-size:13px;font-family:var(--mono);margin:0 0 26px}
h2{
  font-size:19px;color:#fff;margin:40px 0 6px;padding-top:18px;
  border-top:1px solid var(--line);
}
h2:first-of-type{border-top:none;padding-top:0;margin-top:28px}
h3{font-size:15px;color:var(--cy);margin:22px 0 6px}
p{margin:10px 0}
ul{margin:10px 0;padding-left:22px}
li{margin:6px 0}
code{
  font-family:var(--mono);font-size:12.5px;background:#1f242c;
  padding:2px 6px;border-radius:4px;color:#bc8cff;
}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
th{
  text-align:left;padding:9px 11px;background:#1c2129;color:var(--cy);
  font-family:var(--mono);font-size:11px;letter-spacing:.8px;
  text-transform:uppercase;border-bottom:1px solid var(--line);
}
td{padding:9px 11px;border-bottom:1px solid #21262d;vertical-align:top}
.rascunho{
  background:#1d1a10;border:1px solid var(--line);border-left:3px solid var(--am);
  border-radius:0 8px 8px 0;padding:16px 18px;margin:22px 0;font-size:14px;
}
.rascunho b{color:#fff}
footer{
  margin-top:60px;padding-top:20px;border-top:1px solid var(--line);
  color:#6e7681;font-size:12px;font-family:var(--mono);
}
footer a{color:#6e7681;text-decoration:underline}
footer a:hover{color:var(--cy)}
@media(max-width:640px){ main{padding:0 18px 60px} }