#contenitore{
    padding-top: 0 !important;
}

.STILE_location-ico-list{

    display: grid;
    grid-template-columns: repeat(9, auto);
    gap: 1.5rem;
    justify-content: center;
    align-items: center;

    
    

    a{
        display: flex;
        justify-content: center;
        align-items: center;
        filter: saturate(0) brightness(3);
        transition: filter .5s ease;

        &:hover{
            filter: saturate(1) brightness(1.75);
        }
    }

    img{
        display: block;
        height: 64px;
        object-position: center;
    }

    @media only screen and (max-width: 850px) {
        grid-template-columns: repeat(3, auto);

        img{
            height: 60px;
        }
    }
}




.blocco-txt{

        min-height: 100%;
        display: flex;
        flex-direction: column;

        .tit {
            min-height: 90px;
            max-height: 100%;

            text-align: center;

            display: flex;
            justify-content: center;
            align-items: center;

            @media only screen and (max-width: 850px){
                min-height: 0;
                text-align: left;
                display: block;
            }
        }
        .testo{
            height: min-content;
        }
        
        .blocco-ico{
            display: block;
            height: 98px;
            margin: 0 auto 8px;
        }
}



 /* 
  ===============================
      GALLERY
  ===============================
/* Gallery: 3x2 grid with first image full-height (left) and others 2x2 on the right */

.gallery{
    width: var(--larghezza) !important;
    max-width: 80% !important;
    padding-bottom: 1rem !important;

    @media only screen and (max-width: 1760px) {
        width: 90vw !important; 
        max-width: 100% !important;
    }
}

.gallery-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem;
    width: 100%;
    /* keeps each cell at 4:3 (3 columns x 2 rows -> overall 2:1) */
    aspect-ratio: 2 / 1;
    align-items: stretch;
}

.gallery-grid .gallery-item{
    position: relative;
    overflow: hidden;
    display: block;
    background: var(--grigio01);
}

.gallery-grid .gallery-item img,
.gallery-grid .gallery-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* first image: occupy left column and both rows */
.gallery-grid .gallery-item:first-child{
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

/* responsive: on narrow screens stack items and keep 4:3 aspect ratio per item */
@media (max-width: 800px){
    .gallery-grid{
        grid-template-columns: 1fr;
        grid-template-rows: none;
        aspect-ratio: unset;
        gap: .75rem;
    }

    .gallery-grid .gallery-item:first-child{
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .gallery-grid .gallery-item{
        aspect-ratio: 4 / 3;
    }
}