/* bottom menu */
#bottom-menu{transition:transform .5s ease;transform:translateY(calc(100% + .8rem));left:.8rem;}

/* HERO */
.hero{height: calc(100svh + 11.8rem);}
.hero img{height:100svh;object-fit:cover;width:100%;display:block;}
/*.hero .container-video{position:fixed;}*/
.hero .container-video::after{background: rgba(0, 0, 0, .4);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.hero iframe{pointer-events:none}
.hero__copy{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50%));text-align:center;width:100%;z-index:1;}

.hero__copy h1{margin:0;}
.hero__copy h1 img{width:50%;max-width:34rem;height:auto;border-radius:0;margin:auto;}
.hero__copy p{transform-origin:left;color:#fff;font-family:var(--ff-default);font-size: 2.4rem;font-weight:300;font-style:italic;line-height:1.3}

.hero__copy{visibility:hidden;}


.hero a.button{width:90%;}
.hero a.button--primary{color:#fff;border-color:#fff;margin-top:1.6rem}

@media(min-width:500px){
    .hero__copy h1 img{width:75%}
}

@media(min-width:768px){
    .hero__cta-wrapper{display:inline-flex;gap:2.4rem;}
    .hero__cta-wrapper a.button{width:28rem}
    .hero a.button--primary{margin-top:0;}
}

@media(min-width:1280px){
    .hero__copy h1 img{width:45rem;max-width:100%;}
    .hero__copy p{font-size:3.2rem;line-height:1;margin: 4.4rem auto 2rem;}
    .hero__cta-wrapper{margin-top:4.4rem}
}

@media(min-width:1920px){
    .hero__copy{transform:translate(-50%,-50%);}
}

#welcome,
#sistemazioni,
#vacanze-per-tutti-section,
#servizi,
#territorio-section,
#last-site-cta,
#site-footer{position:relative;z-index:1;}

/* WELCOME */
#welcome{text-align:center;}
#welcome h3{place-content:center;flex-direction:column;gap:2.4rem}
#welcome .section__buttons{display:flex;gap:2.4rem;place-content:center;flex-direction:column}
#welcome img:not(.pappaloop-prefix-title){display:block;width:100%;height:auto;margin-top:4.4rem;border-radius:1.6rem;aspect-ratio: 1;object-fit: cover;}
        
@media(min-width:768px){
    #welcome img:not(.pappaloop-prefix-title){aspect-ratio:auto}
    #welcome .section__buttons{flex-direction:row;}
    #welcome .button{width:calc(50% - 1.2rem)}
}

@media(min-width:1280px) {
    #welcome p{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 10 + (10 - 1) * 2.4rem);margin:auto;font-size:1.8rem;margin-top:2.4rem}
    #welcome .section__buttons{margin-top:4.8rem}
    #welcome .button{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 4 + (4 - 1) * 2.4rem);}
}

@media(min-width:1440px){
    #welcome h2{font-size:6.4rem}
    #welcome .button{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 2 + (2 - 1) * 2.4rem);}
}

@media(min-width:1920px) {
    #welcome p{width:calc(((100% - (12 - 1) * 2.4rem) / 12) * 8 + (8 - 1) * 2.4rem);margin:auto;font-size:1.8rem;margin-top:2.4rem}
}



/* CONTENT MEDIA */       
#vacanze-per-tutti__buttons{display:flex;flex-direction:column;gap:2.4rem;margin-top:2.4rem;width:100%;}

@media(min-width:1280px){
    #vacanze-per-tutti-section.content-media{flex-direction:row-reverse}
    #vacanze-per-tutti-section .content-media__image{object-position: right}
    #vacanze-per-tutti__buttons,#territorio__buttons{width:calc((100% - 4 * 2.4rem) / 5 * 3 + 2 * 2.4rem);margin-top:4.8rem}
}

@media(min-width:1440px){
    #vacanze-per-tutti__buttons,#territorio__buttons{width:calc((100% - 4 * 2.4rem) / 5 * 3 + 2 * 2.4rem);}            
}



/* SERVIZI */
#servizi{padding:4.4rem 0;overflow:hidden}
.servizi-list{margin-top:2.4rem}
.servizi-list__carousel.swiper{overflow:visible}
.servizi-list__carousel.swiper .swiper-slide{width:calc(95% - 1.2rem);}
.servizi-list__carousel.swiper .card-servizio{width:100%;}
.card-servizio {display: block;border-radius: 1.6rem;overflow: hidden;position:relative}
.card-servizio img{display:block;width:100%;height:auto;aspect-ratio:468/624;object-fit:cover}
.card-servizio picture{display:block;position:relative}
.card-servizio picture:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%);pointer-events: none;}
.card-servizio__title{color:#fff;position:absolute;left:1.6rem;bottom:2.4rem;font-size:2.4rem;line-height:1;margin:0}
.card-servizio__fake-button {border: 2px solid #fff;bottom:1.6rem;right:1.6rem;width:4rem;height:4rem; position: absolute;display: flex;color:#fff;place-content: center;align-items: center;border-radius: 50%;}
#servizi .nav-carousel-control-wrapper{gap:.8rem}

@media(min-width:500px){
    .card-servizio__title{font-size:3.2rem}
    .card-servizio__fake-button{bottom:2rem}
    #servizi .nav-carousel-control-wrapper{margin: 0;position: absolute;top: -2.4rem;right: 0;transform: translateY(-100%);}
}

@media(min-width:650px){
    .servizi-list__carousel.swiper .swiper-slide{width:calc(75% - 1.2rem)}
    .card-servizio img{aspect-ratio:8/5;object-fit:cover}
}

@media(min-width:768px){
    .servizi-list__carousel.swiper .swiper-slide{width:calc(50% - 1.2rem)}
}

@media(min-width:1280px){
    .servizi-list__carousel.swiper .swiper-slide{width:calc(40% - 1.2rem)}
    .card-servizio img{aspect-ratio:468/624;}
    .card-servizio__title{font-size:2.4rem}
    #altri-alloggi-section .nav-carousel-control-wrapper{display:none}
    .servizi-list__carousel.swiper .swiper-slide{width: calc((100% - (2.4rem * 3)) / 4)}
}

@media(min-width:1440px){
    #servizi{padding:8.8rem 0}
    #servizi h2{font-size:6.4rem;line-height:1.1}
    .card-servizio__title{font-size:3.2rem}
}