@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?meo3yn');
    src: url('fonts/icomoon.eot?meo3yn#iefix') format('embedded-opentype'),
         url('fonts/icomoon.ttf?meo3yn')  format('truetype'),
         url('fonts/icomoon.woff?meo3yn') format('woff'),
         url('fonts/icomoon.svg?meo3yn#icomoon') format('svg');

    font-style: normal;
    font-display: swap;
    font-weight: normal;
}

[class^="icon-"], [class*=" icon-"] {
    speak: never;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;

    /* Better Font Rendering ======== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-phone-alt:before {
    content: "\e900";
}
.icon-whatsapp:before {
    content: "\f232";
}

* {
    border: 0px;
    margin: 0px;
    padding: 0px;
    resize: none;
    outline: none;
    font-style: normal;
    background: transparent;
    font-family: 'Montserrat', sans-serif;
}

:root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray: #5B5B5F;
    --color-wine: #8B373B;
    --color-orange: #B74A28;
    --color-brown: #9C513C;
    --color-yellow: #DCB740;
    --color-med-yellow: #DEAF2F;
}

html,
body {
    font-size: 10px;
    line-height: 10px;
}

body {
    overflow-x: hidden;
    padding-top: 15.3rem;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

strong {
    font-weight: 700;
}

a,
button {
    cursor: pointer;
    transition: 0.3s ease;
}

a,
a:focus,
a:active {
    text-decoration: none;
}

[class^="vector-"] {
    position: absolute;
    pointer-events: none;
}

/*** header ***/
header {
    top: 0rem;
    left: 0rem;
    right: 0rem;
    z-index: 250;
    position: fixed;
    background: var(--color-white);
}

header nav {
    height: 15.3rem;
    transition: 0.3s ease;
}

header.shrink nav {
    height: 11.5rem;
}

header .brand {
    width: 19rem;
    display: block;
    transition: 0.3s ease;
}

header.shrink .brand {
    width: 15rem;
}

header .menu a {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 3.0rem;
    color: var(--color-wine);
    text-transform: uppercase;

    display: block;
    margin: 0rem 0.5rem;
    padding: 0rem 1.5rem;
}

header .menu a:first-child {margin-left: 0rem}
header .menu a:last-child {margin-right: 0rem}

header .menu a.active {
    font-weight: 700;
    color: var(--color-white);
    background: linear-gradient(-90deg, var(--color-yellow) 0%, var(--color-wine) 100%);
}

header .toggle {display: none;}

/*** banner ***/
#banner {
    position: relative;
    margin-bottom: 7.2rem;
}

#banner .left,
#banner .right {
    width: 100%;
    bottom: 0rem;
    position: absolute;
}

#banner .left {
    top: 3.6rem;
    left: 0rem;
    z-index: 10;
    max-width: 53%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(images/banner.jpg);
}

#banner .vector-01 {
    bottom: 0rem;
    width: 25.3rem;
    right: -12rem;
    height: 25.3rem;
    transform: scaleX(-1);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/vetores/vector-01.png);
}

#banner .left .cut {
    top: 0rem;
    right: 0rem;
    width: 10rem;
    height: 10rem;
    overflow: hidden;
    position: absolute;
    pointer-events: none;
}

#banner .left .cut:after {
    top: -4rem;
    content: '';
    right: -4rem;
    width: 15rem;
    height: 8rem;
    display: block;
    position: absolute;
    background: var(--color-wine);
    transform: rotate(45deg) translateX(3.5rem);
}

#banner .right {
    top: 0rem;
    right: 0rem;
    max-width: 66.66%;
    background: linear-gradient(90deg, var(--color-wine) 0%, var(--color-wine) 40%, var(--color-yellow) 80%, var(--color-yellow) 100%);
}

#banner .container {
    z-index: 15;
    position: relative;
    min-height: 59.5rem;
}

#banner h2 {
    text-align: right;
    color: var(--color-white);
}

