/* Lista amenites */

.features-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.feature-item {
  flex: 1 1 calc(33.333% - 1rem); /* 3 columns */
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  color: white !important;
}

.feature-item i {
  margin-right: 0.5rem;
  color: white;
}

/* 2 columns on medium screens */
@media (max-width: 768px) {
  .feature-item {
    flex: 1 1 calc(50% - 1rem);
  }
}

/* 1 column on small screens */
@media (max-width: 480px) {
  .feature-item {
    flex: 1 1 100%;
  }
}


.room{
    position:relative;
}
.text-room{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    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(--colorLightBlue);
    padding: 6px 16px;
    border-radius: 4px;
    width: max-content;
    margin: 0 auto;
    font-size: 18px;
    font-weight:600;
    color: var(--colorSecondary);
}

.text-room .price_from_container a{
    color:white;
}
.room img.img-responsive{
    height:480px;
}

.text-room a.btn-corpo{
    color: var(--colorSecondary);
}

/*Habitaciones*/
.description-room{
    display:none;
}
.description-room p:last-child{
    font-size:16px;
}
.room:hover .description-room{
    display:block;
}
.room .link-equipamiento{
    font-size:14px;
    font-weight:600;
    cursor:pointer;
}
/*Servicios*/
.servicio .htt-text-image, .servicio .htt-text-image>div:has(iframe), .servicio iframe{
    height:100% !important;
}
.servicio .bgGrayExperience,.servicio .box-clear{
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content:center;
}
.servicio img.img-responsive{
    min-height:350px;
}
.servicio .swiper,.servicio .swiper-slide>div, .servicio .swiper img.img-responsive{
    height:100%;
}
.servicio .box-clear{
    position:relative;
}
.servicio .box-clear:before{
    bottom:97%;
    width: 100%;
    left: 0;
    position:absolute;
}
/*Cómo llegar*/
.distancias{
    display: flex;
    justify-content: space-between;
}
.distancias p.colorPrimary{
    font-size: 21px;
    font-weight: 500;
    margin-top: 10px;
}
.distancias p:last-child{
    position:relative;
    padding-top: 50px;
}
.distancias p:last-child:before{
    content:"";
    position: absolute;
    height: 40px;
    width: 1px;
    background: var(--colorSecondary);
    top: 0;
    left: 50%;
}
/*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;
    }
}
@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:98px;
    }
}
@media(max-width:767px){
    .menu-select-mobile:has(.menu-hotel.mfixed):not(.editMode .menu-select-mobile:has(.menu-hotel.mfixed)){
        top:78px;
    }
    .servicio .box-clear,.room{
        margin-top:20px;
    }
    .servicio.invert>.row>div:last-child{
        order:1;
    }
    .servicio.invert>.row>div:first-child{
        order:2;
    }
    .servicio>.row>div:has(img.img-responsive){
        margin-bottom:20px;
    }
}