/* Estilo das paginas juridicas. Fica em arquivo proprio, e nao inline como o
   resto do projeto, porque sao tres paginas com a mesma cara: inline obrigaria
   a corrigir em tres lugares. */
:root{
  --bg:#04121a; --superficie:#081b26; --texto:#e8f4f8; --apoio:#c3dde6;
  --fraco:#6d8794; --ciano:#34d8f0; --ambar:#fbbf5a;
  --borda:rgba(52,216,240,.16);
  --fonte:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,'Cascadia Mono',Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--texto);font-family:var(--fonte);
  line-height:1.72;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--ciano);text-decoration:none}
a:hover{text-decoration:underline}
.env{max-width:760px;margin:0 auto;padding:0 24px}

header{border-bottom:1px solid var(--borda);padding:20px 0}
header .env{display:flex;align-items:center;gap:12px}
header .nome{font-family:var(--mono);font-size:14px;letter-spacing:.3em}
header a:hover{text-decoration:none;opacity:.8}

main{padding:56px 0 72px}
h1{font-size:30px;line-height:1.25;font-weight:600;margin-bottom:10px}
.atualizado{font-family:var(--mono);font-size:12px;color:var(--fraco);
  letter-spacing:.1em;margin-bottom:40px}
h2{font-size:19px;font-weight:600;margin:40px 0 12px;color:var(--ciano)}
h3{font-size:16px;font-weight:600;margin:24px 0 6px}
p{margin-bottom:14px;color:var(--apoio)}
ul{margin:0 0 16px 22px;color:var(--apoio)}
li{margin-bottom:8px}
strong{color:var(--texto);font-weight:600}
code{font-family:var(--mono);font-size:13px;background:var(--superficie);
  padding:2px 6px;border-radius:4px;color:var(--ciano)}

.caixa{background:var(--superficie);border:1px solid var(--borda);
  border-radius:12px;padding:20px 22px;margin:24px 0}
.caixa p:last-child{margin-bottom:0}

/* Marcador do que ainda falta preencher. Berrante de proposito: estas paginas
   NAO podem ir ao ar com um campo destes visivel. */
.falta{background:var(--ambar);color:#3a2600;font-family:var(--mono);
  font-size:13px;padding:1px 7px;border-radius:4px;font-weight:600}

footer{border-top:1px solid var(--borda);padding:28px 0 48px;
  color:var(--fraco);font-size:14px}
footer .env{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
footer .razao{width:100%;color:var(--fraco);font-size:13px;line-height:1.6}

@media (max-width:620px){ h1{font-size:25px} main{padding:36px 0 52px} }