/*** section - localização ***/
#localizacao {text-align: center}

#localizacao h2 {
    display: block;
    font-weight: 400;
    font-size: 5.5rem;
    line-height: 100%;
    position: relative;
    padding: 0.5rem 0rem;
    margin-bottom: 3.5rem;
    color: var(--color-white);
    background: var(--color-med-yellow);
}

#localizacao h2:before {
    top: 0rem;
    width: 35vw;
    right: 100%;
    bottom: 0rem;

    content: '';
    display: block;
    position: absolute;
    background: var(--color-med-yellow);
}

#localizacao p {
    display: block;
    font-size: 1.8rem;
    color: var(--color-gray);

    width: 100%;
    max-width: 66.66%;
    margin: 0rem auto 7rem;
}

#localizacao .map {position: relative}

#localizacao .map .vector-02 {
    right: 0rem;
    top: -12rem;
    width: 24rem;
    height: 24rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/vetores/vector-02.png);
}

#localizacao .map .nav {display: none}


/*** section - vantagens ***/
#vantagens {padding-top: 7.5rem}
#vantagens .motivos {position: relative}

#vantagens .motivos .column {
    width: 100%;
    z-index: 10;
    position: relative;
}

#vantagens .motivos h2 {
    margin-bottom: 6rem;
    color: var(--color-brown);
}

#vantagens .motivos p {color: var(--color-gray)}
#vantagens .motivos ul {padding: 6rem 0rem 6rem 5.3rem}

#vantagens .motivos li {
    font-weight: 400;
    font-size: 1.5rem;
    position: relative;
    line-height: normal;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    color: var(--color-white);
}

#vantagens .motivos li:after {
    height: 1px;
    content: '';
    right: 0rem;
    bottom: 0rem;
    left: -5.3rem;
    display: block;
    position: absolute;
    background: var(--color-white);
}

#vantagens .motivos li:last-child {padding-bottom: 0rem}
#vantagens .motivos li:last-child:after {display: none}

/* motivos para investir */
#vantagens .motivos.first {margin-bottom: 7.5rem}
#vantagens .motivos.first .column {max-width: 42%}
#vantagens .motivos.first p {margin-bottom: 6.3rem}
#vantagens .motivos.first .bg {background: linear-gradient(164deg, var(--color-wine) 0%, var(--color-wine) 30%, var(--color-yellow) 70%, var(--color-yellow) 100%)}

#vantagens .motivos.first .photo {
    width: 50%;
    right: 0rem;
    bottom: 0rem;
    max-width: 53.5rem;
    position: absolute;
}

/* motivos para morar */
#vantagens .motivos.last {margin-bottom: 8rem}
#vantagens .motivos.last h2 {color: var(--color-orange)}
#vantagens .motivos.last p {margin-bottom: 7rem}
#vantagens .motivos.last li {color: var(--color-gray)}

#vantagens .motivos.last .column {
    flex: 0 0 32%;
    max-width: 32%;
}

#vantagens .motivos.last .column.right {
    flex: 0 0 58%;
    max-width: 58%;
}

#vantagens .motivos.last .column.right ul {
    flex: 0 0 50%;
    max-width: calc(50% - 5.3rem);
}

#vantagens .motivos.last ul:nth-child(1) li:after {background: linear-gradient(90deg, var(--color-wine) 70%, #B1743D 100%)}
#vantagens .motivos.last ul:nth-child(2) li:after {background: linear-gradient(90deg, #B1743D 30%, var(--color-yellow) 70%)}

#vantagens .motivos.last .photo {
    overflow: hidden;
    position: relative;
}

#vantagens .motivos.last .photo:after {
    top: -4rem;
    content: '';
    right: -4rem;
    width: 7.5rem;
    height: 7.5rem;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    background: var(--color-white);
}

