/* ------------------------------------------------------------- */
.card {
  box-shadow: 0px 0px 8px #0000001a;
  border-radius: 12px;
  opacity: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  height: 100%; /* Todas las tarjetas tendrán la misma altura */
  background-color: #ffffff;
}
.card:hover {
  transform: scale(1.02); /* Efecto de zoom al pasar el mouse */
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); /* Sombra más intensa */
}
.card-body {
  padding: 15px;
  flex-grow: 1; /* El cuerpo de la tarjeta ocupa todo el espacio disponible */
}
.card-title {
  font: normal normal 600 16px/23px Titillium Web;
  letter-spacing: 0px;
  color: #5056ac;
  opacity: 1;
}
.dependencia {
  font: normal normal normal 16px/23px Open Sans;
  letter-spacing: 0px;
  opacity: 1;
  font-weight: bold;
  color: #757474;
  margin-bottom: 10px;
}
.small-text {
  font: normal normal normal 14px/21px Open Sans !important;
  letter-spacing: 0px;
  /* color: #757474; */
  opacity: 1;
}

/* ------------------------------------------------------------- */
.pagination li {
  display: inline-block;
  padding: 5px;
}

.pagination li a {
  color: #000066 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

#lista-di .active {
  border-bottom: 3px solid #db141c;
}
/* ------------------------------------------------------------- */
.form-control {
  border: 1px solid #000066 !important;
  border-radius: 12px !important;
  opacity: 1 !important;
}

label {
  color: #000066;
  font: normal normal bold 18px/29px Titillium Web;
  font-size: 16px !important;
}
.btn.btn-light {
  background-color: #000066 !important;
  color: #ffffff !important;
  border: 1px solid #000066 !important;
}
/* ------------------------------------------------------------- */