/*=========================================
        GALLERY MOBILE
=========================================*/

@media (max-width:768px){

    /* Titolo */

    .gallery-title{

        font-size:2.2rem;

        margin-bottom:20px;

    }

    /* Nasconde i pulsanti desktop */

    .gallery-tabs{

        display:none !important;

    }

    /* Mostra i pulsanti mobile */

    .gallery-tabs-mobile{

        display:grid;

        grid-template-columns:repeat(3,1fr);

        gap:12px;

        margin-bottom:20px;

        width:100%;

    }

    .gallery-tabs-mobile .room-tab{

        height:48px;

        border:none;

        border-radius:14px;

        background:#FFFFFF;

        color:#1E3558;

        font-family:'Playfair Display',serif;

        font-size:1rem;

        cursor:pointer;

        box-shadow:0 6px 18px rgba(0,0,0,.06);

        transition:.35s;

    }

    .gallery-tabs-mobile .room-tab.active{

        background:#214B4E;

        color:white;

    }

    /* Layout galleria */

    .gallery-grid{

        display:block;

    }

    .gallery-main{

        width:100%;

        margin-bottom:18px;

    }

    .gallery-main img{

        width:100%;

        height:340px;

        object-fit:cover;

        border-radius:18px;

    }


.gallery-thumbs{

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:10px;

    }

    /* Prima foto */

    .gallery-thumbs img:nth-child(1){

        grid-column:1 / 3;

    }

    /* Seconda foto */

    .gallery-thumbs img:nth-child(2){

        grid-column:1 / 3;

    }

    /* Terza foto */

    .gallery-thumbs img:nth-child(3){

        grid-column:1;

    }

    /* + FOTO */

    .gallery-more{

        grid-column:2;

    }

}

/* SERVIZI */


/*=========================================
        SERVIZI MOBILE
=========================================*/

@media (max-width:768px){

.room-services{

    padding:70px 0;

}

.services-title{

    font-size:2.2rem;

}

.services-subtitle{

    font-size:.95rem;

    margin:0 auto 35px;

    width:92%;

}

/* Layout */

.services-layout{

    display:flex;

    flex-direction:column;

    gap:35px;

}

/* Rimangono 2 colonne */

.services-grid{

    grid-template-columns:repeat(2,1fr);

    gap:12px;

}

/* Card */

.service-item{

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:18px 12px;

    gap:12px;

    border-radius:18px;

}

.service-item::before{

    display:none;

}

/* Icona */

.service-icon{

    width:52px;

    height:52px;

    font-size:1.3rem;

}

/* Testi */

.service-text h3{

    font-size:1rem;

    margin-bottom:6px;

}

.service-text p{

    font-size:.82rem;

    line-height:1.5;

}

/* Colonna Prenota */

.services-book{

    width:100%;

    text-align:center;

    padding:30px 20px;

    background:#FCFAF7;

    border-radius:22px;

    border:1px solid #ECE4D7;

}

.services-book h3{

    font-family:'Playfair Display',serif;

    font-size:1.8rem;

    color:#1E3558;

    margin-bottom:12px;

}

.services-book p{

    color:#666;

    margin-bottom:22px;

    line-height:1.6;

}

/* Bottone */

.services-book .btn-prenota{

    width:100%;

    padding:16px;

    border-radius:16px;

}

}

/* ROBA PER LE ANCORE */ 

.room-gallery{


    
      scroll-margin-top:52px;

}

.footer{
	
	
	scroll-margin-top:10px;
}

.room-services{
	
	
	
	scroll-margin-top:18px;
}


}