/*
====================================================================
 ABITAPRONTO24 - HOME PHOTO V8
 Questo foglio viene caricato DOPO style.css.
====================================================================
*/


/* ================================================================
   RESET DELLE VECCHIE DECORAZIONI HOME
   ================================================================ */

body:not(.ap-internal)::before,
body:not(.ap-internal)::after,
body:not(.ap-internal) .hero::before,
body:not(.ap-internal) .hero::after,
body:not(.ap-internal) .request::before,
body:not(.ap-internal) .request::after{
    display:none !important;
}


/* ================================================================
   HOME
   ================================================================ */

body:not(.ap-internal){
    background:#e9eee9 !important;
}


/* ================================================================
   HEADER
   ================================================================ */

body:not(.ap-internal) .site-header{
    background:rgba(251,251,248,.95) !important;
    border-bottom:1px solid rgba(16,48,34,.08) !important;
    box-shadow:0 8px 35px rgba(15,40,29,.055) !important;
    backdrop-filter:blur(20px) !important;
}

body:not(.ap-internal) .header-shell{
    max-width:1420px !important;
    height:82px !important;
}


/* ================================================================
   HERO
   FOTO REALE A TUTTA LARGHEZZA
   ================================================================ */

body:not(.ap-internal) .hero{
    position:relative !important;

    min-height:730px !important;

    overflow:hidden !important;

    border:0 !important;

    background-color:#d9e0da !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(247,249,246,.98) 0%,
            rgba(247,249,246,.94) 31%,
            rgba(247,249,246,.79) 48%,
            rgba(247,249,246,.30) 71%,
            rgba(247,249,246,.08) 100%
        ),
        linear-gradient(
            180deg,
            rgba(10,35,25,.02),
            rgba(10,35,25,.14)
        ),
        url("/assets/img/home-v8/hero.jpg")
        !important;

    background-size:
        cover,
        cover,
        cover
        !important;

    background-repeat:
        no-repeat
        !important;

    background-position:
        center,
        center,
        center 52%
        !important;
}


/* ================================================================
   HERO GRID
   ================================================================ */

body:not(.ap-internal) .hero-shell{
    position:relative !important;

    z-index:2 !important;

    max-width:1420px !important;

    min-height:730px !important;

    margin:0 auto !important;

    padding:85px 40px 95px !important;

    display:grid !important;

    grid-template-columns:
        minmax(520px,680px)
        1fr
        !important;

    gap:70px !important;

    align-items:center !important;
}


/* ================================================================
   TOGLIAMO COMPLETAMENTE IL CARTONE ANIMATO
   ================================================================ */

body:not(.ap-internal) .hero-visual{
    display:none !important;
}


/* ================================================================
   TESTO HERO
   ================================================================ */

body:not(.ap-internal) .hero-copy{
    max-width:660px !important;

    padding:34px 36px 36px !important;

    border:1px solid rgba(255,255,255,.62) !important;

    border-radius:28px !important;

    background:rgba(250,251,248,.79) !important;

    box-shadow:
        0 25px 75px rgba(15,43,30,.13)
        !important;

    backdrop-filter:
        blur(14px)
        !important;
}


body:not(.ap-internal) .eyebrow{
    width:max-content !important;

    padding:8px 13px !important;

    border-radius:999px !important;

    border:1px solid rgba(24,72,50,.10) !important;

    background:rgba(29,89,61,.08) !important;

    color:#21563d !important;
}


body:not(.ap-internal) .hero h1{
    max-width:620px !important;

    margin:21px 0 0 !important;

    color:#101a13 !important;

    font-size:
        clamp(3.2rem,4.6vw,5.35rem)
        !important;

    line-height:.94 !important;

    letter-spacing:-.062em !important;
}


body:not(.ap-internal) .hero h1 em{
    display:block !important;

    margin-top:11px !important;

    color:#327050 !important;

    font-size:.76em !important;

    line-height:1.02 !important;

    letter-spacing:-.05em !important;
}


body:not(.ap-internal) .hero-lead{
    max-width:570px !important;

    margin-top:26px !important;

    color:#46574d !important;

    font-size:1.01rem !important;

    line-height:1.68 !important;
}


/* ================================================================
   PULSANTI
   ================================================================ */

body:not(.ap-internal) .hero-actions{
    margin-top:27px !important;
    gap:10px !important;
}


body:not(.ap-internal) .button-primary{
    min-height:54px !important;

    padding:0 22px !important;

    border-radius:14px !important;

    background:#12603e !important;

    box-shadow:
        0 12px 30px rgba(10,75,46,.22)
        !important;
}


body:not(.ap-internal) .button-primary:hover{
    background:#0c4c31 !important;
    transform:translateY(-2px) !important;
}


body:not(.ap-internal) .button-link{
    min-height:54px !important;

    padding:0 19px !important;

    display:inline-flex !important;

    align-items:center !important;

    border:1px solid rgba(20,68,46,.11) !important;

    border-radius:14px !important;

    background:rgba(255,255,255,.78) !important;
}


/* ================================================================
   BENEFIT
   ================================================================ */

body:not(.ap-internal) .hero-benefits{
    margin-top:23px !important;
    gap:8px !important;
}

body:not(.ap-internal) .hero-benefits span{
    padding:7px 10px !important;

    border-radius:999px !important;

    border:1px solid rgba(18,64,43,.09) !important;

    background:rgba(255,255,255,.73) !important;

    color:#46584d !important;
}


/* ================================================================
   TRUST
   ================================================================ */