#vantagens .motivos.last .photo .vector-03 {
    top: 0rem;
    left: 0rem;
    width: 11rem;
    height: 21rem;
    position: absolute;
    background-size: cover;
    background-position: top;
    background-image: url(images/vetores/vector-03.png);
}

/*** section - o empreendimento ***/
#o-empreendimento .bg {background: linear-gradient(0deg, var(--color-yellow) 0%, var(--color-wine) 100%);}

#o-empreendimento p,
#o-empreendimento h2 {
    margin-bottom: 6rem;
    color: var(--color-white);
}

#o-empreendimento p {margin-bottom: 5rem;}

#o-empreendimento .column.left {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

#o-empreendimento .column.left img {max-width: 9rem;}

#o-empreendimento .column.right {
    flex: 0 0 41.66%;
    max-width: 41.66%;
}

#o-empreendimento .bg .column.right {
    position: relative;
    margin-bottom: 11.2rem;
}

#o-empreendimento .bg .column.right .vector-04 {
    top: 0rem;
    width: 33rem;
    height: 33rem;
    left: -20.5rem;
    position: absolute;
    background-size: cover;
    background-position: left;
    background-image: url(images/vetores/vector-04.png);
}

#o-empreendimento .photos {margin-top: -9rem;}

#o-empreendimento .photos .item {
    flex: 0 0 25%;
    max-width: calc(25% - 1rem);
}

#o-empreendimento .structure {
    margin-top: 6rem;
    margin-bottom: 7.5rem;
}

#o-empreendimento .structure .column.left {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    align-items: center;
    justify-content: center;
}

#o-empreendimento .structure h2 span {
    display: inline;
    padding: 0rem 5rem;
    background: var(--color-orange);
}

#o-empreendimento .structure h2 strong {
    margin-top: 0.8rem;
    margin-left: 5.0rem;
    color: var(--color-orange);
}

#o-empreendimento .structure li {
    font-weight: 400;
    font-size: 1.5rem;
    position: relative;
    line-height: normal;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    color: var(--color-gray);
}

#o-empreendimento .structure li:after {
    content: '';
    height: 1px;
    left: -5rem;
    right: 0rem;
    bottom: 0rem;
    display: block;
    position: absolute;
    background: var(--color-white);
}

#o-empreendimento .structure .column.right ul {
    flex: 0 0 50%;
    max-width: 50%;
}

#o-empreendimento .structure .column.right ul:nth-child(1) {max-width: calc(50% - 5rem)}

#o-empreendimento .structure li:last-child {padding-bottom: 0rem}
#o-empreendimento .structure li:last-child:after {display: none}

#o-empreendimento .structure .column.right ul:nth-child(1) li:after {background: linear-gradient(90deg, var(--color-wine) 70%, #B1743D 100%);}
#o-empreendimento .structure .column.right ul:nth-child(2) li:after {background: linear-gradient(90deg, #B1743D 30%, var(--color-yellow) 70%);}

/*** section - plantas ***/
#plantas {
    padding: 8rem 0rem;
    position: relative;
    background: linear-gradient(115deg, rgba(139,55,59,1) 15%, rgba(220,183,64,1) 60%, rgba(205,130,63,1) 85%);
}

#plantas .vector-05 {
    left: 0rem;
    width: 28rem;
    top: -10.3rem;
    height: 20.5rem;
    position: absolute;
    background-size: cover;
    background-position: top;
    background-image: url(images/vetores/vector-05.png);
}

#plantas .vector-06 {
    right: 0rem;
    width: 30rem;
    height: 50rem;
    bottom: -16rem;
    position: absolute;
    transform: scale(-1);
    background-size: cover;
    background-position: left top;
    background-image: url(images/vetores/vector-06.png);
}

#plantas h2 {
    margin-bottom: 6rem;
    color: var(--color-white);
}

#plantas .column.left {
    flex: 0 0 25%;
    max-width: 25%;
}

