*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#f2ede5;
    padding:0;
}

.hero-header{
    position:relative;
    max-width:950px;
    margin:0 auto;
}

.hero-header img{
    display:block;
    width:100%;
    height:auto;
}

.link-whatsapp{
    position:absolute;
    left:65%;
    top:31%;
    width:30%;
    height:25%;
}

.link-facebook{
    position:absolute;
    left:72%;
    top:73%;
    width:6%;
    height:8%;
}

.link-instagram{
    position:absolute;
    left:80%;
    top:73%;
    width:6%;
    height:8%;
}


/* SEZIONE SERVIZI */

.servizi{
    max-width:950px;
    margin:0 auto 40px auto;
    padding:30px 20px 5px 20px;
    background:#f2ede5;
    text-align:center;
}

.servizi h2{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:34px;
    line-height:1.1;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#d85e55;
}

.decor-cuore{
    display:block;
    width:160px;
    height:auto;
    margin:8px auto 30px auto;
}

.servizi-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0;
}

.servizio-box{
    padding:0 34px;
    border-right:1px solid #d85e55;
}

.servizio-box:last-child{
    border-right:none;
}

.servizio-icon{
    display:block;
    height:105px;
    width:auto;
    margin:0 auto 18px auto;
    object-fit:contain;
}

.servizio-box h3{
    margin:0 0 14px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:22px;
    text-transform:uppercase;
    color:#d85e55;
}

.servizio-box p{
    margin:0;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:17px;
    line-height:1.45;
    color:#222;
}

@media(max-width:760px){

    .servizi{
        padding-left:18px;
        padding-right:18px;
    }

    .servizi-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .servizio-box{
        border-right:none;
        border-bottom:1px solid #d85e55;
        padding:0 10px 32px 10px;
    }

    .servizio-box:last-child{
        border-bottom:none;
        padding-bottom:0;
    }

}


.servizi{margin:-10px auto 40px auto;}


/* PALETTE UNICA STEP 3 */

:root{
    --coral:#d85e55;
    --cream:#f2ede5;
}

body{
    background:var(--cream);
}

.hero-header{
    margin:0 auto;
}

.servizi{
    background:var(--cream);
    margin:-10px auto 40px auto;
    padding-top:28px;
}

.servizi h2,
.servizio-box h3{
    color:var(--coral);
}

.decor-cuore{
    margin:5px auto 22px auto;
}

.servizio-box{
    border-right:1px solid var(--coral);
}

.servizio-icon{
    width:105px;
    height:105px;
    object-fit:contain;
    background:transparent;
}

@media(max-width:760px){
    .servizio-box{
        border-right:none;
        border-bottom:1px solid var(--coral);
    }
}


/* step4 png */
.servizio-icon{background:none !important;}
.servizi-grid .servizio-box:nth-child(1) .servizio-icon{width:135px;height:auto;}
.servizi-grid .servizio-box:nth-child(2) .servizio-icon{width:165px;height:auto;}
.servizi-grid .servizio-box:nth-child(3) .servizio-icon{width:145px;height:auto;}
.decor-cuore{width:180px;height:auto;}


/* STEP 5 - rifinitura */
.servizi{
    margin:-20px auto 40px auto !important;
}

/* area cliccabile: numero + scritta verde WhatsApp + tondino verde */
.link-whatsapp{
    left:65% !important;
    top:31% !important;
    width:30% !important;
    height:28% !important;
    z-index:20;
}


/* MODIFICHE FULVIO - base font */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:"Trebuchet MS", Arial, sans-serif;
    background:#f2ede5;
    padding:0;
}

.servizio-box p{
    margin:0;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-size:16px;
    line-height:1.30;
    color:#222;
}

/* TERZA RIGA - COME ORDINARE */

.come-ordinare-section{
    max-width:950px;
    margin:5px auto 5px auto;
}

.come-ordinare-box{
    position:relative;
    width:100%;
}

.come-ordinare-box img{
    display:block;
    width:100%;
    height:auto;
}

/* area cliccabile su numero + logo WhatsApp */
.link-come-whatsapp{
    position:absolute;
    left:63%;
    top:14%;
    width:31%;
    height:70%;
    z-index:20;
}


/* QUARTA RIGA - IL MENU */

.menu-section{
    max-width:950px;
    margin:0 auto 5px auto;
}

.menu-box{
    position:relative;
    width:100%;
}

.menu-bg{
    display:block;
    width:100%;
    height:auto;
}

/* QR code cliccabile */
.menu-qr-link{
    position:absolute;
    left:32.5%;
    top:17%;
    width:17%;
    height:auto;
    z-index:20;
    display:block;
}

.menu-qr-link img{
    display:block;
    width:100%;
    height:auto;
}