.elementor-1456 .elementor-element.elementor-element-71e7ab0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1456 .elementor-element.elementor-element-8b3322a{--display:flex;}.elementor-1456 .elementor-element.elementor-element-30fc2d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-163e1b0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-56663d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1456 .elementor-element.elementor-element-62d507f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-5e2fd69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1456 .elementor-element.elementor-element-f1b53ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1456 .elementor-element.elementor-element-9bd87c5{--display:flex;}.elementor-1456 .elementor-element.elementor-element-05d5081{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-2b7ef2b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-231baa1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1456 .elementor-element.elementor-element-8b55276{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-a86d259{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-8027a0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1456 .elementor-element.elementor-element-ac6e3f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1456 .elementor-element.elementor-element-b89f4c4{--display:flex;}@media(max-width:1024px){.elementor-1456 .elementor-element.elementor-element-71e7ab0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-8b3322a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1456 .elementor-element.elementor-element-71e7ab0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-8b3322a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-212bace{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1456 .elementor-element.elementor-element-f1b53ff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-9bd87c5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-ac6e3f8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1456 .elementor-element.elementor-element-b89f4c4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-8027a0d */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');

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

html,
body{
    width:100%;
    height:100%;
}

body{
    font-family:'Montserrat',sans-serif;
    overflow-x:hidden;
}

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

.hero{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
}

/* =========================
   SLIDER
========================= */

.slider{
    position:absolute;
    inset:0;
    z-index:1;
}

.slide{
    position:absolute;
    inset:0;

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    opacity:0;

    will-change:opacity, transform;

    animation:heroSlider 28s infinite linear;
}

/* =========================
   IMAGENS
========================= */

.slide-1{
    background-image:url('https://quintalarquitetura.com.br/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-22-at-12.43.54.jpeg');
    animation-delay:0s;
}

.slide-2{
    background-image:url('https://quintalarquitetura.com.br/wp-content/uploads/2026/06/oolhar_quintal_apeguarapuvu-32.jpg');
    animation-delay:7s;
}

.slide-3{
    background-image:url('https://quintalarquitetura.com.br/wp-content/uploads/2026/06/Quintal_Aloe_Finais-2-scaled.jpg');
    animation-delay:14s;
}

.slide-4{
    background-image:url('https://quintalarquitetura.com.br/wp-content/uploads/2026/06/oolhar_quintal_ranchodosjarvinhos-2-scaled.jpg');
    animation-delay:21s;
}

/* =========================
   TRANSIÇÃO
========================= */

@keyframes heroSlider{

    0%{
        opacity:0;
        transform:scale(1);
    }

    2%{
        opacity:1;
        transform:scale(1);
    }

    23%{
        opacity:1;
        transform:scale(1.08);
    }

    25%{
        opacity:0;
        transform:scale(1.09);
    }

    100%{
        opacity:0;
        transform:scale(1.09);
    }

}

/* =========================
   OVERLAY
========================= */

.overlay{
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.08);

    z-index:2;
}

/* =========================
   NAVBAR
========================= */

.navbar{
    position:absolute;

    top:48px;
    left:75px;
    right:75px;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    z-index:20;
}

/* =========================
   LOGO
========================= */

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    width:340px;
    height:auto;
    display:block;
}

/* =========================
   MENU
========================= */

nav{
    display:flex;
    align-items:center;
    gap:42px;

    padding-top:18px;
}

nav a{
    color:#ffffff;

    text-decoration:none;

    font-family:'Montserrat',sans-serif;

    font-size:13px;
    font-weight:400;

    text-transform:uppercase;

    letter-spacing:.18em;

    transition:opacity .3s ease;
}

nav a:hover{
    opacity:.65;
}

/* =========================
   RESPONSIVO
========================= */

@media(max-width:991px){

    .navbar{
        left:40px;
        right:40px;
        top:35px;
    }

    .logo img{
        width:250px;
    }

    nav{
        gap:24px;
    }

    nav a{
        font-size:12px;
    }

}

@media(max-width:768px){

    .navbar{
        top:24px;
        left:24px;
        right:24px;
    }

    .logo img{
        width:180px;
    }

    nav{
        display:none;
    }

}/* End custom CSS */