.widget-grid-card {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}
.widget-grid-card .card {
  border: none;
  border-radius: 5px;
  padding: 24px;
  min-height: 260px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .widget-grid-card .card {
    min-height: 175px;
  }
}
.widget-grid-card .card .overlay {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(0.5);
  z-index: 1;
}
.widget-grid-card .card.azul-escuro {
  background-color: #003EA5;
}
.widget-grid-card .card.azul-escuro:has(a):hover {
  background-color: #C6A27C;
}
.widget-grid-card .card.azul-escuro .card-content .title-card {
  color: #FFF;
}
.widget-grid-card .card.azul-escuro .card-content .card-footer .description-card {
  color: #FFF;
}
.widget-grid-card .card.azul-escuro .card-content .card-footer .bi-chevron-right {
  color: #FFF;
}
.widget-grid-card .card.azul-claro {
  background-color: #5690D9;
}
.widget-grid-card .card.azul-claro:has(a):hover {
  background-color: #C6A27C;
}
.widget-grid-card .card.azul-claro .card-content .title-card {
  color: #FFF;
}
.widget-grid-card .card.azul-claro .card-content .card-footer .description-card {
  color: #FFF;
}
.widget-grid-card .card.azul-claro .card-content .card-footer .bi-chevron-right {
  color: #FFF;
}
.widget-grid-card .card.dourado {
  background-color: #C6A27C;
}
.widget-grid-card .card.dourado:has(a):hover {
  background-color: #003EA5;
}
.widget-grid-card .card.dourado .card-content .title-card {
  color: #FFF;
}
.widget-grid-card .card.dourado .card-content .card-footer .description-card {
  color: #FFF;
}
.widget-grid-card .card.dourado .card-content .card-footer .bi-chevron-right {
  color: #FFF;
}
.widget-grid-card .card.branco {
  background-color: #FFF;
}
.widget-grid-card .card.branco:has(a):hover {
  background-color: #003EA5;
}
.widget-grid-card .card.branco:has(a):hover * {
  color: #FFF !important;
}
.widget-grid-card .card.card-img .card-content {
  position: relative;
  z-index: 2;
}
.widget-grid-card .card.card-img .card-content .title-card {
  color: #FFF;
}
.widget-grid-card .card.card-img .card-content .card-footer .description-card {
  color: #FFF;
}
.widget-grid-card .card.card-img .card-content .card-footer .bi-chevron-right {
  color: #FFF;
}
.widget-grid-card .card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 768px) {
  .widget-grid-card .card .card-content {
    justify-content: center;
  }
}
.widget-grid-card .card .card-content .title-card {
  font-size: 1.5rem;
  margin-bottom: 8px;
  color: #003EA5;
}
.widget-grid-card .card .card-content .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  border: none;
  background: none;
  padding: 0;
}
.widget-grid-card .card .card-content .card-footer .description-card {
  font-size: 1rem;
  margin: 0;
  color: #000;
}
.widget-grid-card .card .card-content .card-footer .bi-chevron-right {
  color: #000;
}