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

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

#lista-dc .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;
}
/* ------------------------------------------------------------- */
.card {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 33px;
  opacity: 1;
  overflow: hidden;
  /*height: 333px;*/
}
.card:hover {
  transform: scale(1.05); /* Aumenta ligeramente el tamaño */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Añade sombra */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Suaviza el efecto */
}

img {
  border-radius: inherit;
}
.card-title.name {
  text-align: left;
  font: normal normal bold 18px/29px Titillium Web;
  letter-spacing: 0px;
  color: #000066;
  opacity: 1;
}
/* ------------------------------------------------------------- */
.card-img-top {
  height: 200px !important; /* Establece la altura que desees */
  object-fit: cover !important; /* Esto asegurará que la imagen se recorte pero no se deforme */
  object-position: center !important; /* Centra la imagen si se recorta */
  width: 100% !important; /* Asegúrate de que ocupe todo el ancho */
}
/* ------------------------------------------------------------- */
.card-body {
  height: 150px !important; /* Ajusta la altura según sea necesario */
  overflow: hidden !important; /* Para evitar que el contenido desborde */
}

.card-title {
  /* white-space: nowrap !important; */ /* Evita que el texto haga salto de línea */
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* Añade puntos suspensivos si el texto es demasiado largo */
}
/* ------------------------------------------------------------- */