/*<<<<<<<<< HOME Form Buscador >>>>>>>>>>*/
#hoteles-page, #searchhotel-page, #sellhotel-page{
  .btn-menuHoteles{
      color: var(--c-action);
      &:after{
          display: block;
      }
  }
}
@media (min-width:820px){
  .content-buscador-hotel{
    min-width: 800px;
  }
}
.field-validation-error {
  color: #f01500;
}

.field-validation-valid {
  display: none !important;
}

input.input-validation-error {
  border: 1px solid var(--c-scale-60) !important;
}

input[type="checkbox"].input-validation-error {
  border: 0;
}

.validation-summary-errors {
  color: #e80c4d;
}

.validation-summary-valid {
  display: none;
}

.containerSearchBox {
  margin: 0 auto;
  width: 100%;
  padding: 0;
}

.body_searchBoxHotel {
  width: 100%;
}
.h_searchBoxHotel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.searchBoxHotel {
  padding-left: 0px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  float: left;
  width: 33%;
}

.caja_order_hotel {
  width: 100%;
}

.caja_input_hotel {
    height: 46px;
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    font-size: 16px;
    color: #5e6e92;
    padding: 10px 10px 10px 60px;
    vertical-align: middle;
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    select{
      width: 100%;
      border: none;
    }
}
@media (min-width:820px){
  .caja_input_hotel {
    font-size: 14px;
    max-width: 320px;
  }
}
.flex-row-container{
    width: 100%;
    overflow: hidden;
}


.ico-lupa-h {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/icon/ico-lupa-blue.svg);
}

.ico-habitacion {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/icon/ico-habitacion-blue.svg);
}

.ico-flag {
  background-image: url(./img/icon/ico-flag.svg);
}

.ico-location {
  background-image: url(./img/icon/ico-location.svg);
}

.ico-hotels {
  background-image: url(./img/icon/ico-hotels.svg);
}

.contNameHotel {
  padding: 0px 0px 0px 20px !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
}

.contNameHotel-2 {
  position: relative;
  padding-left: 25px;
  color: #333;
}

.nameHotelSearch {
  margin-right: 10px;
  width: 75%;
}

.numberHotels {
  width: 65px;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ico-location,
.ico-flag,
.ico-hotels {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0px;
  z-index: 83;
}


.iconos_hotel {
  width: 22px;
    height: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 100;
    filter: brightness(0.4);
}
/*
.iconos_hotel-2 {
  width: 22px;
  height: 22px;
}
*/

/* Select2 */
.caja_input_hotel .select2-container {
  width: 100% !important;
}

strong.select2-results__group {
  background: transparent;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--single{
  color: #5e6e92 !important;
  padding: 0px 0px !important;
  height: inherit !important;
}

.home-hotel{
  top: 70px;
  padding: 20px;
  @media (min-width:820px){
    top: 0px;
    padding: 10px;
  }
}
#searchhotel-page{
  .search-hotel{
    height: 100vh;
    &.flex-c{
      display: flex !important;
    }
    .bg-modal-header, 
    .bg-modal-header-r,
    .select2-footer{
      padding: 20px;
    }
    .select2-results{
      flex-grow: 1;
      overflow: auto;
    }
    .select2-search,
    .select2-results{
      padding: 0 20px;
    }
    @media (min-width:820px){
      height: initial;
      padding: 10px;
      min-width: 220px;
      .select2-header,
      .select2-footer{
        display: none;
      }
      .select2-search,
      .select2-results{
        padding: 0 0px;
      }
    }
  }
}


/* caja de busqueda drop */
.home-hotel {
  overflow: initial;
}

.select2-results__options-container {}

/*caja Date checkIn-checkOut*/
.bodyDate_hotel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.bodyDate_hotel .contentDate_hotel:nth-child(1) {
  margin-right: 10px;
}

.contentDate_hotel {
  position: relative;
}

.contentDate_hotel label,
.caja_input_hotel label,
.titleVineta-h {
  font-size: 8px;
  margin: 0;
  padding: 1px 3px;
  background: #fff;
  color: #c1e3ff;
  border-radius: 10px;
  position: absolute;
  top: -3px;
  left: 15px;
}


/* Calendario */
#hoteles-page{
  .daterangepicker td.active.start-date.end-date, .daterangepicker td.active.start-date {
    padding: 20px 10px;
    padding-top: 10px;    
    &:before {
        content: "Ingreso" ;
    }
  }
  .daterangepicker td.active.end-date {
    padding: 20px 10px;
    padding-top: 10px;    
    &:before {
      content: "Salida";
    }
  }

}
#searchhotel-page{ /*Hotel search pag 2*/
  @media (min-width:820px){
    .daterangepicker {
      left: 0 !important;
      right: 0 !important;
    }
  }
}

.contentDate_hotel input {
  width: 100%;
  background-color: #fff;
  color: #c1e3ff;
  border: 2px solid #c1e3ff !important;
  border-radius: 10px;
  height: 40px;
  padding-left: 25px;
  font-weight: bold !important;
  text-align: center;
}

.contentDate_hotel img {
  position: absolute;
  z-index: 100;
  max-width: 25px;
  top: 8px;
  left: 8px;
}

/* ------ ADULTOS / NIÑO / HABITACION - search ------ */

