/* TursiLabs / TRACER — folha unica do site.
   Sem fonte externa, sem script de terceiro, sem cookie (Diretrizes Site 3.3).
   Paleta: brand book, pagina 02 (Diretrizes Site 5.1). */
:root{
  --marinho:#050B2E; --royal:#123CCB; --eletrico:#087CFF;
  --ciano:#16D9F5; --violeta:#7B2CFF; --violeta-claro:#C9A9FF;
  --texto:#EAEFFA; --texto-fraco:#AEBBD6; --borda:#1B2757;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--marinho); color:var(--texto);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:1.125rem; line-height:1.65;
  overflow-wrap:break-word;
}
.env{max-width:44rem; margin:0 auto; padding:0 1.25rem}
/* Cabecalho. A margem em volta da marca respeita a area de protecao
   de 13,9% da altura do simbolo (Diretrizes Site 5.0). */
header{border-bottom:1px solid var(--borda)}
.topo{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; padding:1.75rem 0}
.marca{display:block}
.marca img{display:block; height:3.25rem; width:auto}
.idioma{color:var(--ciano); text-decoration:none; border:1px solid var(--borda); border-radius:2rem; padding:.4rem 1rem; font-size:.95rem}
.idioma:hover,.idioma:focus{border-color:var(--ciano)}
main{padding:3rem 0 1rem}
h1{font-size:2.25rem; line-height:1.2; margin:0 0 1.5rem; letter-spacing:-.01em}
h2{font-size:1.3rem; margin:2.5rem 0 .75rem; color:var(--ciano); font-weight:600}
p{margin:0 0 1.25rem; max-width:38rem}
.linha-guia{color:var(--texto-fraco); font-size:1.25rem; max-width:38rem}
a{color:var(--ciano)}
/* Faixa de rascunho — exigida pelas Diretrizes Site 4.3 e 3.7. */
.rascunho{
  border:1px solid var(--violeta); border-left-width:.35rem;
  background:rgba(123,44,255,.12); border-radius:.35rem;
  padding:1rem 1.25rem; margin:0 0 2.5rem;
}
.rascunho p{margin:0; max-width:none; font-size:1rem}
.rascunho strong{color:var(--violeta-claro)}
.reservado{border:1px dashed var(--borda); border-radius:.35rem; padding:1rem 1.25rem; font-size:1rem; color:var(--texto-fraco); max-width:none}
.pendente{color:var(--violeta-claro); font-weight:600}
ul{padding-left:1.25rem; max-width:38rem}
li{margin:0 0 .6rem}
.aviso{border-left:.25rem solid var(--eletrico); padding-left:1.25rem; margin:2.5rem 0}
footer{border-top:1px solid var(--borda); margin-top:4rem; padding:2rem 0 3rem; font-size:1rem; color:var(--texto-fraco)}
footer nav{margin:0 0 1rem}
footer nav a{display:inline-block; margin:0 1.25rem .5rem 0}
@media (max-width:30rem){
  body{font-size:1.0625rem}
  h1{font-size:1.85rem}
  .marca img{height:2.75rem}
}