.cards-menu-principal-container {
  display: grid;
  justify-content: center;
  grid-gap: 15px;
  grid-template-columns: repeat(auto-fill, 230px);
}

.card-receita-despesa-orcamento {
  background-image: url("./../img/receitas.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-blue {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #cdedffdb;
  padding: 10px;
}

.bg-orange {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fad7c2e0 !important;
  padding: 10px;
}

.card-bg-gestao-fiscal {
  background: url("./../img/gestao-fiscal.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.card-bg-info-org {
  background: url("./../img/informacoes.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.card-bg-lic-contra {
  background: url("./../img/licitacoes.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-serv-program {
  background: url("./../img/servicos.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.card-home {
  display: flex;
  height: 293px;
  /* flex: 1 1 0px; */
  flex-direction: column;
  align-items: flex-start;
  border: 2px solid #ed7024;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 500ms;
}

.card-home:hover {
  transform: translateY(-10px);
}

.card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}

.card-home .card-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #005d92;
  margin-top: 110px;
}

.card-title-links {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #005d92;
}

.card-visualizar-agora {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  
  color: #005d92;
  cursor: pointer;
  margin-top: auto;
}

.card-visualizar-agora:hover {
  text-decoration-line: underline;
}



.card-links {
  width: 100%;
  height: inherit;
  background: rgba(0, 93, 146, 0.2);
  border-radius: 0px 25px 5px 5px;
  padding: 9px;
  overflow: auto;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
.card-links {
  scrollbar-width: auto;
  scrollbar-color: #005d926e none;
}

/* Chrome, Edge, and Safari */

.card-links::-webkit-scrollbar {
  width: 12px;
}

.card-links::-webkit-scrollbar-track {
  background: none;
}

.card-links::-webkit-scrollbar-track-piece {
  margin-top: 20px;
}

.card-links::-webkit-scrollbar-thumb {
  background-color: #005d926e;
  border-radius: 10px;
}

.card-links ul li a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #ffffff;
}

.card-links ul li a:hover {
  color: var(--cor-principal-site);
}

.card-links ul {
  margin-top: 7px;
}

#links-rec-desp,
#links-lic-contratos,
#links-est-rh,
#links-gest-demonstrativo,
#links-serv-pro-covid {
  display: none;
}

#links-rec {
  display: none;
}

.novos-documentos {
  display: none;
  background: rgba(237, 112, 36, 0.81);
  border-radius: 0px 20px 20px 20px;
  padding: 5px 12px;
  margin-bottom: -39px;
}

.novos-documentos p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #722b00;
}

.wrapper-title-card-home {
  margin-top: auto;
}

.arrow-card-rotate {
  transform: rotate(180deg);
}