/* Partilhado pela página principal e pelas páginas legais.
   A letra é servida daqui e não do Google Fonts: assim nenhum IP de visitante vai para terceiros sem consentimento. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:300 800;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:italic;font-weight:300 600;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-italic.woff2) format('woff2')}

:root{
  --preto:#0B090E;--grafite:#14121A;--linha:#24212D;
  --azul:#2F6BFF;--azul2:#1F4FD1;--branco:#F4F5F6;--cinza:#C9CDD6;--cinza2:#9097A3;
  --a:"Archivo","Helvetica Neue",Arial,sans-serif;
  --lado:20px;--max:1160px;
}
@media (min-width:760px){:root{--lado:36px}}
@media (min-width:1024px){:root{--lado:48px}}

/* Rodapé: baixo e simples. Links, uma linha de aviso, e a assinatura. */
.rodape{padding:28px 0 calc(20px + var(--barra,0px));font-size:13px;line-height:1.5;color:var(--cinza2);border-top:1px solid var(--linha);background:var(--preto)}
.rodape .dentro{display:grid;gap:12px}
.rodape nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px}
.rodape a{color:var(--cinza);text-decoration:none}
.rodape a:hover{color:var(--branco);text-decoration:underline}
.rodape button.link{background:none;border:0;padding:0;font:inherit;color:var(--cinza);cursor:pointer}
.rodape button.link:hover{color:var(--branco);text-decoration:underline}
.rodape .avisos{max-width:80ch}
.rodape .fim{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px}
@media (min-width:1024px){
  .rodape{padding:24px 0}
  .rodape .dentro{grid-template-columns:1fr auto;align-items:center;gap:8px 32px}
  .rodape .avisos{grid-column:1}
  .rodape .fim{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:flex-end;gap:4px}
}

/* Campos ainda por preencher: bem visíveis para ninguém publicar sem os ver. */
mark.falta{background:#FFD84D;color:#111;padding:0 4px;border-radius:3px}