/* HERO SCHEDA */             
/*.hero img,.hero video,.hero iframe{object-position: center;aspect-ratio:1/1.25;width:100%;height:auto}*/
.hero .button{position:absolute;bottom:2.4rem;left:1.6rem;width:calc(100% - 3.2rem)}
.hero .button:after, .hero .button:before{left: calc(30% - 150px);}
.hero .button:focus{  outline: .8rem solid #000;outline-offset: 2px;  }

.hero .placeholder-video{width:100%;object-position:top}

@media(min-width:500px){
/*    .hero img,.hero video,.hero iframe{aspect-ratio:1;}*/
}

@media(min-width:650px){
/*    .hero img,.hero video,.hero iframe{aspect-ratio:1/.75;}   */ 
    .hero .button{right:1.6rem;left:auto}
}

@media(min-width:850px){
/*    .hero img,.hero video,.hero iframe{aspect-ratio:1/.5 ;}*/
}       

@media(min-width:992px){
    .hero .button{right:3.2rem;}
}

@media(min-width:1280px){
/*    .hero img,.hero video,.hero iframe{aspect-ratio:1920/769 ;}*/
    .hero .button{right:6.4rem;}
}


.hero{aspect-ratio:1/1.25;}
.hero img,hero video,.hero iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:none;pointer-events:none}

@media(min-width:500px){
    .hero{aspect-ratio:1;}
}

@media(min-width:650px){
    .hero{aspect-ratio:1/.75;}    
}

@media(min-width:850px){
    .hero{aspect-ratio:1/.5 ;}
}       

@media(min-width:1280px){
    .hero{aspect-ratio:1920/769 ;}
}








/* ACCOMODATION DETAILS */
#accomodation-details{overflow:hidden}
#accomodation-name{padding:4.4rem 0 2.4rem}      
#accomodation-name hgroup{display:flex;flex-direction:column-reverse}  
#accomodation-name h1{font-size:3.6rem;margin: 0;line-height:1.2;font-size:6.4rem}     
#accomodation-name h2{text-transform: uppercase;font-size: 1.6rem;letter-spacing:.1rem;margin-top:0;margin-bottom:1.6rem;display: flex;align-items:center;gap:.8rem;line-height:1}   



@media(min-width:500px){
    #accomodation-name h1{font-size:4.8rem;font-weight:400}
}

@media(min-width:768px){
    #accomodation-name h1{width:calc(75% - 1.2rem)}
}

@media(min-width:1280px){
    #accomodation-name{padding:4.4rem 0}  
}

@media(min-width:1440px){
    #accomodation-name h1{width:calc(66.66% - 1.2rem);font-size:6.4rem}
}




/* CAROUSEL SECTION */
#carousel-section{position:relative}
.carousel-placeholder img{display:block;margin:auto;width:calc(100% - 3.2rem);height:auto;border-radius: 1.6rem;aspect-ratio:1;object-fit:cover}
#accomodation-carousel{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
#accomodation-carousel img{border-radius:1.6rem;width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}   
#accomodation-carousel.swiper{overflow: visible;}
#accomodation-carousel .swiper-slide span{pointer-events:none;border: 2px solid #fff;bottom: 1.6rem;right: 1.6rem;width: 4rem;height: 4rem;position: absolute;display: flex;place-content: center;align-items: center;border-radius: 50%;background: #fff;color: var(--primary-color);}
#carousel-section .swiper-slide {width:calc(100% - 3.2rem);cursor:pointer}
#carousel-section .swiper-pagination{position: relative;bottom: auto;left: auto;color: #99c1db;width: 60px;font-family: var(--ff-default);font-size:2rem;font-weight: bold;}
#carousel-section .swiper-pagination-current{color:var(--primary-color)}
#carousel-section i{position:static}


@media(min-width:768px){
    #accomodation-carousel img,.carousel-placeholder img{aspect-ratio:1920/1280;}
}

@media(min-width:992px){
    #carousel-section .nav-carousel-control-wrapper{position: absolute;top: -8rem;right: 6.4rem;margin:0}
    #carousel-section .swiper-slide,.carousel-placeholder img {width:calc(100% - 6.4rem);width:calc(( (100% - 2 * 6.4rem - (12 - 1) * 2.4rem) / 12 ) * 8 + (8 - 1) * 2.4rem);}

}

@media(min-width:1280px){
    #carousel-section .nav-carousel-control-wrapper{gap:.8rem;top:-14rem}
    #carousel-section .carousel-placeholder img{width:calc(( (100% - 2 * 6.4rem - (12 - 1) * 2.4rem) / 12 ) * 6 + (6 - 1) * 2.4rem)}
    #carousel-section .swiper-slide {width:calc(( (100% - 2 * 6.4rem - (12 - 1) * 2.4rem) / 12 ) * 6 + (6 - 1) * 2.4rem);}
}

