/* Um mesmo cabeçalho para Calendário, Períodos, Saldos e Vagas. */
.cabecalho-ferias {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 20px;
  align-items: start;
  margin-bottom: 22px;
}
.cabecalho-ferias .descricao { display: none; }
.cabecalho-ferias .acoes-cabecalho-ferias { display: contents; }
.cabecalho-ferias .abas-ferias {
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: start;
  gap: 26px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.cabecalho-ferias .aba-ferias {
  padding: 8px 2px 10px;
  color: #526579;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  font-size: .86rem;
}
.cabecalho-ferias .aba-ferias:hover { color: #174a37; background: transparent; }
.cabecalho-ferias .aba-ferias.ativa { color: #174a37; background: transparent; border-bottom-color: #256b4b; }
.cabecalho-ferias .botao-novo-periodo-ferias {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  color: #fff;
  background: #286348;
  border-color: #286348;
  box-shadow: 0 4px 12px #20553b25;
}
.cabecalho-ferias .botao-novo-periodo-ferias:hover { background: #1c5038; }

@media (max-width: 760px) {
  .cabecalho-ferias { grid-template-columns: 1fr; }
  .cabecalho-ferias .botao-novo-periodo-ferias { grid-column: 1; grid-row: 2; justify-self: stretch; }
  .cabecalho-ferias .abas-ferias { grid-column: 1; grid-row: 3; width: 100%; overflow-x: auto; }
}