#plantas .column.right {
    flex: 0 0 66.66%;
    max-width: 66.66%;
    position: relative;
}

#plantas .navigation {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

#plantas .navigation button {
    padding: 1.2rem;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin-bottom: 3.0rem;
    color: var(--color-white);
    text-transform: uppercase;
}

#plantas .navigation button.active {
    font-weight: 700;
    color: var(--color-orange);
    background: var(--color-white);
}

#plantas .column.right [plant].active {display: block;}
#plantas .column.right [plant] {display: none;}
#plantas .column.right [plant] img {cursor: pointer;}

#plantas .column.right .zoom {
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 10rem;
    height: 10rem;
    position: absolute;
    pointer-events: none;
    transition: 0.3s ease;
    background-color: var(--color-orange);
    transform: translate3d(-50%, -50%, 0);

    background-size: 6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/zoom.png);
}

/*** section - mais informações ***/
#mais-informacoes {padding: 8rem 0rem 6rem;}

#mais-informacoes h2 {
    margin-bottom: 5rem;
    color: var(--color-orange);
}

#mais-informacoes p {
    margin-bottom: 2.5rem;
    letter-spacing: 0.05em;
    color: var(--color-gray);
}

#mais-informacoes .column.left {
    flex: 0 0 41.66%;
    max-width: 41.66%;
}

#mais-informacoes .column.left .group {margin-bottom: 1.5rem;}

#mais-informacoes .column.left .group.submit {
    margin-top: 2rem;
    margin-bottom: 0rem;
}

#mais-informacoes .column.left .group > div {position: relative;}

#mais-informacoes .column.left .group > div:after {
    height: 1px;
    left: 0rem;
    right: 0rem;
    content: '';
    bottom: 0rem;
    display: block;
    position: absolute;
    pointer-events: none;
    background: linear-gradient(90deg, var(--color-wine) 0%, var(--color-wine) 15%, var(--color-yellow) 85%, var(--color-yellow) 100%);
}

#mais-informacoes .column.left .group input {
    height: 3.6rem;
    padding-left: 2.5rem;
    width: calc(100% - 2.5rem);
}

#mais-informacoes .column.left .group input,
#mais-informacoes .column.left .group ::placeholder {
    font-size: 11px;
    line-height: 2.9rem;
    letter-spacing: 0.05em;
    color: var(--color-gray);
}

#mais-informacoes .column.left .group ::placeholder {text-transform: uppercase;}

#mais-informacoes .column.left .group button[type="submit"] {
    order: 1;
    padding: 0rem 1rem;
    min-width: 8rem;
    height: 2.8rem;
    background: #A04B2E;

    color: var(--color-white);
    font-weight: 700;
    font-size: 10px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--color-wine) 30%, var(--color-yellow) 100%);
}

#mais-informacoes .column.left .group .message {
    color: #FFFFFF;
    font-size: 10px;
    padding: 0rem 1rem;
    line-height: 2.2rem;
    text-transform: uppercase;
}

#mais-informacoes .column.left .group .message.error {
    display: block;
    height: 0rem;
    overflow: hidden;
    background: #990000;
    transition: 0.25s ease;
}

#mais-informacoes .column.left .group.invalid .message.error {
    height: 2rem;
    margin-top: 0.5rem;
}

#mais-informacoes .column.left .group .message.success {
    order: 0;
    opacity: 0;
    margin-top: 0.5rem;
    background: #009900;
}

#mais-informacoes .follow {
    max-width: 88%;
    text-align: center;
    margin: 6rem auto 0rem;
}

#mais-informacoes .follow p,
#mais-informacoes .follow a {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.7rem;
    letter-spacing: 0.1em;
    color: var(--color-gray);
    text-transform: uppercase;
}

#mais-informacoes .follow a {font-weight: 700;}

#mais-informacoes .follow small {
    font-size: 10px;
    font-weight: 400;
    line-height: 100%;
    color: var(--color-gray);
}