@media(min-width:1920px){
    #carousel-section .carousel-placeholder img{width:calc(( (100% - 2 * 6.4rem - (12 - 1) * 2.4rem) / 12 ) * 8 + (8 - 1) * 2.4rem)}
    #carousel-section .swiper-slide {width:calc(( (100% - 2 * 6.4rem - (12 - 1) * 2.4rem) / 12 ) * 8 + (8 - 1) * 2.4rem);}
    #carousel-section .swiper-slide,#carousel-section .carousel-placeholder img {width:calc(( (100% - 2 * 6.4rem - (12 - 1) * 2.4rem) / 12 ) * 6 + (6 - 1) * 2.4rem);}            
}


/* ACCOMODATION COMPOSITION */        
#accomodation-composition{padding:12rem 0 4.4rem 0}
#accomodation-composition .max-width{display:flex;gap:4.4rem;align-items: center;flex-direction: column-reverse;}
#accomodation-composition .max-width > div{width:100%;}  
#accomodation-composition__floorplan{position:relative;cursor:pointer}
#accomodation-composition__floorplan img{width:100%;height:auto;border-radius: 1.6rem;}
#accomodation-composition__floorplan button{pointer-events:none;border: 2px solid #fff;bottom: 1.6rem;right: 1.6rem;width: 4rem;height: 4rem;position: absolute;display: flex;place-content: center;align-items: center;border-radius: 50%;background: #fff;color: var(--primary-color);}
#accomodation-composition__floorplan button i{font-size:1.6rem}
#composition-details{display:flex;flex-direction:column;gap:3.2rem}
.composition-details__icon i{display:block;width:2rem;height:2rem;font-size:2rem;position: relative;color:var(--primary-color)}
.composition-details__icon i:before{position: absolute;left: 50%;transform: translateX(-50%);}        
.composition-details__icon i:after {position: absolute;content: "";width: 2.5rem;height: 2.5rem;top: -.5rem;left: -.75rem;border-radius: 100%;transition: all .3s ease;background-color: var(--accent-color);z-index: -1;}              
.composition-details__content{width:100%;}
.composition-details__content-header{display:flex;/*flex-direction:column;align-items: start;*/gap:1rem;margin-bottom:1.6rem;border-bottom:1px solid #D0D0D0;padding-bottom:.8rem}
.composition-details__title{text-transform: uppercase;font-size: 1.6rem;line-height: 1.2;letter-spacing: .1rem;margin:0}
.composition-details__list{display:flex;flex-direction: column;gap:.8rem;}
.composition-details__list li{display:flex;align-items: center;gap:.8rem;font-size:1.4rem;line-height:1.4}        
.composition-details__bullet {width: .9rem;height: .9rem;background-color: var(--primary-color);border-radius: 50%;flex-shrink: 0;}
.composition-details__size{text-transform:lowercase}

/*@media(min-width:380px) {
    .composition-details__content-header{flex-direction:row;align-items:center}
}*/

@media(min-width:992px){
    #accomodation-composition{padding:4.4rem 0}
    #accomodation-composition .max-width{flex-direction: row;gap:2.4rem}
    #accomodation-composition .max-width > div{width:calc(50% - 1.2rem)}
    .composition-details__item{width: calc((100% - 5 * 2.4rem) / 6 * 5 + 4 * 2.4rem);margin-left:calc((100% - 5 * 2.4rem) / 6);} 
}

@media(min-width:1280px) {
    hgroup h2{font-size:4.8rem}
}

@media(min-width:1366px) {
    #accomodation-composition__floorplan{width: calc((100% - 5 * 2.4rem) / 6 * 5 + 4 * 2.4rem)}  
    .composition-details__item{margin-left:0}
}

@media(min-width:1533px){       
    .composition-details__content-header{gap:1.6rem}
    .composition-details__content{flex:1;width:auto}   
    .composition-details__title{font-size:2.1rem ;margin-top:-.4rem}
    .composition-details__list li{font-size:1.6rem}
    .composition-details__bullet {width: 1.2rem;height: 1.2rem;}  
}

@media(min-width:1920px){
    #composition-details{gap:4.8rem}
/*    .composition-details__content-header{padding-bottom:1.6rem}*/
/*    .composition-details__icon i{width: 4rem;height: 4rem;font-size: 4rem;}
    .composition-details__icon i:after{width: 50px;height: 50px;top: -10px;left: -15px;} */
}


/* DOMANDE FREQUENTI */
#faq-section{padding:8.8rem 0}


/* FULL WIDTH IMAGE */
#full-image-section img{width:100%;height:auto;border-radius: 0 0 3.2rem 3.2rem;object-fit: cover;object-position: bottom;aspect-ratio:1}

@media(min-width:768px){
    #full-image-section img{aspect-ratio:1/.75;}    

}

@media(min-width:850px){
    #full-image-section img{aspect-ratio:1/.5 ;}
}      
 
@media(min-width:1280px){
    #full-image-section img{border-radius: 0 0 6.4rem 6.4rem;aspect-ratio: 1920/769;}
}


/* ALTRI ALLOGGI */
#altri-alloggi-section{padding:4.4rem 0;overflow:hidden}
#altri-alloggi-section .nav-carousel-control-wrapper{gap:.8rem}
#altri-alloggi-section .nav-carousel-control.disabled{opacity: .4;cursor: default;}
#altri-alloggi-section .swiper {overflow:visible}
.alloggi-list{/*display:flex;align-items: center;gap:2.4rem;*/margin-top:2.4rem;}
.card-alloggio{width:calc(95% - 1.2rem);}

@media(min-width:390px){
    .card-alloggio__info{padding:1.6rem 2.4rem}
}

@media(min-width:500px){
    .card-alloggio__name{font-size:2rem}
}

@media(min-width:650px){
    .card-alloggio{width:calc(75% - 1.2rem)}
}

@media(min-width:768px){
    .card-alloggio{width:calc(50% - 1.2rem)}
    .card-alloggio__name{font-size:1.6rem}
}

@media(min-width:992px){
    #altri-alloggi-section .nav-carousel-control-wrapper{margin: 0;position: absolute;top: -2.4rem;right: 0;transform: translateY(-100%);}
}

@media(min-width:1280px){
    #altri-alloggi-section{padding:8.8rem 0}
    .card-alloggio{width:calc(40% - 1.2rem)}
}

@media(min-width:1920px){
    #altri-alloggi-section .nav-carousel-control-wrapper{display:none}
    .card-alloggio{width: calc((100% - (2.4rem * 3)) / 4)}
}


/* CALL TO ACTION */
#call-to-action-section-inner{padding:4.4rem 0;background:var(--primary-color);border-radius: 0 0 3.2rem 3.2rem;position:relative;overflow:hidden}
#call-to-action-section-inner > .max-width{position:relative;}
#call-to-action-section h2{color:#fff;text-align: center;font-size: 3.6rem;font-weight: 400;margin:0;line-height:1.2}
#widget-booking{margin-top:3.2rem}

@media(min-width:1280px){    
    #call-to-action-section-inner{border-radius: 0 0 6.4rem 6.4rem;}
}


/* SCIDOO WIDGET OVERRIDE */
#widget-booking{min-height:196px}
#widget-booking .select_multistruttura{display:none!important}
#widget-booking .div_container_campi_inline{width:100%;gap: 0;margin: auto;padding: 0 !important;border-radius: 6.4rem;}
#widget-booking .div_riga_data{width:100%;overflow: hidden;margin-bottom:.8rem;border-radius:.8rem}
#widget-booking .div_container_campi_inline > div:nth-of-type(3){width: 100%;margin-bottom:.8rem;border-radius:.8rem;overflow:hidden}
#widget-booking #div_data_arrivo,
#widget-booking #div_data_partenza{flex:1;margin-bottom:0!important}
#widget-booking .div_input_inline{border-radius:0!important}
#widget-booking .div_input_inline.div_persone.pulsante_visualizza_popover_persone{border-left:none;border-right:none}
#widget-booking .div_container_campi_inline .prenota_ora_btn{cursor:pointer;border-radius: 3.2rem;color: #000 !important;font-family: var(--ff-heading) !important;font-size: 1.4rem!important;letter-spacing: 1px;}
#widget-booking .riga_link_scidoo{display:none}
#widget-booking #widget_calendario_container_js{padding:0!important}

@media(min-width:993px){
    #widget-booking{min-height:45px}
    #widget-booking .div_riga_data{width: 50%;margin-bottom:0;border-radius: 3.2rem 0 0 3.2rem;}    
    #widget-booking .div_container_campi_inline > div:nth-of-type(3),
    #widget-booking .div_container_campi_inline > div:nth-of-type(4),
    #widget-booking .div_container_campi_inline > div:nth-of-type(5){margin-left: 0!important;width: 25%;margin-bottom:0;border-radius:0}
    #widget-booking .div_container_campi_inline .prenota_ora_btn{border-radius: 0 3.2rem 3.2rem 0}
}

@media(min-width:1440px){
    #widget-booking .div_container_campi_inline{width: calc(((100% - (12 - 1) * 2.4rem) / 12) * 8 + (8 - 1) * 2.4rem);}
}

@media(min-width:1920px){
    #widget-booking .div_container_campi_inline{width: calc(((100% - (12 - 1) * 2.4rem) / 12) * 8 + (8 - 1) * 2.4rem);}
}