body:not(.ap-internal) .trust{
    position:relative !important;

    z-index:5 !important;

    margin-top:-42px !important;

    padding:0 30px 58px !important;

    border:0 !important;

    background:transparent !important;
}

body:not(.ap-internal) .trust-shell{
    max-width:1320px !important;

    padding:9px !important;

    display:grid !important;

    grid-template-columns:repeat(4,1fr) !important;

    gap:8px !important;

    border:1px solid rgba(14,57,37,.09) !important;

    border-radius:22px !important;

    background:rgba(253,253,250,.95) !important;

    box-shadow:
        0 22px 65px rgba(12,38,27,.14)
        !important;

    backdrop-filter:blur(16px) !important;
}

body:not(.ap-internal) .trust-shell > div{
    min-height:96px !important;

    padding:19px 20px !important;

    border:0 !important;

    border-radius:15px !important;

    background:#f5f8f4 !important;
}


/* ================================================================
   SERVIZI - FOTO CANTIERE
   ================================================================ */

body:not(.ap-internal) .services{
    position:relative !important;

    padding:118px 30px !important;

    background-color:#e4ebe5 !important;

    background-image:
        linear-gradient(
            rgba(238,244,239,.90),
            rgba(238,244,239,.90)
        ),
        url("/assets/img/home-v8/construction.jpg")
        !important;

    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;

    background-attachment:fixed !important;
}


body:not(.ap-internal) .service-grid article{
    padding:17px 17px 23px !important;

    border:1px solid rgba(16,60,39,.09) !important;

    border-radius:20px !important;

    background:rgba(255,255,255,.93) !important;

    box-shadow:
        0 15px 40px rgba(12,40,27,.10)
        !important;

    backdrop-filter:blur(10px) !important;
}


/* ================================================================
   RICHIESTA - FOTO APPARTAMENTO
   ================================================================ */

body:not(.ap-internal) .request{
    position:relative !important;

    padding:120px 30px !important;

    background-color:#dce5de !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(229,238,231,.94),
            rgba(229,238,231,.80)
        ),
        url("/assets/img/home-v8/apartment.jpg")
        !important;

    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;

    background-attachment:fixed !important;
}


body:not(.ap-internal) .request-intro{
    padding:27px !important;

    border-radius:23px !important;

    border:1px solid rgba(255,255,255,.55) !important;

    background:rgba(250,251,248,.86) !important;

    box-shadow:
        0 18px 55px rgba(12,42,28,.11)
        !important;

    backdrop-filter:blur(15px) !important;
}


body:not(.ap-internal) .wizard{
    border:1px solid rgba(255,255,255,.64) !important;

    background:rgba(255,255,255,.97) !important;

    box-shadow:
        0 30px 80px rgba(10,42,27,.18)
        !important;

    backdrop-filter:blur(16px) !important;
}


/* ================================================================
   COME FUNZIONA
   ================================================================ */

body:not(.ap-internal) .how{
    background:
        linear-gradient(
            135deg,
            #092d20,
            #13523a
        )
        !important;
}


/* ================================================================
   PROFESSIONISTI - FOTO CASA
   ================================================================ */

body:not(.ap-internal) .professionals{
    position:relative !important;

    padding:120px 30px !important;

    background-color:#e2e9e3 !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(241,246,242,.95),
            rgba(241,246,242,.79)
        ),
        url("/assets/img/home-v8/professionals.jpg")
        !important;

    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;

    background-attachment:fixed !important;
}


body:not(.ap-internal) .professional-shell > div:first-child{
    padding:28px !important;

    border-radius:23px !important;

    background:rgba(250,251,248,.88) !important;

    box-shadow:
        0 18px 55px rgba(12,41,28,.10)
        !important;

    backdrop-filter:blur(14px) !important;
}


body:not(.ap-internal) .pro-grid > div{
    background:rgba(255,255,255,.94) !important;

    box-shadow:
        0 14px 38px rgba(11,40,27,.09)
        !important;
}


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

@media(max-width:980px){

    body:not(.ap-internal) .hero-shell{
        grid-template-columns:1fr !important;
    }

}


@media(max-width:720px){

    body:not(.ap-internal) .hero{
        min-height:auto !important;

        background-image:
            linear-gradient(
                rgba(247,249,246,.90),
                rgba(247,249,246,.82)
            ),
            url("/assets/img/home-v8/hero.jpg")
            !important;

        background-position:center !important;
    }

    body:not(.ap-internal) .hero-shell{
        min-height:auto !important;

        padding:50px 17px 78px !important;
    }

    body:not(.ap-internal) .hero-copy{
        padding:25px 20px !important;
        border-radius:21px !important;
    }

    body:not(.ap-internal) .hero h1{
        font-size:clamp(2.9rem,13vw,4rem) !important;
    }

    body:not(.ap-internal) .hero-actions{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    body:not(.ap-internal) .button-primary,
    body:not(.ap-internal) .button-link{
        width:100% !important;
        justify-content:center !important;
    }

    body:not(.ap-internal) .trust{
        margin-top:-25px !important;
        padding:0 13px 38px !important;
    }

    body:not(.ap-internal) .trust-shell{
        grid-template-columns:1fr 1fr !important;
    }

    body:not(.ap-internal) .services,
    body:not(.ap-internal) .request,
    body:not(.ap-internal) .professionals{
        background-attachment:scroll !important;
    }

    body:not(.ap-internal) .request-intro{
        position:static !important;
    }

}


@media(max-width:460px){

    body:not(.ap-internal) .trust-shell{
        grid-template-columns:1fr !important;
    }

}