html{
 scroll-padding-top:170px;
}
section:has(.menu-hotel.mfixed){
    z-index:2;
    position:relative;
}
body #buttonShowSearcherScroll{
    top:23% !important;
}
.menu-hotel.mfixed:not(.editMode .menu-hotel.mfixed){
    position:fixed;
    padding:5px !important;
    width:100% !important;
    left:0;
    top:74px;
    background:var(--colorBg);
    padding:10px 20px;
    box-shadow:1px 1px 15px rgba(0,0,0,.2);
}
.menu-hotel .nav-pills{
    justify-content:center !important;
}
.menu-hotel .swiper-button-prev:after,.menu-hotel .swiper-button-next:after{
    font-size:16px;
    color:var(--colorbtn);
}
/*Habitaciones*/
.grid-rooms>.row>div,
.grid-rooms div:has(>.swiper), .grid-rooms .swiper,
.grid-rooms .swiper .image, .grid-rooms .swiper .image img{
    height:100%;
}
.image img{
     object-fit:cover;
     border-radius:var(--bRadius);
     min-height:55vh;
 }
.room{
    position:relative;
    border-radius:var(--bRadius);
}
.room .swiper-pagination{
    top:0;
    bottom:auto;
    position:absolute;
}
.room .swiper-pagination-bullet{
    background:#fff;
}
.room .swiper-pagination-bullet-active{
    background:var(--colorPrimaryClear);
}
.text-room{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    border-radius:var(--bRadius);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(178deg, rgba(0, 0, 0, 0.00) 57.25%, rgba(0, 0, 0, 0.40) 72.88%);
}
.text-room h3{
    color:#fff;
    font-size:36px;
    letter-spacing: 1.8px;
}
.text-room .price_from_container{
    background:var(--colorWhite);
    padding:6px 16px;
    border-radius:var(--bRadius);
    width: max-content;
    margin: 20px auto 1rem auto;
    font-size:16px;
}
.room img.img-responsive{
    min-height:55vh;
    transition:.5s all;
}
body .text-room .price_from_container a{
    color:var(--colorSecondary);
}
body .text-room .price_from_container a.price_from{
    color:var(--colorPrimary);
    font-family:var(--fontPrimary);
}
.description-room{
    display:none;
}
.room:hover .description-room{
    display:block;
}
.room .link-equipamiento{
    font-weight:600;
    cursor:pointer;
    background-color: aliceblue;
    border: 0;
    border-radius: 4px;
    padding: 4px 12px;
}
.text-room{
    background:var(--colorBg);
    position:relative;
}
.bgGray .text-room{
    background:transparent;
}
.room,
.room :has(img.img-responsive),
.room img.img-responsive,
.room .swiper,
.grid-rooms .htt-text-image{
    height:100%;
}
.room .swiper-slide div:has(>img.img-responsive){
    position:relative;
}
.room .swiper-slide div:has(>img.img-responsive):before{
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(178deg, rgba(0, 0, 0, 0.00) 57.25%, rgba(0, 0, 0, 0.40) 72.88%);
    z-index:2;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    content:"";
}
.text-room h3{
    color:var(--colorSecondary);
}
.description-room{
    display:block;
}
.grid-rooms .text-room .price_from_container{
    margin-left:0;
}
.link-equipamiento{
    cursor:pointer;
    border-bottom:1px solid #000;
}
.equipamiento span{
    padding: 6px 8px 3px 8px;
    background: var(--colorPrimary);
    border-radius: 50%;
    display: inline-block;
    margin-top:5px;
    margin-right:5px;
    width:40px;
    height:40px;
}
.equipamiento span img{
    filter:brightness(0) invert(1);
}
/* Lista servicios habitación */
.room-services{
  list-style: none;
  margin: 0;
  padding: 0;
  column-count: 3;
  column-gap:1.2rem;
}
.room-services li{
  margin-bottom: 10px;
  border-bottom:1px solid var(--colorSecondary);
}
.services-room.bgWhite .room-services li{
    border-bottom:1px solid var(--colorBg);
}
.room-services .icon{
  display: inline-flex;
  margin-right: 8px;
}

.room-services .icon img{
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.grid-rooms{
    border-radius:var(--bRadius);
}
.grid-rooms .services-room{
    border-radius:var(--bRadius);
    padding:3rem !important;
}
.room .swiper-slide div:has(>img.img-responsive):before{
    content:none;
}
/*Rooftop*/
@media(min-width:768px){
    ul.li-services{
        column-count:2;
        gap:10px;
    }
}
@media(max-width:1024px){
    .grid-rooms .services-room{
        padding:1.2rem;
    }
}
@media(max-width:767px){
    .room{
        margin-top:0;
    }
    .text-room{
        padding:12px;
    }
    .room img.img-responsive{
        height:auto;
    }
    .room-services{
        column-count:1;
    }
}
/*Faqs*/
.faqs .accordion-item{
    border:none !important;
    margin-bottom:5px;
}
.faqs .accordion-item .accordion-button{
    border-radius:0;
    border-bottom:1px solid rgba(0,0,0,.1);
    font-size:18px;
    padding-left:0;
    display: flex;
    align-items: flex-start;
}
.faqs .accordion-button::after,.faqs .accordion-button.collapsed::after{
    background-image:none !important;
    font-size:14px;
    transform:none !important; 
}
.faqs .accordion-button::after{
    content:"\f077";
    font-size:14px;
    font-family:'fontAwesome';
}
.faqs .accordion-button.collapsed::after{
    content:"\f078";
    font-family:'fontAwesome';
}
.faqs .accordion-button:not(.collapsed){
    background-color:transparent;
    box-shadow:none;
}
.faqs .accordion-button:focus{
    box-shadow:none; 
}
.faqs .accordion-button:hover{
    z-index:1;
}
.accordion-button:not(.collapsed){
    color:var(--colorPrimary);
}
@media(min-width:1366px){
    .swiperMenuHotel  .swiper-button-next,
    .swiperMenuHotel  .swiper-button-prev{
        display:none;
    }
}
@media(min-width:1199px){
    .swiperMenuHotel .swiper-slide{
        width:max-content;
    }
}
@media(min-width:1024px) and (max-width:1365px){
    .menu-hotel ul{
        justify-content:flex-start;
        
    }
    .swiperMenuHotel{ 
         position:relative
    }
    .swiperMenuHotel  .swiper-button-next,
    .swiperMenuHotel  .swiper-button-prev{
        display:none;
    }
    
}
@media(min-width:768px){
    .servicio.flex-center>.row{
        align-items:stretch;
    }
}
@media(max-width:1280px){
    .menu-select-mobile:has(.menu-hotel.mfixed):not(.editMode .menu-select-mobile:has(.menu-hotel.mfixed)){
        top:117px;
    }
}
@media (max-width: 991px){
    .swiperMenuHotel  .swiper-button-next,
    .swiperMenuHotel  .swiper-button-prev{
        display:none;
    }
}

@media(max-width:767px){
    .menu-select-mobile:has(.menu-hotel.mfixed):not(.editMode .menu-select-mobile:has(.menu-hotel.mfixed)){
        top:99px;
    }
    .room{
        margin-top:20px;
        
    }
   
}