@import url('/marca/fontes.css');

/* Base compartilhada pelo aplicativo, painel e todos os levantamentos. */
:root {
  --wh-ciano: #00a6e2;
  --wh-magenta: #e5007d;
  --wh-amarelo: #ffe500;
  --wh-preto: #111114;
  --wh-preto2: #1f1f25;
  --wh-papel: #f3f4f6;
  --wh-branco: #fff;
  --wh-texto-suave: #555b65;
  --wh-linha: #d9dbe0;
  --wh-borda-campo: #858a94;
  --wh-acao: #0069a8;
  --wh-acao-hover: #005487;
  --wh-ciano-texto: #006e97;
  --wh-ciano-suave: #e8f7fc;
  --wh-magenta-suave: #fff0f7;
  --wh-amarelo-suave: #fff9ce;
  --wh-amarelo-texto: #695900;
  --wh-fonte: 'Archivo', system-ui, sans-serif;
  --wh-fonte-titulo: 'Poppins', 'Archivo', sans-serif;
  --wh-raio: 10px;
}
.wh-logo { display:block; width:190px; max-width:100%; height:auto; flex-shrink:0; }
.wh header .wh-logo { width:144px; }
.wh .painel-marca { flex-wrap:wrap; }
.wh .painel-marca .wh-logo { width:200px; }
.wh .selo .wh-logo { width:95px; }
.wh-atalho {
  display:block; padding:14px 20px; min-height:48px; text-align:center;
  color:var(--wh-preto); background:var(--wh-amarelo);
  font:600 16px/1.5 var(--wh-fonte); text-decoration:none;
  border-bottom:1px solid var(--wh-preto);
}
.wh-atalho:hover { text-decoration:underline; }
.wh-atalho:focus-visible { outline:3px solid var(--wh-ciano-texto); outline-offset:-4px; }
@media(max-width:420px) {
  .cabecalho .wh-logo { width:154px; }
  .wh header .wh-logo { width:122px; }
}