/* Gestão: identificação da versão de gestão. Carregado depois de tema-verde.css e cores.css. */

/* Faixa roxa no topo do cabeçalho fixo (todas as páginas). Branco sobre #5C388C: 7,5:1. */
.page-v2 .faixa-gestao {
  padding: 5px 16px;
  background: #5C388C;
  color: #fff;
  text-align: center;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.3;
}
.page-v2 .faixa-gestao b { font-weight: 900; text-transform: uppercase; letter-spacing: .14em; }
@media (max-width: 480px) {
  .page-v2 .faixa-gestao { padding: 4px 12px; font-size: 11px; }
  .page-v2 .faixa-gestao span { display: none; }
}
/* No desktop o cabeçalho tem altura fixa (--header-h): ele cresce com a faixa e a linha dos logos mantém a altura original. */
@media (min-width: 901px) {
  .page-v2 .header:has(.faixa-gestao) { height: auto; }
  .page-v2 .faixa-gestao + .container { height: var(--header-h); }
}

/* Versão do site (js/config.js > versao), discreta no rodapé e no login. #072E1C no limão: 6,7:1. */
.page-v2 .versao { font-size: 11px; font-weight: 600; letter-spacing: .06em; color: #072E1C; }
.page-v2 .login__dock .versao { margin: 4px 0 0; text-align: center; font-size: 10.5px; }

/* Selo "Gestão" na tela de login, ao lado de "Campanha 2026/02". */
.page-v2 .selo-gestao {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  background: #5C388C;
  color: #fff !important;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}