#mais-informacoes .column.right {
    flex: 0 0 46.66%;
    max-width: 46.66%;

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#mais-informacoes .column.right h3 {
    font-weight: 400;
    font-size: 3.3rem;
    line-height: 5.0rem;
    text-transform: uppercase;
    background: linear-gradient(90deg, rgba(139,55,59,1) 30%, rgba(219,183,63,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#mais-informacoes .contato {
    gap: 1.2rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6.0rem;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

#mais-informacoes .contato a {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.7rem;
    letter-spacing: 0.1em;
    color: var(--color-gray);
    text-transform: uppercase;

    gap: 0.5rem;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

#mais-informacoes .contato a .icon-whatsapp {
    font-size: 2.0rem;
}

/*** footer ***/
footer {
    min-height: 6rem;
    background: #A24426;
}

footer a,
footer div {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: var(--color-white);
    text-transform: uppercase;
}

footer a {
    font-weight: 700;
}

.house-inc {
    display: flex;
    text-align: center;
    align-items: stretch;
    justify-content: center;

    min-height: 70px;
    background: #191919;
}

.house-inc a {
    width: 100px;
    display: flex;
    align-items: center;
    transform: scale(1);
    transition: 0.4s ease;
}

.house-inc img {
    width: 100%;
    height: auto;
}

/* transitions */
@media(min-width: 992px) {
    header .menu a:hover {
        color: var(--color-white);
        background: linear-gradient(-90deg, var(--color-yellow) 0%, var(--color-wine) 100%);
    }

    #plantas .navigation button:hover {
        color: var(--color-orange);
        background: var(--color-white);
    }

    #plantas .column.right [plant]:hover .zoom {opacity: 1;}

    #mais-informacoes .column.right .contato a:hover,
    #mais-informacoes .follow a:hover {color: var(--color-wine);}
    
    #mais-informacoes .column.left .group button[type="submit"]:hover {transform: scale(1.05);}
    footer a:hover {color: var(--color-yellow);}

    .house-inc a:hover {
        transform: scale(1.05);
    }
}

/* responsive */
@media(max-width: 1339px) {
    .container {max-width: 104rem;}

    #vantagens .motivos.last .column {
        flex: 0 0 35%;
        max-width: 35%;
    }

    #vantagens .motivos.last .column.right {
        flex: 0 0 60%;
        max-width: 60%;
    }

    #vantagens .motivos.last .column.right ul {
        max-width: calc(50% - 4rem);
        padding: 6rem 0rem 6rem 4rem;
    }

    #o-empreendimento .structure h2 span {padding: 0rem 3rem;}
    #o-empreendimento .structure h2 strong {margin-left: 3rem;}

    #o-empreendimento .structure .column.right ul:nth-child(1) {
        padding-left: 4rem;
        max-width: calc(50% - 4rem);
    }

    #vantagens .motivos li:after {left: -4rem;}

    #o-empreendimento .structure .column.right {
        flex: 0 0 47%;
        max-width: 47%;
    }
}

@media(max-width: 1199px) {
    html,
    body {
        font-size: 8px;
        line-height: 8px;
    }
}

