section.descrizione > div.maxwidth{
    text-align: left;

    &  > h2{
        color: var(--blu-logo-scuro);
    }
}


section.strutture > div.maxwidth{
    display: flex;
    flex-direction: column;
    text-align: center;

    & > article{
        display: flex;
        flex-wrap: wrap;
        text-align: left;
        width: 100%;
        margin: 0 auto 30px;
        padding-bottom: 30px;
        gap: 20px;
        border-bottom: 1px dashed var(--blu-logo-scuro);

        &:first-of-type{
            margin-top: 30px;
            padding-top: 30px;
            border-top: 1px dashed var(--blu-logo-scuro);
        }

        & > picture{
            width: auto;
            height: 300px;
            display: block;

            & > img{
                width: 100%;
                height: 100%;
                display: block;
                object-fit: contain;
                border-radius: 10px;
            }
        }

        & > div.text{
            width: auto;
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;

            & > p:first-of-type{
                margin-bottom: 10px;
                color: goldenrod;
                letter-spacing: 4px;
            }

            & > h3{
                margin-bottom: 0;
            }

            & > address > a{
                display: block;
                padding: 10px 0 10px;
                font-style: italic;
                color: #1026b8;
            }

            & > div.proprieta{
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 4px;

                & > :where(p, address, div.row){
                    margin: 0;

                    &:is(address) > a{
                        text-decoration: underline;
                    }
                    &:is(p),
                    & > a {
                        display: flex;
                        flex-direction: row;
                        gap: 10px;

                        & > span{
                            width: 30px;
                        }
                    }
                    &:is(div.row){
                        display: flex;
                        flex-direction: row;

                        & > span{
                            margin-right: 10px;
                            width: 30px;
                        }

                        & > p > a{
                            text-decoration: underline;
                        }
                    }
                }
            }

            & > i{
                border-bottom: 1px dotted rgb(187, 187, 187);
                margin-bottom: 15px;
            }

            & > a.btn2{
                width: fit-content;
                margin-top: auto;
            }
        }
    }
}



@media (max-width: 768px){
    section.strutture > div.maxwidth > article{
        flex-direction: column;

        & > picture{
            width: 100%;
            height: 100%;
            aspect-ratio: 5/3;

            & > img{
                object-fit: cover;
            }
        }

        & > div.text > a.btn2{
            width: unset;
            text-align: center;
            margin-top: 30px;
        }
    }
}

@media (max-width: 768px){
    section.strutture > div.maxwidth > article > picture{
        aspect-ratio: unset;
        height: 350px;
    }
}