.modal-all-mobile{
  .modal-header{
    background: var(--c-scale-10);
    color: var(--c-scale-90);
  }
  .modal-title{
    h5{
      font-weight: 600;
      font-size: 22px;
    }
  }
}
.content_Hab_hotel {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.field-validation-error {
  width: 100%;
  background-color: transparent !important;
}

.field-validation-error:before {
  display: none;
}


/* ADULTOS / NIÑO / HABITACION - Search*/

.cont_hab_hotel_home {
  display: flex;
  gap: 5px;
  margin: 0;
}

.row-cont-hab {
}

.opciones_hab_hotel,
.opciones_hab_hotel_edad {
  /* display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-self: flex-start; */
}
.opciones_hab_hotel {
  /* width: 60px; */
}

.opciones_hab_hotel label,
.select-habitaciones label,
.opciones_hab_hotel_edad label {
  text-align: left;
  font-weight: normal;
  margin: 0;
  font-size: 12px;
  color: #555;
  white-space: nowrap;
  border-radius: 5px;
  padding-left: 5px;
  font-weight: bold;
}

.select-habitaciones select {
  width: 100%;
}

.opciones_hab_hotel select,
.opciones_hab_hotel_edad select {
  width: 100%;
  text-align: center;
}

.opciones_hab_hotel select,
.select-habitaciones select,
.opciones_hab_hotel_edad select {
  font-size: 14px;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    color: var(--c-scale-80);
    background: #f1f2f6;
    border: none;
}
.opciones_hab_hotel_edad .content-select {
  position: relative;
}
.opciones_hab_hotel_edad .content-select:before {
    content: "--";
    border: 1px solid #eee;
    background: #f1f2f6;
    border-radius: 5px;
    width: 50px;
    font-size: 14px;
    text-align: center;
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.content-select {
  display: flex;
  width: 100%;
  gap: 5px;
}

.colm-1 {
  width: 22%;
}

.content-ninos-edad {
  width: 100%;
  display: flex;
  gap: 6px;
}

.content-select select {
  width: 50px;
  position: relative;
}

.contem-item-hab {
  border-radius: 7px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #33012a;
  margin: 10px 0;
}

.item_hab_hotel {
  display: flex;
  justify-content: space-between;
}

.item_hab_hotel:nth-child(1) {
  border-top: none;
}

.item_hab_hotel h4,
.header_hab_hotel h4 {
  font-size: 9px;
  text-align: left;
  color: #454545;
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
  background: #aaa;
  border-radius: 5px;
}

.item_hab_hotel:nth-child(1) h4 {
  border-bottom: 1px solid #aaa;
}

/*.contentnewHabHotel:before {
  content: "";
  background: #5555559e;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}*/

.contentHabHotel {
  width: 100%;
  height: 100vh;

  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

.select-habitaciones {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.cantidadHab label {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  background: transparent;
  padding: 0;
  color: #44506c;
}

.cantidadHab label span {
  font-size: 10px;
  font-weight: initial;
}

.cantidadHab select {
  width: 30%;
}

.caja_op_hotel {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.caja_op_hotel input {
  margin: 0 5px;
  width: 25%;
  height: 30px;
  border-radius: 8px;
  box-sizing: border-box;
  text-align: center;
  border: none;
}

.caja_op_hotel button {
  width: 35px !important;
  background: #454545;
  height: 30px;
  border-radius: 8px;
}

.body-select-h {
  position: relative;
  width: 100%;
  margin: 15px 0;
}

.body-select-h label {
  position: absolute;
  top: -5px;
  left: 15px;
  color: #454545;
  font-size: 9px;
  padding: 0px 5px;
  background: #eee;
  margin: 0;
  border-radius: 10px;
}

.select-childs-h select {
  width: 100%;
  border: 2px solid #aaa;
  border-radius: 10px;
}

.content_btnSearch_h {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 15px;
}

.content_btnSearch_h a {
  width: fit-content;
  height: fit-content !important;
  color: #fff;
  background: #251899;
  font-size: 16px;
  text-decoration: none;
  padding: 5px 35px;
  transition: all 0.3s;
  text-align: center;
  margin: 0;
  border: none !important;
  border-radius: 6px;
}

.btn_agregar_hotel {
  color: #454545;
  width: 48%;
  font-size: 10px;
  text-align: left;
  margin: 0;
}

.btn_aplicar_hotel {
  width: 50%;
}

.btn_aplicar_hotel:hover {
  background: #080056;
  transition: all 0.3s ease;
}

.header_hab_hotel {
  display: flex;
  justify-content: space-between;
  padding: 0px 10px;
  background: #aaa;
  border-radius: 5px;
  margin-bottom: 5px;
  position: relative;
}

.btn-remove-hab {
  border: 4px solid #eee;
  border-radius: 30px !important;
  position: absolute;
  top: -7px;
  right: -4px;
  padding: 8px 20px !important;
}

.btn-remove-hab:hover {
  background: #757575;
}

/*<<<<<<<< Home Product - Shared >>>>>>>>*/

.content-product-hoteles{
  width: 100%;
  margin-top: 50px;
  padding: 0 10px;
}
.content-product-hoteles h1{
  display: none;
  margin: 0;
}
.content-product-hoteles h3{
  margin: 0 0 10px 0;
  color: #555;
  font-size: 19px;
}
.body-product-hoteles{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: transparent;
  box-shadow: none;
  border: none;
  gap: 20px 15px;
}
.body-product-hoteles a{
  background: transparent;
  font-size: 0;
  text-decoration: none;
}
.imgDest-home-hotel {
  width: 160px;
  height: fit-content;
  border-radius: 10px;
  box-shadow: 0 5px 10px -6px #0f0660c4;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.imgDest-home-hotel:hover {
  /*transform: scale(1.01);*/
  box-shadow: 0 0px 10px -2px #2b1f9781;
  transition: all 0.3s ease;
}
.detallDest-home-hotel:before{
  content: "";
  width: 0;
  height: 6px;
  background: var(--c-primary);
  border-radius: 0 10px 10px 0;
  position: absolute;
  top: -3px;
  left: -10px;
  transition: all 0.3s ease;
}
.imgDest-home-hotel:hover .detallDest-home-hotel:before{
  width: 120%;
  transition: all 0.3s ease;
}
.imgDest-home-hotel:hover .title-dest-h:before {
  background: var(--c-primary);
  transition: all 0.3s ease;
}
.imgDest-home-hotel:hover .icons-prod-home,
.imgDest-home-hotel:focus .icons-prod-home,
.imgDest-home-hotel:active .icons-prod-home {
  filter: brightness(5);
  transition: all 0.3s ease;
}

.imgDest-home-hotel img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  transition: all 0.3s;
}

.detallDest-home-hotel {
  width: 90%;
  margin: auto;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 3px;

  position: relative;
}

.detallDest-home-hotel h6 {
  width: fit-content;
  font-size: 11px;
  background: var(--c-primary-10);
  color: var(--c-primary);
  padding: 3px 10px;
  border-radius: 3px;
  margin: 0;
}
.detallDest-home-hotel p{
  margin: 0;
  font-size: 10px;
  color: #555;
  line-height: 1;
  font-weight: 500;
}
.title-dest-h {
  display: flex;
  gap: 3px;
  align-items: center;
  color: #555;
  position: relative;
}
.title-dest-h:before {
  content: "";
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 40px;
  position: absolute;
  top: -30px;
  transition: all 0.3s ease;
}
.icons-prod-home{
  width: 22px;
  height: 22px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  top: -28px;
  left: 5px;
}

.title-dest-h h2 {
  font-size: 18px;
  line-height: 0.99em;
  margin: 2px 0px;
  font-weight: bold;
}
.precioDest-home-h {
  display: flex;
  gap: 5px;
  color: #555;
}
.precioDest-home-h h5 {
  margin: 0;
  font-weight: 600;
}



/*<<<<<<<<<<< RESULTADO BUSQUEDA HOTEL Pg-2 >>>>>>>>>>>>*/

.contentHotelBeds {
  margin-top: 30px;
  position: relative;
}

.colum-1 {
  width: 100%;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
}

.colum-2 {
}

/*<<< Result Busq Hoteles - filtros >>>*/

#filtrosSearchHotel{
  .modal{
    .modal-header{
      background: var(--c-scale-10);
      color: var(--c-scale-90);
      border-radius: 20px 20px 0 0;
      .modal-title{
        h5 {
          font-weight: 600;
          font-size: 22px;
        }
      }
    }
  }
}

.ico-filtros {
  background: url(/Themes/MeVoyDeViaje/Content/images/icon/ico-filtro.png);
}
.icons-filt {
  width: 22px;
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  margin: auto;
}
.contentHotelBeds .colum-1 a h4 {
  font-size: 16px;
  padding: 10px 30px 10px 60px;
  background: #f1f2f6;
  border-radius: 5px;
  margin: 0;
  color: #555;
  width: fit-content;
}

.btn-expand-filter{
  position: relative;
  margin: 20px auto 0px auto;
  cursor: pointer;
}

.tapFilter-HotelBets {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  overflow-x: auto;
  border-top: 1px solid #f0f3fa;
}

.tapFilter-HotelBets input {
  display: none;
}

.content-ico-hotelB {
  min-width: 100px;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: var(--c-scale-80);
  transition: all 0.3s;
  position: relative;
}

.ico-lupa {
  background: url(../Content/img/icon/ico-lupa.svg);
}

.ico-dinero {
  background: url(../Content/img/icon/ico-dinero-gris.svg);
}

.ico-categorias {
  background: url(../Content/img/icon/ico-categorias-p1.svg);
}

.ico-regimen {
  background: url(../Content/img/icon/ico-regimen.svg);
}

.ico-cancelacion {
  background: url(../Content/img/icon/ico-cancelacion.svg);
}

.ico-comodidades {
  background: url(../Content/img/icon/ico-comodidad.svg);
}

.ico-alojamiento {
  background: url(../Content/img/icon/ico-alojamiento.svg);
}

.ico-top {
  background: url(../Content/img/icon/ico-top.svg);
}

.ico-zona {
  background: url(../Content/img/icon/ico-zona.svg);
}

.ico-hotel {
  background: url(../Content/img/icon/ico-hotel.svg);
}

.ico-protocolo {
  background: url(../Content/img/icon/ico-protocolo.svg);
}

.ico-prueba {
  background: url(../Content/img/icon/ico-reloj.svg);
}
/* FILTRO SEARCH */
@media (min-width:820px){
  .btn-new-search-hb{
    display: none;
  }
  .cont-new-search-hb.collapse{
    display: block !important;
  }
}

.eventoFilter-hotel {
  display: none;
}

.formSearch-HB {
  padding: 15px;
  border-radius: 15px;
  background: var(--c-blanco);
}

.formSearch-HB h2 {
  font-size: 16px;
}

.content-search-hb {
  
  .caja_input_hotel{
    background-color: var(--c-scale-20);
  }
}


.search-hotel .select2-results__option {
  font-size: 10px;
}


.caja-HotelCalendar {
  height: 46px;
  width: 100%;
  /*border: 3px solid #c1e3ff;*/
  border: 3px solid #c1e3ff;
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 10px 10px 55px;
  font-weight: bold;
  vertical-align: middle;
  color: #555;
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.habitacion-NewHotel {
  
}

.content-newHabitacion {
  a{
    font-size: 13px;
  }
}
.btn-hab-pasj{
  color: var(--c-scale-70);
}

.contentHabHotel-Search {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  /*background: #32062c;*/
  margin: 5px auto;
}


.itemHabitacion {
  padding: 15px;
  background: #33012a;
  border-radius: 10px;
}

.itemHabitacion h2 {
  margin: 0 0 10px 0;
  padding-bottom: 10px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
}

/* FILTROS GENERAL */

.panelesFiltro-HB h2,
.panelesFiltro-HB a h2 {
  font-size: 16px;
  color: var(--c-scale-80);
  font-weight: 400;
  padding-top: 0px;
}
.panelesFiltro-HB a{
  text-decoration: none;
  display: none;
}

.bodyFilter {
  padding: 20px 3px;
}
@media (max-width:819px){
  .bodyFilter.collapse{
    display: block !important;
  }
  .clickable{
    display: none;
  }
}

#cont-filter-zone select {
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}

.contentFilter,
.filterSearchHotel {
  color: #555;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.bodyFilter-price{
  padding: 15px;
}
.noUi-connect{
  background: var(--c-secondary) !important;
}

.contenidoFilter-2 {
  width: 90%;
  margin: auto;
}

.regimenFilter {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  .k-listview-content{
    overflow: initial;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}

.contentFilter input {
  display: none;
}

.contentFilter label {
  cursor: pointer;
}

.contentFilter label p {
  font-size: 14px;
  font-weight: 400;
  color: var(--c-scale-80);
}

.contentFilter label:hover p {
  color: var(--c-action);
}

.caj-check {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  border: 2px solid #bbb;
  /*background: #ffffff33;*/
  border-radius: 3px;
  position: relative;
}

.caj-check:before {
  content: "";
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  background: transparent;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 1px;
}

.contentFilter .regimenFilter input:checked+label.item-check .caj-check{
  border: 2px solid #01c2c6;
  transition: all 0.3s ease;
}
.contentFilter .regimenFilter input:checked+label.item-check .caj-check:before {
  background: #01c2c6 !important;
  width: 8px;
  height: 8px;
  transition: all 0.3s ease;
}

.preciosFilter {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 0 0;
  font-size: 14px;
}

.priceIndicador .noUi-target {
  border: none !important;
  box-shadow: none !important;
}

/* Filtro busqueda por Nombre */
.filterSearchHotel {
  flex-direction: revert;
  gap: 10px;
}
.input-namefilter {
  min-height: 40px;
  border: 2px solid var(--c-scale-30);
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 14px;
  background: var(--c-scale-20);
}

/* FILTRO CATEGORIA */

.contentFilter-category {
  
  display: flex;
  justify-content: space-between;
}

.item-catg {
  width: 18%;
  min-width: 18%;
  padding: 5px 0;
  border-radius: 5px;
  cursor: pointer;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ico-star {
  width: 25px;
  height: 25px;
  background: url(./img/icon/ico-star-b1.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s;

  filter: invert(0.6);
}

.item-catg p {
  margin: 0;
  font-size: 12px;
  color: #555;
  font-weight: initial;
}

.space-catg {
  width: 1px;
  height: 35px;
  background: #c1e3ff;
  margin: auto 0;
}

.contentFilter-category input:checked+label.item-catg {
  background: var(--c-primary);
  border-radius: 5px;
}
.contentFilter-category input:checked+label.item-catg .ico-star {
  filter: invert(0);
  transition: all 0.3s ease;
}
.contentFilter-category input:checked+label.item-catg p {
  color: #fff;
  transition: all 0.3s ease;
}

.contentFilter-category input {
  display: none;
}

.item-catg:hover {
  background: #e4f3ff;
  border-radius: 5px;
  transition: all 0.2s;
}

.btn-disabled .ico-star {
  
}

.btn-disabled p {
  
}

.btn-disabled:hover {
  background: #e4f3ff!important;
  transition: all 0.3s ease;
}

.contentFilter-category input:checked+label.btn-disabled {
  background: #01c2c6 !important;
  transition: all 0.3s ease;
}

/* FILTRO NOMBRE HOTEL */

.contentFilter-2 {
  display: flex;
  flex-direction: column;
}

.contentFilter-2 input {
  margin-bottom: 10px;
}

.select-zone {
  width: 100%;
  min-height: 40px;
  background: #fff;
  font-size: 14px;
  padding: 10px 15px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}

/*<<< Result Busq Hoteles - contenido >>>*/

/* Banner hoteles resultado */

.content-banner-Hotel {
  width: 100%;
  margin: auto;
}

#scrollView-SearchHotel {
  max-width: 100%;
  height: 200px;
  border-radius: 10px;
  border: none;
  box-shadow: none;
}

.content-banner-Hotel .img-wrapper {
  display: flex;
  justify-content: space-between;
}

.content-banner-Hotel .itemBannerHotel {
  width: 48%;
  position: relative;
  border-radius: 10px !important;
  overflow: hidden;
  background: url(../Content/img/contenido-img/img-random-hotel-2.jpg) no-repeat;
  background-size: contain;
  background-position: center;
}

.imgBanner {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

.contentBannerHotel {
  width: 100%;
  height: 100px;
  background: url(./img/fondo-item-banner.png);
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: left;
  padding: 30px 10px 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.desc-banner-hotel {
  padding: 5px 10px;
  border-radius: 5px;
  background: #01c2c6;
  text-align: center;
  width: fit-content;
  margin-top: -25px;
  margin-bottom: 5px;
  line-height: 1;
}

.desc-banner-hotel h3 {
  margin: 0;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

.desc-banner-hotel p {
  margin: 0;
  font-size: 8px;
  color: #fff;
}

.contentBannerHotel h1 {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  white-space: initial;
}

.item-carousel {
  position: relative;
}

.photo1 {
  background: url("./img/banner-ejemplo.jpg");
}

.item-carousel .photo {
  width: 100% !important;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0%;
}

.k-scrollview .k-scrollview-nav>.k-link.k-primary,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable>.k-button.k-primary {
  background: #01c2c6 !important;
  border: #01c2c6 !important;
}

/* banner hoteles resultado */

.banner-HotelBets {
  position: relative;
  border-radius: 10px;
}

.content-HotelBets {
  position: relative;
}

.banner-HotelBets .carousel-indicators {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  margin: auto;
}

.banner-HotelBets .carousel-indicators li,
.banner-HotelBets .carousel-indicators .active {
  width: fit-content;
  height: fit-content;
  border-radius: 0;
  text-align: end;
}

.banner-HotelBets .carousel-indicators li {
  background: #fff;
  margin: -1px 0;
  border: 2px solid #dbdee4;
  border-left: none;
  transition: all 0.3s;
  position: relative;
}

.banner-HotelBets .carousel-indicators li:hover {
  background: #ebedf1;
  transition: all 0.3s;
}

.banner-HotelBets .carousel-indicators .active {
  background: #f9fbff;
}

.tanBanner {
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

.ico-hotel-1 {
  background: url(./img/icon/ico-reloj.svg);
}

.ico-hotel-2 {
  background: url(./img/icon/ico-reloj.svg);
}

.ico-banner {
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: auto;
}

.textBanner {
  background: #fff;
  padding: 10px;
  width: max-content;
  height: fit-content;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 60px;
  bottom: 0;
  margin: auto;
  text-align: center;
  text-indent: 0;
  border-radius: 5px;
  box-shadow: 6px 3px 6px #00000030;
  z-index: 1;
  display: none;
}

.banner-HotelBets .carousel-indicators li:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  position: absolute;
  transform: rotate(45deg);
  top: 0;
  right: -18px;
  bottom: 0;
  margin: auto;
  z-index: 0;
  box-shadow: 3px 3px 6px #00000030;
  display: none;
}

.banner-HotelBets .carousel-indicators li:hover .textBanner,
.banner-HotelBets .carousel-indicators li:hover:before {
  display: block;
}

.banner-1,
.banner-2 {
  width: 100%;
  height: 200px;
  background: #f0f3fa;
  background-size: cover;
  background-position: center;
}

.infoBanner {
  height: fit-content;
  position: absolute;
  top: 0;
  left: 20%;
  bottom: 0;
  margin: auto;
}

/* taps Order resultado busqueda */

.container-hotelesBeds {
  order: 2;
  .paginacion-resultado{
    margin: 0;
    width: 100%;
    margin-top: 20px;
    display: flex !important;
    a{float: none;
      &.k-pager-nav{display: none;}
    }
    .k-pager-numbers-wrap{
      select{display: none;}
      .k-pager-numbers{
        display: flex;
      }
    }
    .k-pager-wrap .k-link.k-state-selected{

    }
  }
}
.container-order-tap {
  margin: 10px 0;
  border-radius: 10px;
  padding: 0px;
}
.paginacion-resultado {
  background: transparent !important;
  margin: 10px auto;
  border: none !important;
  width: fit-content;
  order: 5;
  height: fit-content;
}
.paginacion-resultado a{
  background: #fff !important;
}

.paginacion-resultado .k-pager-numbers-wrap select {
  border: 1px solid #9187e7;
}

.k-pager-wrap .k-link.k-state-selected {
  
}

.container-order-tap .k-item,
.container-order-tap .k-state-default,
.container-order-tap .k-state-focused,
.container-order-tap .k-state-hover,
.k-menu .k-menu-scroll-button:hover,
.k-menu .k-state-hover>.k-link {
  background: none !important;
  box-shadow: none !important;
  padding: 8px 0;
}

.container-order-tap .k-button{
  border-color: transparent;
  background-color: #ffffffb3;
}

.container-tap-ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #f0f3fa !important;
  border: 1px solid #b9beca !important;
  position: relative;
}

.contain-filter-tap{
  background: #f1f2f6 !important;
  border-radius: 7px;
  border: none !important;
}
.contain-filter-tap li{
  min-width: 160px;
  padding: 0;
  /*border: none !important;*/
}
.contain-filter-tap li:hover{
  background: #d6dbe7 !important;
  transition: all 0.3s ease;
}
.contain-filter-tap li .k-menu-link{
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.contain-filter-tap li a{
  text-decoration: none;
  color: #333;
}
.contain-filter-tap li h4{
  font-size: 12px;
  margin: 0;
  display: flex;
  gap: 3px;
  justify-content: center;
  align-items: center;
}


.container-tap-ul li {
  width: 25%;
  border: none !important;
  
  cursor: pointer;
  display: flex;
  justify-content: center;

  position: relative;
}

.container-order-tap a {
  text-decoration: none;
  min-width: 120px;
  text-align: center;
  margin: auto;
  padding: 3px 0 !important;
  
  cursor:pointer
}

.container-order-tap a:hover .item-order-tap {
  background: transparent !important;
}

.item-order-tap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-order-tap h4 {
  font-size: 10px;
  padding: 3px;
  margin: 0;
}

.container-tap-ul li .k-animation-container,
.container-tap-ul li .k-animation-container ul {
  width: 100% !important;
  overflow: none !important;
  background: #fff !important;
}

.container-tap-ul li .k-animation-container ul a {
  margin: 0px !important;
}

.container-tap-ul li .k-animation-container ul a h4 {
  font-size: 12px;
  margin: 0px;
}

.sub-order-tap,
.sub-order-star{
  padding: 0px !important;
}

.sub-order-star li,
.sub-order-tap li {
  /*width: auto;*/
  padding: 3px 10px !important;
  text-align: center;
}

.sub-order-tap li:hover,
.sub-order-tap li:focus,
.sub-order-star li:hover,
.sub-order-star li:focus{
  background: #eee !important;
}

/* Lista  filtro superior body pag-2 */
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover{
  background: transparent !important;
}
.dropdown-menu {
  min-width: 200px;
  padding: 15px;
  margin: 0;
  color: var(--c-scale-80);
  border-radius: 15px;
  border: none;
  a{
    color: var(--c-scale-80);
    &:hover{
      color: var(--c-action);
    }
  }
}

.dropdown-item {
}


.dropdown-header {
  font-size: 14px;
  color: var(--c-scale-80);
  padding: 0;
  padding-top: 10px;
  border-top: 2px solid var(--c-scale-10);
}

.estrellas {
}

.dropdown-toggle::after {
  margin-left: 10px;
}

.sub-order-tap li a {
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #555;

  display: flex !important;
  align-items: center;
  gap: 5px;
}

.container-tap-ul li .k-state-active {
  background: none !important;
  box-shadow: none !important;
}

.k-menu .k-animation-container .k-menu-group, 
.k-menu-scroll-wrapper .k-animation-container 
.k-menu-group, 
.k-popups-wrapper .k-animation-container .k-menu-group{
  border: none !important;
  padding: 10px;
  background: #fff;
}

.k-menu .k-menu-group>.k-item, 
.k-menu-scroll-wrapper .k-menu-group>.k-item, 
.k-popups-wrapper .k-menu-group>.k-item {
  width: 100%;
}

.ico-Recomendado {
  background: url(./img/icon/ico-like.svg);
}

.ico-Populares {
  background: url(./img/icon/ico-popular.svg);
}

.ico-Precios {
  background: url(./img/icon/ico-precio.svg);
}

.ico-Categoria {
  background: url(./img/icon/ico-categoria.svg);
}

.ico-order {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.moneda-a{
  background: url(../Content/img/icon/ico-moneda.png);
}
.moneda{
  width: 20px;
  height: 20px;
}
.sub-order-star li a{
  display: flex !important;
  align-items: center;
  flex-direction: column;
  font-size: 12px;
}
.star-mayor{
  background: url(../Content/img/icon/star-mayor.png);
}
.star-menor{
  background: url(../Content/img/icon/star-menor.png);
}

.moneda,
.estrellas{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.estrellas{
  width: 94px;
  height: 15px;
}

/* Itinerarios de productos */

#lboHotelAviability {
  background: var(--c-scale-10);
  border: none !important;
  box-shadow: none;
}

#lboHotelAviability .k-listview-content {
  height: auto !important;
  border-radius: 25px;
  overflow-y: clip !important;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#lboHotelAviability .k-listview-content::-webkit-scrollbar {
  display: none;
}

/* para kendo */
.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before{
  box-sizing: border-box !important;
}

.item-product-hotel {
  box-shadow: none !important;
}

.vistaResumen-item {
  border-radius: 20px;
  background: var(--c-blanco);
}

.row-item-img {
  width: 100%;
  height: 250px;
  position: relative;
}

.content-imgProduct {
  width: 100%;
  height: 230px;
  border-radius: 20px;
  border: none !important;
  position: relative; /* Asegúrate de que los pseudo-elementos se posicionen correctamente */
}

.content-imgProduct.bg-1:before { background: url(../Content/img/contenido-img/img-random-hotel-1.jpg); }
.content-imgProduct.bg-2:before { background: url(../Content/img/contenido-img/img-random-hotel-2.jpg); }
.content-imgProduct.bg-3:before { background: url(../Content/img/contenido-img/img-random-hotel-3.jpg); }
.content-imgProduct.bg-4:before { background: url(../Content/img/contenido-img/img-random-hotel-4.jpg); }
.content-imgProduct.bg-5:before { background: url(../Content/img/contenido-img/img-random-hotel-5.jpg); }
.content-imgProduct.bg-6:before { background: url(../Content/img/contenido-img/img-random-hotel-6.jpg); }
.content-imgProduct.bg-7:before { background: url(../Content/img/contenido-img/img-random-hotel-7.jpg); }
.content-imgProduct.bg-8:before { background: url(../Content/img/contenido-img/img-random-hotel-8.jpg); }
.content-imgProduct.bg-9:before { background: url(../Content/img/contenido-img/img-random-hotel-9.jpg); }
.content-imgProduct.bg-10:before { background: url(../Content/img/contenido-img/img-random-hotel-10.jpg); }

.content-imgProduct:before {
  content: "";
  width: 100%;
  height: 230px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.imgProduct {
  position: relative;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.k-scrollview .k-scrollview-nav,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable {
  overflow-x: hidden !important;
}

.InfoOferta {
  background: #ffffffd1;
  padding: 2px 10px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgb(0 0 0 / 26%);
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  align-items: center;
}

.ico-todoIncluido {
  background: url(./img/icon/icono-todoIncluido.svg);
}

.ico-desayuno {
  background: url(./img/icon/icono-desayuno.svg);
}

.ico-oferta {
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 20px;
  margin-right: 5px;
}

.InfoOferta h5 {
  color: #333;
  font-size: 10px;
  font-weight: bold;
  width: 50px;
  margin: 0;
}

.body-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
}

.infoProduct {
  padding: 15px;
  margin-right: 0;
  position: relative;
}

.infoProduct h2 {
  font-size: 17px;
}

.infoProduct h5 {
  font-size: 14px;
  color: var(--c-scale-80);
}

.infoProduct p {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item-categoria {
  white-space: nowrap;
  display: inline-flex;
  .i-star{
    color: var(--c-yellow);
    font-size: 16px;
    margin: auto 0;
  }
}

.estrella {
  width: 20px;
  height: 20px;
  /*background: #ffc400;*/
  background: url(./img/icon/ico-estrella.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 20px;
}

.noColor {
  display: none;
}

/* .item-incluye{
  .item-ico span{
    display: none;
  }
} */
.item-incluye-checkOut {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}


/* .item-ico span {
  font-size: 10px;
  font-weight: 500;
} */


.ico-wifi {
  background: url(./img/icon/ico-wifi.svg);
}

.ico-mascota {
  background: url(./img/icon/ico-mascota.svg);
}

.ico-aire {
  background: url(./img/icon/ico-aire.svg);
}

.ico-gym {
  background: url(./img/icon/ico-gym.svg);
}

.ico-piscina {
  background: url(./img/icon/ico-piscina.svg);
}

.ico-parking {
  background: url(./img/icon/ico-parking.svg);
}

.ico-restaurante {
  background: url(./img/icon/ico-restaurant.svg);
}

.ico-incluye-hb {
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.item-row-footer,
.row-precio{
  width: 100%;
}

.content-btn-detall {
  width: 100%;
  
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 25px;
}

.content-btn-detall a {
  min-width: 70px;
  height: 64px;
  text-align: center;
  text-decoration: none;
  background: #fff;
  padding: 7px;
  border-radius: 10px;
  margin: 0;
  font-size: 10px;
  box-shadow: 0 0 10px -7px #555;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.content-btn-detall a:hover,
.content-btn-detall a:active,
.content-btn-detall a:focus{
  background: #c2d6e6;
  transition: all 0.3s ease;
}

.icon-mapa-h{
  background: url(../Content/img/icon/ico-map.png);
}
.icon-fotos-h{
  background: url(../Content/img/icon/ico-foto.png);
}
.icon-detall-h{
  background: url(../Content/img/icon/ico-info.png);
}
.icon-detall-tap{
  width: 60px;
  height: 25px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.content-btn-detall a h4 {
  font-size: 10px;
  margin: 0 0;
  font-weight: bold;
  color: #555;
}

.vistaDescripcion-item {
  width: 100%;
  border: none;
  display: contents;
}

.item-combineRoom h3 {
  font-size: 16px;
  width: 100%;
  background: #c3c8d4;
  margin: 5px 0;
  padding: 10px;
}

.contenido-room-item {
  /*display: flex;*/
  justify-content: space-between;
  padding: 5px;
}

.contenido-room-item p,
.contenido-room-item h4 {
  margin: 0;
}

.contenido-room-item h5 {
  font-size: 12px;
  width: 100%;
  margin: 2px 2px 2px 15px;
  padding: 1px;
}

.box-item-info {
  background: #fff;
  border-radius: 10px;
  margin: 10px;
  padding: 10px;
}

/* etiqueta % */

.etiqueta-hotel {
  position: absolute;
  bottom: 100px;
  right: 0px;
  height: fit-content;
  @media (min-width:820px){
    bottom: -55px;
    right: -15px;
  }
}
@media (min-width:820px){
  .etiqueta-hotel {
    position: absolute;
    bottom: -55px;
  }
}

.etiqueta-hotel h3 {
  font-size: 16px;
  /* margin: 0; */
  color: var(--c-blanco);
  padding: 10px;
  background: var(--c-action);
  border-radius: 20px 0 0 20px;
}
.cont-price-header{
  .etiqueta-hotel{
    position: static;
    h3 {
      border-radius: 0 20px 20px 0;
      width: fit-content;
      padding-left: 20px;
      margin-left: -20px;
    }

  }
}

.item-footer{
  padding: 0;
  @media (min-width:820px){
    padding: 0 15px 15px 15px;
  }
}
.infoPrecioTotal {
}

.row-precio{
  @media (min-width:820px){
    position: relative;
  }
}

.content-incluye {
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  margin: 0 0 5px 0;
}

.row-infoIncluye,
.row-alert {
  display: flex;
  margin: 0 0;
}
.row-infoIncluye{
  font-size: 14px;
  font-weight: 400;
  &.list-yes svg{
    color: var(--c-secondary-hover);
  }
}

.ico-check {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: url(./img/icon/ico-check.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ico-check-active {
  width: 15px;
  height: 15px;
  margin-right: 0px;
  background: url(./img/icon/ico-check-active.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  text-transform: capitalize;
}

.row-infoIncluye p {
  font-size: 11px;
  margin: 0;
  color: #555;
  font-weight: 500;
  text-transform: capitalize;
}

.ico-alert {
  width: 15px;
  height: 15px;
  margin-right: 2px;
  background: url(./img/icon/ico-alert.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.row-alert p {
  color: #ff00a1;
  font-size: 11px;
  margin: 0;
  font-weight: 500;
}

.precio-total{
  font-size: 18px;
}

.precio-antiguo {
  font-size: 12px;
  color: var(--c-scale-60);
  text-align: left;
}
.precio-antiguo,
.text-tachado{
  text-decoration: line-through;
}
@media (min-width:820px){
  .precio-total{
    font-size: 14px;
  }
  .precio-antiguo {
    font-size: 14px;
    text-align: right;
  }
}


/*<<<<<<<<<<< FIN - Pg-2 >>>>>>>>>>>>*/

/*<<<<<<<<<<< DETALLE HOTEL CHECKOUT Pg-3 >>>>>>>>>>>>*/

.content-DetailHotel {
  margin-top: 30px;
  position: relative;
}

.column-Detail-1 {
  width: 100%;
}

.header-detail{
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--c-scale-20);

  .section-header{
    position: relative;
  }
}

/* imagen principal checkOut */
#sellhotel-page{
}
.content-imgProduct{
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 20px;
  overflow: hidden;
  &:before{
    height: 250px;
  }
  .k-scrollview-wrap{
    border: none;
    position: initial;
    height: 250px;
    @media (max-width:819px){
      position: initial !important;
    }
  }
  img{
    height: 250px;
    min-width: 100%;
    object-fit: cover;
  }
}
#savehotelpaquete-page,
#sellhotel-page{
  .content-imgProduct{
    height: 300px;
    img, &:before{
      height: 300px;
    }
  }
  .k-scrollview-wrap{
    position: initial !important;
  }
}

@media (min-width:820px){
  .content-imgProduct{
    height: 250px;
    &:before{
      height: 250px;
    }
    .k-scrollview-wrap{
      position: absolute;
    }
    img{
      height: 250px;
    }
  }
  #savehotelpaquete-page,
  #sellhotel-page{
    .content-imgProduct{
      height: 400px;
      img, &:before{
        height: 400px;
      }
    }
  }
}
.galery-btn{
  position: absolute;
  background: transparent;
  text-align: center;
  color: var(--c-blanco);
  border-radius: 20px;
  bottom: 10px;
  right: 10px;
  img{
    display: none;
  }
  
  .text-btn-galery{
    background: var(--c-blanco);
    color: var(--c-scale-80);
    border-radius: 20px;
    padding: 7px 20px;
    cursor: pointer;
  }
}
@media (min-width:820px){
  .galery-btn{
    width: 100%;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    max-height: 230px;
    overflow: hidden;
    a, a .cont-btn-mas{
      height: 100%;
    }
    img{
      display: block;
      width: 100%;
      height: 115px;
      object-fit: cover;
      border-radius: 20px;
    }
    .text-btn-galery{
      position: absolute;
      bottom: 10px;
      right: 10px;
      z-index: 10;
    }
  }
}

#modalGaleryCheck{
  padding: 0 !important;
  .modal-dialog{
    border-radius: 0 !important;
    height: 100vh;
    width: 100%;
    margin: 0;
  }
  .modal-content{
    border-radius: 0px;
    min-height: 100vh;
    .modal-header{
      @media (min-width:820px){
        .modal-title{font-size: 2em;}
      }
      .close{
        font-size: 2em;
      }
    }
    .modal-body{
      flex-grow: 1;
      .nav-tabs{
        border-bottom: none;
        .nav-item{
          position: relative;
          margin-bottom: 10px;
          padding: 0 15px;
        }
        .nav-item.active{
          color: var(--c-action);
          &:before{
            content: "";
            width: 100%;
            height: 2px;
            background: var(--c-action);
            position: absolute;
            bottom: -5px;
            left: 0;
            right: 0;
            margin: auto;
          }
        }
      }

      .body-galery-item{
        img{
          width: 100%;
          object-fit: cover;
          border-radius: 15px;
          max-height: 140px;
          @media (min-width:820px){
            max-height: 330px;
          }
        }
      }
    }
  }
}

/* header name product checkout */
.title-prod-header{
  color: var(--c-scale-80);
  width: 100%;
  h2{
    font-size: 22px;
    width: fit-content;
  }
  a.ct-btn-link{
    padding: 0;
    color: var(--c-primary);
    text-decoration: none !important;

    &:hover{
      font-weight: 400;
    }
  }
  
}
.cont-price-header{
  width: 100%;
  background: var(--c-blanco);
  padding: 20px;
  border-radius: 20px;
  margin-top: 0px;
  z-index: 1;
}
@media (min-width:820px){
  .cont-price-header{
    margin-top: -170px;
  }
}
.priceDetallHabitacion{
  color: var(--c-scale-80);
  font-size: 14px;
  .title-hab-header{
    font-size: 18px;
  }
  h5{
    font-size: 20px;
  }
  span{
  }
  a{
    color: var(--c-active);
    font-weight: 500;
  }
  .it-sub-price-total{
    font-size: 18px;
    color: var(--c-scale-100);
    font-weight: 600;
  }
}

/**** Body detail ****/

/*card - incluye */
.row-detail card, 
.card-habitaciones{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--c-scale-20);
  }

.item-ico-check{
  max-width: 150px;
  width: 100px;
  text-align: center;

  .ico-incluye-hb{
    width: 30px;
    height: 30px;
  }
}

/* Card Info Hotel y Mapa */
.list-map {
  padding: 20px;
  background: var(--c-blanco);
  color: var(--c-scale-80);
  .list-alrededor{
    border: none;
    box-shadow: none;
  }
  .item-alrededores{
    color: var(--c-scale-80);
    font-size: 14px;
  }
}
.cont-mapa{
  a.btn-vermapa{
    position: relative;
    img{
      width: 100%;
      height: 200px;
      border-radius: 20px 20px 0 0;
      object-fit: cover;
    }
    .btn-vermapa-int{
      position: absolute;
      bottom: 10px;
      right: 10px;
    }
  }
}
@media (min-width:820px){
  .cont-mapa{
    a.btn-vermapa{
      img{
        height: 120px;
      }
    }
  }
}


/* taps */
.tabDetallSearch,
.tabDetallHotel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0px 0 !important;
}

.tabDetallSearch ul li,
.tabDetallHotel ul li {
  border: none !important;
  background: transparent !important;
}

.k-active-filter,
.k-state-active,
.k-state-active:hover {
  border-color: #dde1e9 !important;
}

.checkOut-detall-section .tabDetallHotel .k-tabstrip-items li .k-loading.k-complete {
  width: 0% !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  margin: auto;
  transition: all 0.3s;
}

.checkOut-detall-section .tabDetallHotel .k-tabstrip-items li .k-loading {
  border-top: 3px solid !important;
}

.checkOut-detall-section .tabDetallHotel .k-tabstrip-items li .k-link {
  color: #555;
  font-weight: 500;
}

.checkOut-detall-section .tabDetallHotel .k-tabstrip-items .k-state-active .k-loading.k-complete {
  width: 85% !important;
}

.checkOut-detall-section .tabDetallHotel .k-tabstrip-items .k-state-active span {
  color: #01c2c6;
  font-weight: 600;

}

.checkOut-detall-section .tabDetallHotel p {
  margin: 0;
  padding: 0;
}

/* content taps */
.k-tabstrip .k-content.k-state-focused,
.k-tabstrip .k-content:focus {
  outline-color: transparent;
}

.checkOut-detall-section .item-detall {
  border: none !important;
}

.checkOut-detall-section .item-detall h3 {
  margin: 3px 0;
  font-weight: bold;
  font-size: 16px;
}

.checkOut-detall-section .item-detall p {
  margin: 3px 0;
  font-size: 10px;
}

.checkOut-detall-section .item-detall p span,
.item-categoria-checkOut h4,
.item-incluye-checkOut h4 {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
}

.item-detall .cont-detall {
  border-color: transparent;
  box-shadow: none;
  color: var(--c-scale-80);
  .item-desc, .item-alrededores{
    font-size: 12px;
    white-space: nowrap;
  }
}

.item-categoria-checkOut {
  display: flex;
  align-items: center;
  margin: 3px 0;
}

.item-incluye-checkOut {
  margin: 3px 0;
  align-items: center;
}
.info-product .item-incluye-checkOut,
.item-info-hotel {
    display: none;
}
.info-product .item-incluye-checkOut{
  
  .item-ico{
    span{
      display: none;
    }
  }
}
.body-item-product {
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.item-incluye-checkOut .ico-incluye-hb {
  width: 14px;
  height: 14px;
}



/* Disponibilidad check Out */
.content-disponible {
  width: 94%;
  background: #f0f3fa;
  padding: 10px;
  border-radius: 10px;
  border: 3px solid #01c2c6;
  margin: 20px auto;
}

.row-disponible {
  display: flex;
  justify-content: space-between;
}

.content-dateSummary {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.content-dateSummary h4 {
  margin: 0 0px 10px 0px;
  text-align: initial;
  font-size: 16px;
  color: #01c2c6;
  font-weight: bold;
  position: relative;
}

.dateSummary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
  padding-left: 25px;

  position: relative;
}

.lineSpace {
  height: 25px;
  width: 2px;
  background: #b9beca;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto 0;
}

.lineSpace:before,
.lineSpace:after {
  content: "";
  height: 8px;
  width: 8px;
  background: #b9beca;
  border-radius: 15px;

  position: absolute;
  left: -3px;
}

.lineSpace:before {
  top: -3px;
}

.lineSpace:after {
  bottom: -3px;
}

.info-date,
.roomQuantity {
  display: flex;
  margin: 0px;
  align-items: center;
}

.info-date h3,
.roomQuantity h3 {
  margin: 0;
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
}

.info-date p {
  margin: 0 0 0 3px;
  font-size: 8px;
  overflow: hidden;
  white-space: nowrap;
}

.row-disponible a {
  text-decoration: none;
  display: flex;
  align-items: center;
  background: #dde1e9;
  padding: 15px;
  border-radius: 10px;
}

.row-disponible a h4 {
  display: none;
}

.icons-mod {
  width: 24px;
  height: 24px;
  margin-right: 3px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ico-habitacion-p,
.ico-calendario,
.ico-lupa-p {
  width: 20px;
  height: 20px;
  background: #dde1e9;
  border-radius: 5px;
  margin-right: 10px;
}

.search-new {
  padding: 10px;
  margin-top: 10px;
  background: #fff;
  border-radius: 7px;
}

.content-newSearch {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 5px;
}

.origen-newSearch,
.fecha-newSearch,
.habitacion-newSearch {
  border: 1px solid #b9beca;
  border-radius: 7px;
  text-align: center;
  padding: 7px;
  width: 100%;
}

.origen-newSearch {
  background: #f0f3fa;
}

/*<<<<< Error de NO SE ENCONTRO BUSQUEDA >>>>>*/

.noResultado {
  width: 100%;
  margin: 15px 0;
  background: #e4f3ff;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.noResultado img {
  width: 120px;
  height: 120px;
  align-self: center;
}

.msjNoResultado {
  align-self: center;
}

.msjNoResultado p {
  font-size: 18px;
  font-weight: bold;
}

.msjNoResultado a {
  color: #740846;
}


/* CONTENIDO PRODUCTOS Y PRECIOS - checkOut */
.content-itinerario {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.content-itinerario .k-listview-content {
  width: 100%;
  margin: auto;
  padding: 10px;
  border-radius: 10px;

  display: flex;
  flex-direction: row;
  gap: 20px;
  overflow-x: scroll;

  box-sizing: inherit;
}

.item-itinerario {
  min-width: 260px;
  max-width: 261px;
  border-radius: 15px;
  height: fit-content;
  overflow: hidden;
}

.content-img-item{
  .btn-ver-distrib{
    font-weight: 600;
    text-decoration: none;
  }
}

.img-product-1 {
  background: url(./img/hoteles.jpg);
}

.img-product {
  width: 100%;
  height: 200px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 20px;

  position: relative;
}

.info-product{
  position: relative;
  overflow: hidden;
}
.info-product:before{
  content: "";
  background: url(../Content/img/contenido-img/img-random-hotel.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 200px;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width:820px){
  .info-product{
    width: 100%;
  }
  .info-product:before {
    width: 25%;
  }
}
.content-body-itinerario{
  padding: 15px;
    margin-top: -40px;
    position: relative;
    background: var(--c-blanco);
    border-radius: 15px;
    color: var(--c-scale-80);

    h2 {
      font-size: 14px;
    }
    
    p {
      font-size: 10px;
    }
    .item-distribucion{
      margin-top: 10px;
      border-top: 1px solid var(--c-scale-20);
      h4{
        font-size: 14px;

      }
      .item-info-dist{
        span{
          font-size: 12px;
          color: var(--c-scale-60);
        }
      }
    }
    @media (min-width:820px){
      .item-distribucion{
        margin-top: 0px;
        border-top: none;
      }
    }
}

.body-item-product{
  color:var(--c-scale-80);

  .item-content-price{

    input {
      display: none;
    }
    label{
      background: var(--c-blanco);
      border-radius: 15px;
      padding: 15px;
    }
  }
  .price-content a{
    background: var(--c-scale-40);
    font-size: 16px;
    transition: all 0.3s ease;
    padding: 10px 30px;
    color: var(--c-blanco);
    font-weight: 400;
    border-radius: 50px;
    text-decoration: none;
    width: fit-content;
    height: fit-content;
    cursor: pointer;
    transition: all .3s ease;
    &:hover{
      background: var(--c-scale-50);
      transition: all .3s ease;
    }
  }
  .price-info{
    h5, p{
      font-size: 12px;
      color: var(--c-scale-50);
      font-weight: 400;
    }
    h3{
      font-size: 16px;
    }
  }
  
}
@media (min-width:820px){
  .content-body-itinerario{
    margin-top: 0px;
    height: fit-content;
  }
  .item-content-price{
    
  }
}

.item-content-price input:checked+label .price-content a{
  background: var(--c-primary);
  transition: all 0.3s ease;
  &:hover{
    background: var(--c-primary-hover);
    transition: all 0.3s ease;
  }
}


.label-content-price {

}

.descuento-price {
  width: fit-content;
  font-size: 10px;
  padding: 2px 7px;
  background: var(--c-action-20);
  color: var(--c-action);
  border-radius: 5px;
}

.ico-flecha {
  width: 9px;
  height: 9px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(45deg);
  transition: transform 0.3s;
}

.rotate-flecha {
  transform: rotate(-135deg);
  transition: all 0.3s;
}

/***** Datos del titular - CHECKOUT *****/
.column-Detail-1{
  section{
    width: 100%;
  }
  .content-checkOut{
    padding: 0px;
  }
  .card-form-h{
    padding: 20px;
    border-radius: 20px;
    background: var(--c-blanco);
  }
}

.lboPassangersRooms{
  color: var(--c-scale-80);
  &.k-widget{
    border: none;
    box-shadow: none;
    background-color: transparent;
  }
  .k-listview-content{
    overflow: inherit !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .item-hab-titular{
    padding: 20px;
    border-radius: 20px;
    background: var(--c-blanco);
    strong{
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 2px solid var(--c-scale-10);
    }
  }
}


.inputs-content {
}
.input-item-hotel{
  position: relative;
  width: 100%;
}
.input-item-hotel h5{
  margin-bottom: 5px;
  font-size: 13px;
}
.body-checkout .input-item-hotel select,
.body-checkout .input-item-hotel input {
  
}

/**** Datos del Contacto de reserva *****/
.item-telefono {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.item-telefono select {
  width: 80px;
}

.item-telefono .iti{
  width: 100%;
}

.item-telefono input {
  width: 100%;
}

/******** ¿Desea Factura? ********/
.content-factura a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.cont-fact-item {
  margin-top: 20px;
}

.item-radio-fact {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.item-radio-fact label {
  margin: 0;
  width: 50%;
  padding-left: 25px;
  cursor: pointer;

  position: relative;
}

.item-radio-fact label:before {
  content: "";
  border-radius: 30px;

  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.item-radio-fact label:before {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 3px solid #abb7d4;
  left: 0;
  transition: all 0.3s;
}

.item-radio-fact input:checked+label:before {
  background: #fff;
  border: 5px solid #01c2c6;
  transition: all 0.3s;
}

.item-radio-fact input,
.cont-item-medioPago input {
  display: none;
}

/********* MEDIOS DE PAGO ***********/

.cont-item-medioPago {

}

.cont-item-medioPago label {
  width: 100%;
  height: fit-content;
  margin: 0;
  padding: 15px 15px 15px 25px;
  border-radius: 5px;
  cursor: pointer;
  color: var(--c-scale-80);
  font-weight: 400;
}

.cont-item-medioPago input:checked+label {
}

.cont-item-medioPago label:hover {
  color: var(--c-scale-100);
}

.cont-item-medioPago label h3 {
  margin: 0;
  font-size: 12px;
  width: 55%;
}

.cont-item-medioPago label p {
  font-size: 10px;
  margin: 0;
  font-weight: 500;
}

.content-logos-pagos-1,
.content-logos-pagos {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}
.content-logos-pagos-1{
  width: 50%;
  justify-content: flex-end;
  gap: 5px;
}

.logo-SafetyPay {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/logo-safetypay.png);
}
.openpay{
  background: url(/Themes/MeVoyDeViaje/Content/images/landingPage/Openpay/logo-openpay-positivo.png);
}

.logo-bbva {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/bbva.png);
}

.logo-bcp {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/bcp.png);
}

.logo-visa {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/visa.jpg);
}

.logo-mercadopago {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/mercadoPago.png);
}

.logo-mastercard {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/mastercard.jpg);
}

.logo-diners {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/Dinners.jpg);
}

.logo-american {
  background: url(../../../Themes/MeVoyDeViaje/Content/images/logos/AmericanExpress.jpg);
}
.img-bbvaPuntos{
  background: url(/Themes/MeVoyDeViaje/Content/images/logos/puntosBBVA-img.png);
}
.img-bbvaCuotas{
  background: url(/Themes/MeVoyDeViaje/Content/images/logos/cuotasBBVA-img.png);
}
.img-sello-12{
  background: url(/Themes/MeVoyDeViaje/Content/images/logos/sello-12meses.png);
}
.img-sello-6{
  background: url(/Themes/MeVoyDeViaje/Content/images/logos/sello-6meses.png);
}

.ico-logo-pago {
  width: 70px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.log-med {
  width: 49%;
  height: 25px;
}
.log-med-1{
  width: 35px;
  height: 35px;
}

/******  Compra Segura  *******/
.content-info-compra {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.info-compra-seguro{
  display: flex;
  align-items: center;
  gap: 6px;
}
.img-seguridad-compra {
  width: 90px;
  height: 50px;
  background: url(../../../Themes/MeVoyDeViaje/Content/images/icon/icono-pago-seguro.svg) no-repeat;
  background-size: contain;
  background-position: center;
}

.text-comp-segur h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.text-comp-segur p {
  margin: 0;
}

/******  BTN COMPRAR *******/
.btn-compra-checkOut {
  
}

.item-comprar {
  position: relative;
  display: flex;
  gap: 5px;
}
.item-comprar label{
  font-size: 14px;
    font-weight: 400;

    a{
      font-weight: 500;
      color: var(--c-primary);
    }
}
.item-comprar .field-validation-error{
  width: auto;
}
/* Resumen Detall COLUMN 2 */
.column-Detail-2 {
  padding: 0;
  border-radius: 15px;

  .divHotelModalPrice .modal {
    position: relative;
    display: flex;
    opacity: 1;
    width: 100%;
    border-radius: 20px;
    border: none;

    .modal-content {
      width: 100%;
      box-shadow: none;
      border-radius: 20px;
      border: none;

    }
    @media (min-width:820px){
      .divHotelModalPrice .modal {
        width: fit-content;
      }
  }

    .modal-dialog{
      min-width: 100%;
      margin: 0;
      transform: translateY(0px);
    }
    @media (min-width:820px){
      .modal-dialog{
        /* min-width: fit-content; */
      }
    }

    .modal-header,
    .modal-footer {
      display: none;
  }
  }
} 

.info-incluye-hotel {
  width: 100%;
  /* border: 3px solid #e4f3ff; */
  background: #f0f8ff;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;

  display: flex;
  flex-direction: column;
  gap: 0px;
}


.item-info-resumen,
.item-info-resumen-no {
  display: flex;
  align-items: center;
}

.ico-check-active,
.ico-check,
.ico-check-no {
  width: 15px;
  height: 15px;
  border-radius: 10px;
}

.ico-check-no {
  background: url(../Content/img/icon/ico-x.svg) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 3px;
}

.info-resumen {
  @media (min-width:820px){
    text-align: right;
  }
}

.item-info-resumen p,
.item-info-resumen-no p {
  font-size: 10px;
  margin: 0 0 0 5px;
  font-weight: 500;
}
.item-info-resumen p{
  color: #333;
}

.item-info-resumen-no p {
  color: #ff00a1;
  text-transform: lowercase;
}

.alert-detallHotel {
  display: flex;
  align-items: center;
  padding: 3px;
  border-radius: 3px;
}

.alert-detallHotel h4 {
  margin: 0 0 0 3px;
  font-size: 11px;
  color: #ff00a1;
  font-weight: bold;
}

.Calcul-bbva-detall {
  margin: 0 0 10px 0;
}

.Calcul-bbva-detall h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.Calcul-bbva-detall h3 {
  font-size: 10px;
  margin: 5px 0 0 0;
  font-weight: bold;
}

.Calcul-bbva-detall p {
  font-size: 8px;
  margin: 0;
}

.logos-medioPago{
  margin-top: 10px;
}
.logos-medioPago h3{
  margin: 0 0 5px 0;
  font-size: 12px;
}
.content-logos-mp{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.icons-mp,
.icons-mp-l{
  width: 41px;
  height: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icons-mp-l{
  width: 57px;
}

/*<<<<<<<<<<< FIN - DETALLE HOTEL CHECKOUT Pg-3 >>>>>>>>>>>>*/

/* Solo para mobile */

@media (max-width: 599px) {
  

  /* PopUp Title de Origen Home */

}

@media (min-width: 600px){
  /*<<<<<<<< Home >>>>>>>>>*/
  .content-product-hoteles{
    width: 590px;
    margin: 40px auto;
  }


  .imgDest-home-hotel {
    width: 180px;
  }

  .noResultado {
    flex-direction: row;
  }


  /* Resultado - PAG 2 */
  .content-incluye{
    height: 115px;
    overflow: auto;
  }
  .content-incluye::-webkit-scrollbar{
    width: 4px;
    background: #f0f3fa;
  }
  .content-incluye::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 10px;
}
}

@media (min-width: 820px) {

  /* <<<<<< HOME >>>>>>> */

  /* Form Search Hoteles */
  .h_searchBoxHotel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
  }

  .content-habitacion {
    width: 27%;
  }
  .contentnewHabHotel:before{
    display: none;
  }

  .containerSearchBox .cont_hab_hotel {
    box-shadow: 2px 2px 7px #000;
  }

  .colorVineta {
    color: #fff !important;
    background: #400836 !important;
  }

  .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right: 0 !important;
  }

  .contentDate_hotel {
    width: 100%;
  }

  .bodyDate_hotel {
    width: 35%;
    margin-bottom: 0;
    margin-right: 1%;
  }

  /* Pop up Search */
  .content-habitacion .contentHabHotel {
    width: fit-content;
    height: fit-content;
    background: transparent;
    position: absolute;
    top: 0px;
    z-index: 99;
  }

  .contentHabHotel .contenPasajeros{
    gap: 10px;
  }
  .contentHabHotel .contenPasajeros{
    background: #fff;
  }


  #select2-DestinationCode-results {
    display: flex;
    width: max-content;
    background: #fff;
    border-radius: 5px;
  }

  .cantidadHab label {
    font-size: 12px;
  }

  .content_btnSearch_h a {
    font-size: 12px;
    height: fit-content !important;
  }

  .contNameHotel-2{
    /*width: 450px;*/
  }

  /*<<<<<<<< Home Product - Shared >>>>>>>>*/

  .content-product-hoteles {
    width: 800px;
    padding: 0px;
    margin: 50px auto;
  }
  .content-product-hoteles h3{
    text-align: center;
    margin: 30px 0;
    font-size: 25px;
  }
  .body-product-hoteles {
    flex-direction: row;
    gap: 30px 25px;
  }
  .imgDest-home-hotel {
    width: 180px;
    transition: all 0.3s;
  }
  .imgDest-home-hotel img {
    height: 140px;
  }


  /*<<<<<<<<< FIN HOME Buscador >>>>>>>>>>*/


  /*<<<<<<<<<<< RESULTADO BUSQUEDA HOTEL Pg-2 >>>>>>>>>>>>*/
  
  
  .panelesFiltro-HB a h2,
  .panelesFiltro-HB h2 {
    padding: 10px;
    cursor: pointer;
  }

  .contain-filter-tap{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }
  .contain-filter-tap li{
    min-width: 25%;
    border: none !important;
  }


  /* Filtros */
  #searchhotel-page .formSearch-HB{
    background: #fff;
  }

  #searchhotel-page .content-search-hb {
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
  }

  #searchhotel-page .btn-hab-pasj{

  }
  @media (min-width:820px){
    #searchhotel-page .btn-hab-pasj{
      font-size: 12px;
    }
  }


  #searchhotel-page .searchSubmit{
    
  }
  .formSearch-HB h2{
    display: none;
  }


  #cont-filter-zone {
    display: block;
  }

  
  /* Carousel Kendo */

  .content-banner-Hotel .img-wrapper{
    justify-content: flex-start;
    gap: 10px;
  }
  .content-banner-Hotel .itemBannerHotel {
    width: 50%;
  }
  .contentBannerHotel {
    padding: 50px 10px 10px 10px;
  }

  /*taps Orden resultado*/
  .container-order-tap a {
    width: 25%;
  }

  .container-order-tap a:hover .item-order-tap {
    background: #d1d4db;
    transition: all 0.3s;
    border-radius: 5px;
  }

  .item-order-tap h4 {
    font-size: 12px;
  }

  /* -- Contenido Busqueda  -- */
  #lboHotelAviability .k-listview-content {
    gap: 40px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  #lboHotelAviability .k-listview-content::-webkit-scrollbar {
    display: initial !important;
    width: 16px;
    background: #fff;
  }

  #lboHotelAviability .k-listview-content::-webkit-scrollbar-thumb {
    background: #dde1e9;
    border-radius: 3px;
    
    border-left: 3px solid #fff;
    transition: all 0.3s;
  }

  #lboHotelAviability:active .k-listview-content::-webkit-scrollbar-thumb,
  #lboHotelAviability:hover .k-listview-content::-webkit-scrollbar-thumb {
    background: #dde1e9;
    transition: all 0.3s;
  }

  .vistaResumen-item {
  }

  .row-item-img {
    
  }

  #searchhotel-page{
    .content-imgProduct,
    .content-imgProduct:before {
      height: 100%;
      min-height: 230px;
    }

  }

  /* Botones Mapa, Descr, Fotos*/
  .content-btn-detall{
    width: fit-content;
    position: absolute;
    left: 15px;
    bottom: 15px;
    margin: 0;
  }

  /* taps - detalles */
  .search-tap-section {
    margin-top: 10px;
  }

  .tabDetallSearch {
    display: flex !important;
  }

  .tabDetallSearch ul {
    display: flex;
    flex-direction: column;
  }

  .search-tap-section .tabDetallSearch .k-tabstrip-items .k-state-active span {
    width: 80%;
    border-radius: 5px !important;
  }

  .tabDetallSearch .item-detall-s .cont-detall {
    width: 100%;
    border-radius: 10px;
  }

  .tabDetallSearch .item-detall-s .cont-detall p,
  .item-detall .cont-detall .k-listview-content p {
    width: 250px;
  }

  /* etiqueta % */
  .etiqueta-hotel {
    top: -50px;
    right: -15px;
  }
  .etiqueta-hotel h3 {
    font-size: 12px;
  }

  .body-item {
  }

  .infoProduct {
    width: 100%;
    height: 100%;
    padding: 15px 0 0 0;
  }

  .infoProduct h2 {
    font-size: 18px;
  }

  .infoProduct h5 {
    margin: 0px 0;
    font-size: 12px;
  }

  .infoProduct p {
    font-size: 12px;
    margin: 0 0 0 0;
  }

  .line-space {
    width: 2px;
    height: 80%;
    background: #dde1e9;
    margin: auto;
  }

  .price-info,
  .precio-total {
    font-size: 20px;
    text-align: end;
    font-weight: 500;
    color: var(--c-scale-90);
  }
  .price-info{
    div{
      font-size: 12px;
    }
  }
  .infoPrecioTotal {
  }

  .info-product .item-incluye-checkOut{
    display: flex;
  }
  .item-info-hotel {
      display: block;
  }

  /* From Total */
  .content-puntosBBVA {
    width: auto;
  }

  

  /* COLLAGE foto descripcion */
  .content-collageFotos {
    flex-direction: row;
    gap: 10px;
  }

  .imgPrincipalDetall {
    width: 40%;
    height: 270px;
  }

  .content-gallery {
    width: 60%;
    gap: 5px;
  }

  /* mapa search */
  .content-maps-search {
  }

  .graphic-map {
    /* width: 60% !important;
    height: 320px !important; */
    width: 100%;
    @media (min-width:820px){
      min-width: 400px;
    }
  }

  .description-map {
    /* width: 40%;
    padding: 15px 0 15px 15px; */
  }

  .content-desc {
    margin-bottom: 10px;
  }

  .title-desc {
  }

  .ico-indice {

  }

  .title-desc h3 {
    font-size: 14px !important;
    margin: 0;
    white-space: nowrap;
  }

  .box-item-info p {
    font-size: 12px;
  }

  /*<<<<<<<<<<< DETALLE HOTEL CHECKOUT Pg-3 >>>>>>>>>>>>*/

  /* CONTENIDO PRODUCTOS Y PRECIOS - checkOut */
  .content-itinerario .k-listview-content {
    overflow: inherit !important;
    flex-direction: column;
    gap: 35px;
  }

  .item-itinerario {
    width: 100%;
    max-width: 100%;
    background: none;

    position: relative;
  }

  .item-incluye,
  .item-incluye-checkOut {
    flex-flow: wrap;
  }

  .body-item-product {
    padding: 0px;
    padding-left: 20px;
    height: fit-content;

    gap: 10px;
    position: inherit;
    /*position: sticky;
    top: 70px;
    z-index: 1;*/
  }

  .btn-expandir {
    display: none;
    width: auto;
    height: fit-content;
  }

  .label-content-price {
    width: -webkit-fill-available;
    background: #fff;
    padding: 10px;
    flex-direction: row;
  }
  .btn-ver-distrib h4{
    margin: 5px 0 0 0;
  }

  .line-prod {
    display: block;
    height: 50px;
    width: 2px;
    background: #dde1e9;
    margin: auto 0;
  }

  .space-info-prod {
    padding: 5px;
  }

  .body-title-distrib{
    width: 400px;
    padding: 15px;
  }

  /* imagen principal checkOut */
  .content-imgPrincipal-h {
    width: 100%;
    margin: 0;
    position: relative;
  }

  .content-imgPrincipal-h h2 {
    width: fit-content;
    font-size: 20px;
    border-radius: 0 0 5px 0;
    padding: 10px 25px;
    left: 0;
    top: 0;
    height: fit-content;
    gap: 3px;
  }

  /* taps */
  .checkOut-detall-section .tabDetallHotel {
    background: #e4f3ff !important;
    border: none !important;
    box-shadow: none !important;
    margin: 10px 0 !important;
  }

  .checkOut-detall-section .tabDetallHotel ul li {
    border: none !important;
    background: transparent !important;
  }

  .checkOut-detall-section .item-detall {
    overflow: inherit !important;
  }

  .checkOut-detall-section .item-detall h3 {
    font-size: 18px;
  }

  .checkOut-detall-section .item-detall p {
    font-size: 12px;
  }

  /* Disponibilidad - New Search check Out */
  .content-disponible {
    width: 100%;
    padding: 10px 20px;
    margin: 20px 0;
  }

  .row-disponible {
    justify-content: space-between;
    flex-direction: row;
  }

  .row-disponible a {
    text-decoration: none;
    display: flex;
    align-items: center;
    background: none;
    border-radius: 0;
    padding: 0;
  }

  .row-disponible a h4 {
    display: block;
    margin: 0 15px 0 0;
    font-size: 16px;
    font-weight: bold;
  }

  .content-dateSummary {
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
  }

  .content-dateSummary h4 {
    margin: 0 30px 0 15px;
    font-size: 16px;
  }

  .dateSummary {
    padding: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .dateSummary:after {
    display: none;
  }

  .content-dateSummary h4::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #01c2c6;
    border-bottom: 3px solid #01c2c6;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: -30px;
    margin: auto;
  }

  .info-date,
  .roomQuantity {
    margin: 0 0 0 10px;
    align-items: center;
  }

  .info-date h3,
  .roomQuantity h3 {
    margin: 0;
    font-size: 12px;
  }

  .info-date p {
    font-size: 10px;
  }

  .lineSpace {
    position: static;
    width: 15px;
    height: 2px;
    background: #ddd;
    margin: auto 10px;
  }

  .lineSpace:before,
  .lineSpace:after {
    display: none;
  }

  .separador {
    width: 2px;
    height: 25px;
    background: #ddd;
    margin: auto 10px;
  }

  .search-new {
    padding: 15px;
    margin-top: 10px;
  }

  .content-newSearch {
    flex-direction: row;
    gap: 0px;
  }

  .origen-newSearch,
  .fecha-newSearch,
  .habitacion-newSearch {
    width: 30%;
  }

  #searchhotel-page .contentnewHabHotel{
      /*left: inherit;*/
      z-index: 1;
  }

  .content-DetailHotel{
  }
  .priceDetallHotel .flot-total {
    position: fixed;
    top: 65px;
    right: 10px;
    width: fit-content;
    background: #555;
    border-radius: 0 0 5px 5px;
    padding: 10px 30px;
    color: #fff;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .priceDetallHotel h5{
    
  }
  .priceDetallHotel h3{
    font-weight: 500;
    margin: auto;
  }
  .title-hab-total {
    font-size: 12px;
  }

  .column-Detail-2{
    width: 100%;
  }
  .column-Detail-2 h5{
    display: none;
  }


  /***** Datos del titular - CHECKOUT *****/
  
  .content-checkOut,
  .content-factura,
  .content-medioPago,
  .content-info-compra {
  }


  .item-telefono select {
    width: 80px;
  }

  .item-telefono input {
    width: 100%;
  }

  /********* MEDIOS DE PAGO ***********/
  .cont-item-medioPago {
  }

  .cont-item-medioPago label {
  }

  .cont-item-medioPago label h3 {
    font-size: 14px;
  }

  .content-logos-pagos-1{
    width: 45%;
  }

  .content-logos-pagos{
    justify-content: flex-end;
  }
  .log-med {
    width: 32%;
  }
  #divHotelResumenPrice {
  }
  .resumen-price-h, .content-btn-info {
    
  }

  .content-btn-info{

  }
  .info-incluye-hotel {
    margin: 0;
  }
  /* Boton Compra Final - checkOut */
  
}

@media (min-width: 992px){

  /*<<<<<<<<<< HOME >>>>>>>>>*/

  /* product */
  .content-product-hoteles {
    width: 970px;
  }

  .imgDest-home-hotel {
    width: 222px;
  }
  .imgDest-home-hotel img {
    height: 150px;
  }
  

  .colum-1 {
    
  }
  .colum-2 {
  }
  .colum-3 {
    .display-shop{
    }
  }

  .name-cat{
  }
  /* Carousel Kendo */
  .content-banner-Hotel .itemBannerHotel {
    width: 24%;
  }
  .content-banner-Hotel .img-wrapper{
    gap: 8px;
  }
  .contentBannerHotel {
    height: 94px;
    padding: 30px 10px 10px 10px;
  }
  
  /*<<<<<<<<< FILTROS PAG-2 >>>>>>>>>*/
  /* SEARCH */
  
  .btn-expand-filter{
    display: none;
  }
  .content-taps-hotel {
    display: flex;
  }
  @media (min-width:820px){
    .content-taps-hotel {
      display: none;
    }
  }
  .eventoFilter-hotel {
    display: block;
  }
  #searchhotel-page .formSearch-HB{
    .caja_input_hotel{
      background: var(--c-scale-10);
    }
  }
  .formSearch-HB h2{
    display: block;
  }
  
  #searchhotel-page .content-search-hb{
    flex-direction: column;
  }
  #searchhotel-page .searchSubmit {
    
  }
  #searchhotel-page .contentnewHabHotel {
    /*left: 0;*/
  }

  .contentHotelBeds{
  }

  .formSearch-HB {}

  .panelesFiltro-HB {
    border-radius: 0;
  }

  .filter-zone{
    display: none;
  }
  .panelesFiltro-HB a{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin: 0 !important;
    width: 100% !important;
    padding-right: 20px;
    cursor: pointer;
  }
  .ico-flecha-b{
    width: 12px;
    height: 12px;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    transform: rotate(45deg);

  }

  .finBackground {
    border-radius: 0 0 15px 15px;
  }

  .search-hotel .select2-results {
    display: block;
    width: max-content;
    background: #fff;
    border-radius: 5px;
    /*box-shadow: 3px 3px 5px #00000082;*/
  }

  .search-hotel .select2-results__option:nth-child(2) {
    border-left: 1px solid #ddd;
  }

  .search-hotel .select2-results__option li {
    border-left: none !important;
  }


  /* Botones despegables Mapa-Descript-Fotos */
  .content-btn-detall {
    width: 100%;
    margin: 10px 0 0 0;
    position: absolute;
    bottom: 10px;

    gap: 7px;
    justify-content: flex-start;
  }

  .content-btn-detall a {
    
  }

  /* Tap Categoria, Top, Recomendado, Populares */
  .container-order-tap .k-menu-scroll-wrapper, .k-popups-wrapper{
    width: 100% !important;
  }

  /*<<<<<<<<<<< FIN -- FILTROS PAG-2 >>>>>>>>>>*/


  /*<<<<<<<<<<< DETALLE HOTEL CHECKOUT Pg-3 >>>>>>>>>>>>*/
  .content-DetailHotel {
  }

  .column-Detail-2 {
    height: fit-content;
    padding: 20px;
/* 
    position: sticky;
    top: 20px; */
  }

  .title-hab-total{
    width: 100%;
    font-size: 14px;
    font-weight: bold;
  }
  .alert-detallHotel{

  }
  
  .column-Detail-2 h5{
    display: block;

    width: fit-content;
    font-size: 10px;
    margin: -11px 0 0 -16px;
    padding: 7px 15px;
    border-radius: 13px 0 10px 0;
  }
  .priceDetallHotel h5{
    
  }
  #divHotelResumenPrice {
  }
  .resumen-price-h, 
  .content-btn-info{
  
  }

  .priceDetallHotel .flot-total{
    width: 100%;
    background: none;
    color: #555;
    padding: 0;
    position: initial;
    align-items: flex-start;
  }

  .info-incluye-hotel {
    margin: 5px 0;
  }

  
}

