/*  Style.css Marsano  */


:root {
    --col-primary: #262D57;
    --col-secondary: #E5EBF2;
}

body {
    background-color: var(--col-secondary);
    background-image: url("data:image/svg+xml,%3Csvg id='Pittogramma' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1344.717' height='1528.701' viewBox='0 0 1344.717 1528.701'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rettangolo_1819' data-name='Rettangolo 1819' width='1344.717' height='1528.701' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Raggruppa_12' data-name='Raggruppa 12' clip-path='url(%23clip-path)'%3E%3Cg id='Raggruppa_11' data-name='Raggruppa 11'%3E%3Cg id='Raggruppa_10' data-name='Raggruppa 10' clip-path='url(%23clip-path)'%3E%3Cg id='Raggruppa_9' data-name='Raggruppa 9' opacity='0.05'%3E%3Cg id='Raggruppa_8' data-name='Raggruppa 8'%3E%3Cg id='Raggruppa_7' data-name='Raggruppa 7' clip-path='url(%23clip-path)'%3E%3Cpath id='Tracciato_235' data-name='Tracciato 235' d='M1030.422,117.62H938.376a15.3,15.3,0,0,0-11.987,5.792L560.778,584.626l-30.9-457.481a10.2,10.2,0,0,0-10.159-9.525H442.062a10.223,10.223,0,0,0-9.578,6.652l-253.8,681.122-7.953,21.336-1.968,5.315v.039l-10.391,27.831-10.042,26.928L9.136,1260.469h79.6a15.69,15.69,0,0,0,14.723-10.234L215.064,952.153l9.447-25.278,9.685-25.9,1.929-5.2,23.186-61.924,34.721-92.827,151.247-404.1,25.235,365.559a.667.667,0,0,0,.039.274,10.178,10.178,0,0,0,10.156,9.211h82.354a20.53,20.53,0,0,0,16.06-7.714L840.044,378.816v-.036l35.587-44.328L756.942,691.271a15.744,15.744,0,0,0,14.922,20.7h68.3l199.906-580.813A10.207,10.207,0,0,0,1030.422,117.62Z' transform='translate(20.728 266.856)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='6'/%3E%3Cpath id='Tracciato_236' data-name='Tracciato 236' d='M671.384.421c-369.966,0-670.963,301-670.963,671A666.846,666.846,0,0,0,116.042,1047.57l22.359-60A615.759,615.759,0,0,1,51.519,671.423c0-341.818,278.086-619.865,619.865-619.865,341.818,0,619.865,278.047,619.865,619.865,0,170.889-69.521,325.837-181.755,438.11-112.234,112.234-267.221,181.755-438.11,181.755a616.117,616.117,0,0,1-335.64-98.966l-18.305,48.895a666.568,666.568,0,0,0,353.945,101.169c370,0,671-300.994,671-670.963C1342.386,301.418,1041.388.421,671.384.421Z' transform='translate(0.955 0.955)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='6'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");    background-position: 145% 20%;
    background-position: 175% 20%;
    background-size: 70%;
    background-repeat: no-repeat;
}
.wrap {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contatti-mobile, .copy-mobile {
    display: none !important;
}

/* .outfit-<uniquifier> {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
} */


body * {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

body header *, body main * {
    color: var(--col-primary);
}

#logo img {
    max-height: 86px;
}

.icona {
    width: 16px;
    height: auto;
    margin-right: 10px;
}

footer > div {
    background-color: var(--col-primary);
    border-radius: 14px;
}

body h1 {
    font-size: 3.7rem !important;
    font-weight: 600;
}
a, p, h6 {
    font-size: 1rem !important;
}
a {
    text-decoration: none !important;
    font-weight: 400;
}
h6 {
    font-weight: 600;
    margin-bottom: 4px;
}
p {
    font-weight: 300;
}
#btn-contatti {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}
.btn-contatto {
    background-color: var(--col-primary);
    color: #fff;
    padding: 18px 32px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 26px;
    max-height: 50px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}
.btn-contatto:hover {
    filter: brightness(1.4);
}
.btn-contatto.btn-wa {
    background-color: #262d57ba;
}
section:has(.indirizzo) {
    gap: 40px;
}
.indirizzo:nth-child(2) {
    margin-left: 0;
    margin-right: auto;
}


@media only screen and (max-width: 1024px) {
    .contatti-desktop, .copy-desktop {
        display: none !important;
    }
    .contatti-mobile, .copy-mobile {
        display: flex !important;
    }
    body main.my-5.pt-5 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    section:has(.indirizzo) {
        column-gap: 0;
        flex-wrap: wrap;
    }
    .indirizzo {
        width: 50%;
    }
}


@media only screen and (max-width: 600px) {
    .indirizzo {
        width: 100%;
    }
    body h1 {
        font-size: 2rem !important;
    }
    #logo img {
        max-height: 60px;
    }
    #btn-contatti {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .contatti-mobile {
        display: inline-block !important;
    }
    .btn-contatto.btn-wa {
        margin-top: 16px;   
    }
    section:has(.indirizzo) {
        gap: 16px;
    }
    .copy-mobile p {
        font-size: .9rem !important;
        margin-top: 24px;
    }
    header.py-5 {
        padding-top: 1.5rem !important;
    }
    main.my-5 {
        margin-bottom: 1.5rem !important;
    }
    body {
        background-position: -35% 30%;
        background-size: 150%;
    }

}