@media(max-width:  991px) {
    body {padding-top: 12rem;}
    .container {max-width: 74rem;}

    header nav,
    header.shrink nav {height: 12rem;}

    header .brand,
    header.shrink .brand {width: 16rem;}

    header .menu {
        top: 0rem;
        right: 0rem;
        width: 32rem;
        bottom: 0rem;
        position: fixed;
        padding-top: 15rem;
        align-items: center;
        flex-direction: column;
        transition: 0.3s ease;
        justify-content: flex-start;
        background: var(--color-white);
        transform: translateX(32rem);
    }

    .shadow {
        top: 0rem;
        left: 0rem;
        opacity: 0;
        width: 100vw;
        z-index: 100;
        height: 110vh;
        display: block;
        position: fixed;
        pointer-events: none;
        transition: 0.3s ease;
        background: rgba(0,0,0,0.2);
    }

    .shadow.active {opacity: 1;}
    header .menu.show {transform: translateX(0rem);}
    header .menu a {margin-bottom: 5rem;}

    header .toggle {
        width: 3.5rem;
        height: 3.5rem;
        display: block;
    }

    header .toggle span {
        height: 2px;
        width: 3.5rem;
        display: block;
        margin-bottom: 5px;
        transition: 0.3s ease;
        background: var(--color-wine);
    }

    header .toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
    header .toggle.active span:nth-child(2) {transform: rotate(-45deg);}
    header .toggle.active span:nth-child(3) {opacity: 0;}

    #banner .left {
        top: auto;
        bottom: auto;
        height: 45rem;
        max-width: 100%;
        position: relative;
    }

    #banner .vector-01 {
        left: 0rem;
        right: auto;
        width: 22rem;
        height: 22rem;
        bottom: -10.9rem;
    }

    #banner .right {
        left: 0rem;
        right: 0rem;
        bottom: 0rem;
        max-width: 100%;
    }

    #banner .left .cut {display: none}

    #banner .container {
        min-height: auto;
        padding: 6rem 0rem;
        justify-content: center;
    }

    #banner h2 {text-align: center}
    #localizacao h2 {font-size: 4rem}

    #localizacao h2:before {
        left: 50%;
        right: auto;
        z-index: -1;
        width: 100vw;
        transform: translateX(-50%);
    }

    #localizacao p,
    #plantas .column.left,
    #plantas .column.right,
    #vantagens .motivos.last .column,
    #vantagens .motivos.first .column.first,
    #vantagens .motivos.last .column.right,
    #o-empreendimento .structure .column.left,
    #o-empreendimento .structure .column.right,
    #mais-informacoes .column.left,
    #mais-informacoes .column.right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #vantagens .motivos.first .column.first,
    #o-empreendimento .structure .column.right {padding-bottom: 6rem}

    #vantagens .motivos.first p,
    #vantagens .motivos.last p {margin-bottom: 3rem}
    #vantagens .motivos.last .column.right ul {padding-top: 0rem}

    #plantas .navigation {
        flex-direction: row;
        margin-bottom: 2rem;
    }

    #plantas .navigation button {
        margin-right: 2rem;
        margin-bottom: 2.5rem;
    }

    #plantas .navigation :last-child {margin-right: 0rem;}

    #plantas .column.right .zoom {
        opacity: 1;
        width: 8rem;
        height: 8rem;
        background-size: 5rem;
    }

    #mais-informacoes .column.left {margin-bottom: 8rem}
    #mais-informacoes .column.right {text-align: center}

    #o-empreendimento .column.left,
    #o-empreendimento .photos .item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #o-empreendimento .photos .item {
        margin-bottom: 2rem;
        max-width: calc(50% - 1rem);
    }
}