@media (min-width: 1200px) {

  /*<<<<<<<<<<<< HOME >>>>>>>>>>>>*/
  .content-product-hoteles {
    width: 1100px;
  }

  .body-product-hoteles {
    gap: 40px 35px;
  }
  .imgDest-home-hotel {
    
  }
  .imgDest-home-hotel img {
    height: 170px;
  }

  /*<<<<<<<<<<< RESULTADO BUSQUEDA HOTEL Pg-2 >>>>>>>>>>>>*/
  .contentHotelBeds {
  }

  /*<<<<<<<<<<< CHECK OUT HOTEL Pg-3 >>>>>>>>>>>>*/
  .content-DetailHotel{
  }

  
}

.toggle-icon {
  float: right;
  margin-top: 5px;
}

/**************************

ORDER FINALIZADO - Pag final

****************************/

.final-summary-hotel {
  margin-top: 30px;
}
@media (min-width:820px){
  .final-summary-hotel {
      margin-top: 50px;
  }
}

.header-sumary{
  h5{
    font-weight: 400;
  }
}
.body-summary-hotel,
.header-sumary {
  color: var(--c-scale-80);
}
.li-estancia h4{
  font-size: 14px;
}
.b-title-body-summary{
  h3{
      font-size: 20px;
      font-weight: 600;
  }
  @media (min-width:820px){
      h3{
          font-size: 30px;
      }
  }
}

.b-content-summary-hotel {
  .b-i-header-sumary {
    border-bottom: 2px solid var(--c-scale-10);
    padding-bottom: 20px;
  }
  
  .b-item-summary{
      background: var(--c-blanco);
      padding: 20px;
      border-radius: 20px;
      .li-reserva{
        h2{font-size: 16px;}
      }
      .li-name-hotel{
        h2{font-size: 24px;}
      }
  }
}