#cards_style{
    --bs-card-border-color: white !important;
    padding: 40px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#button_size{
  width: 100%;
}

.titleBook {
  position: absolute;
  bottom: 0;
  font-size: 15px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}

.aligItemsCenter {
  display: block;
  margin: auto;
}

.sectionResultsPredictive {
   display: none;
   overflow-y: scroll;
   box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08);
   height: 20em;
   cursor: pointer;
   /* position: absolute;
   z-index: 10; */
   border-bottom-right-radius: 2vh;
   border-bottom-left-radius: 2vh;
   transition: all 0.4s ease;
}

.imgResultPredictive {
   width: 12vh;
}

.border-search-predictive {
   border-bottom-right-radius: 0px !important;
}

.border-span-predictive {
   border-bottom-left-radius: 0px;
   border-bottom: 0px solid #fff;
}

.div-book-predictive {
   transition: all 0.6s ease;
}

.div-book-predictive:hover {
   background: #F8F9FA;
}

.title-book-predictive {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.form-control:focus {
   background-color: #fff;
   border-color: #fff;
   outline: 0;
   box-shadow: none;
}

/* Móviles pequeños */
@media (max-width: 480px) {
  .imagenDesta {
    height: auto !important;
  }
}

/* Móviles medianos y tablets en vertical */
@media (min-width: 481px) and (max-width: 768px) {
  .imagenDesta {
      height: 233px !important;
  }
}

/* Tablets en horizontal y laptops pequeños */
@media (min-width: 769px) and (max-width: 991px) {
  .imagenDesta {
      height: 225px !important;
    }
}

/* Laptops medianos y escritorios normales */
@media (max-width: 990px) {
   .imgResultPredictive {
         width: 10vh;
   }
}

/* Laptops medianos y escritorios normales */
@media (min-width: 992px) and (max-width: 1200px) {
  .imagenDesta {
      height: 294px !important;
    }
}