@media(max-width:  767px) {
    .container {max-width: 62rem}

    section h2,
    #banner h2 {
        font-size: 4rem;
        line-height: 4.2rem;
    }

    #vantagens .motivos.first .column.last {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #vantagens .motivos.first .photo {
        width: 65%;
        margin-left: auto;
        position: relative;
    }

    #o-empreendimento .column.left,
    #o-empreendimento .column.right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #o-empreendimento .column.left img {
        max-width: 14rem;
    }

    #o-empreendimento .bg .flex {justify-content: center}
    #o-empreendimento .column.left {padding: 6rem 0rem}
    #o-empreendimento .column.right {max-width: 50rem}

    #vantagens .motivos.last .photo .vector-03,
    #localizacao .map .vector-02 {display: none}

    #localizacao .map {
        height: 50rem;
        overflow: hidden;
    }

    #localizacao .map img {
        top: 0rem;
        left: 50%;
        width: auto;
        height: 100%;
        position: absolute;
        transition: 0.3s ease;
        transform: translateX(-50%);
    }

    #localizacao .map.move-left img {
        left: 0%;
        transform: translateX(0%);
    }

    #localizacao .map .nav {
        z-index: 2;
        bottom: 1.2rem;
        display: block;
        width: 6.2rem;
        height: 6.2rem;
        position: absolute;
        transform: rotate(45deg) scale(0.4);
    }

    #localizacao .map .nav.prev {
        left: 0.8rem;
        box-shadow: -5px 5px 5px rgb(0, 0, 0, 20%);
        border-left: 5px solid rgba(255,255,255,0.8);
        border-bottom: 5px solid rgba(255,255,255,0.8);
    }

    #localizacao .map .nav.next {
        right: 0.8rem;
        box-shadow: 5px -5px 5px rgb(0, 0, 0, 20%);
        border-top: 5px solid rgba(255,255,255,0.8);
        border-right: 5px solid rgba(255,255,255,0.8);
    }

    #mais-informacoes .follow {max-width: 100%}

    #plantas .vector-05 {
        width: 20rem;
        top: -7.3rem;
        height: 14.5rem;
    }

    #plantas .vector-06 {
        width: 20rem;
        height: 35rem;
        bottom: -11rem;
    }
}

@media(max-width:  575px) {
    .container {max-width: 85%;}

    section h2,
    #banner h2 {
        font-size: 3.2rem;
        line-height: 3.4rem;
    }

    #localizacao .map.move-right img {
        left: 57%;
        transform: translateX(-67%);
    }

    #banner,
    #o-empreendimento h2,
    #localizacao p {margin-bottom: 4rem}
    #banner .vector-01 {display: none}

    #vantagens .motivos.last .column.right ul,
    #o-empreendimento .structure .column.right ul,
    #o-empreendimento .structure .column.right ul:nth-child(1) {
        flex: 0 0 100%;
        max-width: calc(100% - 4rem);
    }

    #vantagens .motivos.last .column.right ul {padding-bottom: 0rem}
    #vantagens .motivos.first .photo {width: 100%}

    #vantagens .motivos.last ul:nth-child(1) li:after,
    #vantagens .motivos.last ul:nth-child(2) li:after,
    #o-empreendimento .structure .column.right ul:nth-child(1) li:after,
    #o-empreendimento .structure .column.right ul:nth-child(2) li:after {background: linear-gradient(90deg, var(--color-wine) 30%, var(--color-yellow) 70%);}

    #vantagens .motivos.last ul:nth-child(1) li:last-child,
    #o-empreendimento .structure ul:nth-child(1) li:last-child {padding-bottom: 1.5rem}

    #vantagens .motivos.last ul:nth-child(1) li:last-child:after,
    #o-empreendimento .structure ul:nth-child(1) li:last-child:after {display: block}
    #vantagens .motivos.last .column.right {margin-bottom: 6rem}

    #vantagens .motivos.last .photo:after {
        top: -7rem;
        width: 10rem;
    }

    #o-empreendimento .structure {margin-top: 0rem}
    #o-empreendimento .column.left {padding: 5rem 0rem 2rem}

    #o-empreendimento .photos .item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #localizacao h2 {font-size: 3.5rem}

    #mais-informacoes .column.right h3 {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    #mais-informacoes .column.right .contato {
        flex-direction: column;
        justify-content: center;
    }

    #o-empreendimento .structure h2 span {padding: 0rem 1.5rem}
    #o-empreendimento .structure h2 strong {margin-left: 1.5rem}
    #vantagens {padding-top: 5rem}
    #vantagens .motivos h2 {margin-bottom: 4rem}
    #vantagens .motivos.first p {margin-bottom: 0rem}
    #vantagens .motivos.first .column.first, #o-empreendimento .structure .column.right {padding-bottom: 5rem}
}