/* RESET CSS */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1;
font-family: "Montserrat", sans-serif;
}
main {
overflow: hidden;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
input,
textarea {
outline: 0;
}
input:focus,
textarea:focus {
outline: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html::-webkit-scrollbar {
width: 10px;
}
html::-webkit-scrollbar-track {
background: rgb(255 255 255);
}
html::-webkit-scrollbar-thumb {
background-color: #fec148;
border-radius: 20px;
border: 3px solid rgb(255 255 255);
}
.phone_hp {
display: none !important;
}
.quebra-linha {
display: block;
}
.error::placeholder {
color: red !important;
}
:root {
--roxo: #411e48;
--verde: #02b793;
}
.fbx-count {
display: none !important;
}
.foobox::before {
background: var(--roxo);
border-radius: 5px;
box-sizing: border-box;
content: '';
background-image: url(../images/zoom-ico.png);
background-repeat: no-repeat;
background-position: center;
height: 33px;
padding: 4px;
position: absolute;
right: 15px;
top: 15px;
transform: scale(0.9);
transition: .2s ease all;
width: 33px;
z-index: 8;
border-radius: 50%;
background-size: 64%;
}
.galeria-config .swiper-slide-active .foobox::before {
transform: scaleX(0.71) scaleY(1) !important;
right: 9px;
}
.galeria-config .swiper-slide-active .foobox:hover::before {
transform: scaleX(0.81) scaleY(1.1) !important;
}
.galeria-config .swiper-slide-active .foobox:hover::before {
transform: scaleX(0.81) scaleY(1.1) !important;
}
.box-implantacao .foobox::before {
right: -25px;
top: -25px;
}
#plantas .foobox::before {
right: -3vw;
top: -4vw;
}
.box-implantacao .foobox:hover::before,
#plantas .foobox:hover::before {
transform: scale(1.1);
}
/* HEADER */
.menu-principal-container {
position: absolute;
right: 0;
top: 40px;
z-index: 100;
transition: .2s all ease-in-out;
}
#menu-principal {
background-color: var(--roxo);
display: flex;
padding: 29.5px 44px 29.5px 49px;
border-radius: 58px 0 0 58px;
justify-content: flex-end;
}
.menu-principal-container.fixo #menu-principal {
padding: 22.5px 44px 22.5px 49px;
}
.menu-principal-container.fixo #menu-principal a:before {
bottom: -22px;
}
#menu-principal li {
position: relative;
}
#menu-principal li::before {
content: '•';
color: var(--verde);
font-size: 12px;
font-weight: 900;
margin: 0px 13px;
}
#menu-principal li:first-child:before {
display: none;
}
#menu-principal a {
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
text-decoration: none;
position: relative;
}
#menu-principal a:before {
background-color: var(--verde);
bottom: -29px;
border-radius: 50px;
content: '';
height: 6px;
position: absolute;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
transition: all 0.3s;
visibility: hidden;
}
#menu-principal a:hover:before {
left: -0%;
transform: scaleX(1);
transition: all 0.3s;
visibility: visible;
width: 100%;
}
.menu-principal-container.fixo {
position: fixed;
width: 100%;
background-color: var(--roxo);
top: 0;
}
/* BANNER */
#banner {
position: relative;
}
#banner .esq {
position: absolute;
top: 23%;
left: 4%;
width: 22.14vw;
height: auto;
transition: .2s all ease-in-out;
}
#banner picture,
#banner picture img {
width: 100%;
display: block;
}
#banner .dir {
position: absolute;
top: 13%;
right: 3.5%;
width: 21.1vw;
height: auto;
transition: .2s all ease-in-out;
}
#banner .esq:hover,
#banner .dir:hover {
transform: scale(1.05);
}
#banner .esq img,
#banner .dir img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* LAZER */
#lazer {
background-color: transparent;
/* padding: 0 0 4.6354vw 0; */
margin-top: -45vw;
z-index: 1;
position: relative;
}
.container-principal {
width: 76%;
margin: auto;
}
.subtitulo_padrao {
color: #374553;
font-size: 1.66vw;
text-align: center;
letter-spacing: 1px;
margin: 0;
}
.titulo_padrao {
display: block;
color: var(--roxo);
font-weight: 800;
margin-bottom: 1.5vw;
letter-spacing: 2px;
}
.texto_padrao {
color: #262626;
font-size: 0.83vw;
line-height: 1.25vw;
text-align: center;
font-weight: 500;
margin: auto;
width: 66%;
letter-spacing: 0.5px;
}
.texto_padrao b {
font-weight: 700;
}
.galeria-container {
background: rgba(255, 255, 255, 0.842);
border-radius: 50px;
border: 1px solid #fff;
padding: 3.125vw 0 0.45vw;
backdrop-filter: blur(5px);
box-shadow: #00000040 0px 5px 10px;
}
.galeria-margin {
margin: 2vw 0 3vw;
position: relative;
}
.galeria-container::after {
content: '';
background-image: url(../images/galeria-detalhe.png);
background-size: contain;
background-repeat: no-repeat;
width: 4.84375vw;
height: 4.27083vw;
display: block;
position: absolute;
top: 2vw;
left: 2vw;
}
#lazer,
#plantas {
overflow-x: hidden;
}
.galeria-config .swiper {
width: 94%;
perspective: 1200px;
overflow: visible;
}
.galeria-config .swiper .swiper-wrapper {
transform-style: preserve-3d;
transform: translate3d(-1220px, 0px, 0px);
padding-top: 50px;
}
.galeria-config .swiper-slide {
background-position: center;
background-size: cover;
height: 19.79vw;
}
.galeria-config .swiper-slide img {
display: block;
width: 100%;
height: 19.79vw;
object-fit: cover;
border-radius: 10px;
transition: 0.3s ease-in-out;
}
.galeria-config .swiper-slide {
border-radius: 10px;
overflow: hidden;
}
.galeria-config .swiper-button-next,
.galeria-config .swiper-button-prev {
border-radius: 50px;
width: 50px !important;
height: 50px !important;
background-color: var(--roxo);
}
#livings .galeria-config .swiper-button-next,
#livings .galeria-config .swiper-button-prev {
border-radius: 50px;
width: 50px !important;
height: 50px !important;
background-color: var(--verde);
}
.galeria-config .swiper-button-prev {
left: 3% !important;
top: var(--swiper-navigation-top-offset, 100.5%);
}
.galeria-config .swiper-button-next {
right: 3% !important;
top: var(--swiper-navigation-top-offset, 100.5%);
}
.galeria-config .swiper-button-prev:after {
content: url(../images/seta-esquerda.png);
line-height: 0;
}
.galeria-config .swiper-button-next:after {
content: url(../images/seta-direita.png);
line-height: 0;
}
.galeria-config .pagination-residencial,
.galeria-config .pagination-living {
display: flex;
justify-content: center;
padding-top: 3.7vw;
}
.galeria-config .swiper-pagination-bullet {
border-radius: 0px;
height: 3px;
}
.galeria-config .swiper-pagination-bullet-active {
background: var(--roxo);
min-width: 3%;
}
/*animacao 3d do slide*/
.galeria-config .swiper-slide {
-webkit-transform: translate3d(0px, 0px, -118.924px) rotateX(0deg) rotateY(30.7563deg) scale(0.8) !important;
transform: translate3d(0px, 0px, -118.924px) rotateX(0deg) rotateY(30.7563deg) scale(0.8) !important;
margin-right: 0px !important;
transition: all .3s ease-in-out !important;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.galeria-config .swiper-slide.swiper-slide-active {
-webkit-transform: none !important;
transform: scaleX(1.75) scaleY(1.2) !important;
margin-right: 0px !important;
}
.galeria-config .swiper-slide.swiper-slide-active img {
transform: scaleX(1) scaleY(1.3) !important;
}
.galeria-config .swiper-slide.swiper-slide-prev {
-webkit-transform: translate3d(-25%, 0px, 75px) rotateX(0deg) rotateY(30.7563deg) scale(0.9) !important;
transform: translate3d(-25%, 0px, 75px) rotateX(0deg) rotateY(30.7563deg) scale(0.9) !important;
margin-right: 10px !important;
}
.galeria-config .swiper-slide.swiper-slide-next {
-webkit-transform: translate3d(25%, 0px, 75px) rotateX(0deg) rotateY(-30.7563deg) scale(0.9) !important;
transform: translate3d(25%, 0px, 75px) rotateX(0deg) rotateY(-30.7563deg) scale(0.9) !important;
margin-left: 10px !important;
}
.galeria-config .swiper-slide.swiper-slide-next+.swiper-slide {
-webkit-transform: translate3d(0px, 0px, -120.325px) rotateX(0deg) rotateY(-30.7563deg) scale(0.8) !important;
transform: translate3d(0px, 0px, -120.325px) rotateX(0deg) rotateY(-30.7563deg) scale(0.8) !important;
margin-right: 10px !important;
}
/* CONTATO */
#contato .content {
width: 602px;
max-width: 90%;
position: relative;
margin: 0 auto;
}
#contato .content .call {
position: absolute;
right: -66%;
top: 154px;
}
#contato .content .call p {
font-size: 24px;
color: #ffffff;
font-weight: 600;
line-height: 44px;
}
#contato .content .call img {
margin-bottom: 36px;
}
#contato .content .call p span {
color: #bfda37;
font-size: 36px;
}
#contato {
background-image: url(../images/bg-contato.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
height: 964px;
margin-top: -12px;
padding-top: 103px;
}
#contato::after {
content: '';
background-image: url(../images/detalhe-contato.webp);
width: 20.2vw;
max-width: 387px;
max-height: 396px;
height: 21vw;
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: -65px;
}
form {
width: 100%;
display: flex;
flex-direction: column;
margin: 0 auto;
background-color: #bfda37;
padding: 39px 50px 39px 50px;
border-radius: 10px;
}
form input {
width: 100%;
height: 45px;
border-radius: 10px !important;
padding-left: 15px !important;
}
form .box-input {
position: relative;
margin-bottom: 25px;
display: flex;
}
form .box-input .box-ddd {
margin-right: 12px;
position: relative;
}
form .box-input label {
position: absolute;
transition: .2s all ease-in-out;
font-size: 15px;
color: #000000;
font-weight: 500;
top: 15px;
left: 20px;
}
#simule form .box-input label.subir,
#whatsapp form .box-input label.subir {
color: #fff;
}
form .box-input .box-telefone {
width: 100%;
position: relative;
}
form .box-input label.subir {
top: -18px;
left: 3px;
}
form .box-input.mensagem {
margin-bottom: 15px;
}
form .titulo {
font-size: 22px;
color: var(--roxo);
font-weight: 700;
font-family: "Montserrat";
text-align: center;
margin-bottom: 46px;
}
form textarea {
height: 90px;
border-radius: 10px !important;
resize: none;
padding-left: 15px !important;
}
form .box-check {
display: flex;
width: 100%;
align-items: flex-start;
column-gap: 10px;
margin-bottom: 15px;
}
form .box-check input {
width: 13px;
height: 13px;
height: auto;
}
form .box-check label {
font-size: 12px;
color: #000000;
font-weight: 500;
}
form button {
background-color: var(--roxo);
height: 55px;
border-radius: 27px;
width: 100%;
border: 2px solid var(--roxo);
transition: .2s all ease-in-out;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
margin-bottom: 14px;
}
form button p {
position: relative;
color: #ffff;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
transition: .2s all ease-in-out;
}
form button p::after {
content: url(../images/botao-enviar-form.svg);
width: 20px;
display: inline-block;
position: absolute;
right: -31px;
top: 0px;
}
form button:hover {
filter: brightness(1.3);
border: 2px solid var(--roxo);
}
form .obrigatorio {
font-size: 12px;
color: #000000;
font-weight: 500;
text-align: center;
}
#contato form input[type="text"]:focus,
#contato form textarea:focus,
#contato form input[type="text"].ativo,
#contato form textarea.ativo {
border: 4px solid var(--roxo);
}
#simule form input[type="text"]:focus,
#simule form input[type="text"].ativo {
border: 4px solid #bfd938;
}
#whatsapp form input[type="text"]:focus,
#whatsapp form input[type="text"].ativo {
border: 4px solid #e7502e;
}
/* IMPLANTAÇÃO */
#implantacao {
position: relative;
padding-bottom: 102px;
margin-top: -69px;
}
#implantacao::after {
content: '';
background-image: url(../images/detalhe-implantacao.webp);
width: 350px;
height: 735px;
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 27px;
}
#implantacao>.titulo {
font-size: 36px;
color: #e7502e;
font-weight: 700;
text-align: center;
padding: 0 5%;
width: 100%;
margin-bottom: 28px;
position: relative;
z-index: 1;
}
#implantacao>.texto {
width: 988px;
max-width: 90%;
margin: 0 auto;
font-size: 16px;
letter-spacing: 0px;
line-height: 24px;
color: #262626;
font-weight: 500;
text-align: center;
margin-bottom: 27px;
position: relative;
z-index: 1;
}
#implantacao>.texto b {
color: #000;
font-weight: 700;
}
#implantacao .box-implantacao {
width: 1198px;
max-width: 90%;
margin: 0 auto;
box-shadow: 0 0 54.5px rgba(0, 0, 0, 0.1);
border-radius: 50px;
border: 2px solid #fff;
padding: 100px 120px 60px;
position: relative;
z-index: 1;
background-color: #fff;
}
#implantacao .box-implantacao a {
height: 100%;
display: block;
position: relative;
}
#implantacao .box-implantacao .itens {
width: 100%;
display: flex;
justify-content: space-between;
column-gap: 20px;
margin-top: 68px;
}
#implantacao .box-implantacao .itens ul {
display: flex;
flex-direction: column;
row-gap: 6px;
}
#implantacao .box-implantacao .itens ul li {
font-size: 16px;
color: #000000;
font-weight: 500;
font-family: "Montserrat";
column-gap: 15px;
display: flex;
align-items: center;
}
#implantacao .box-implantacao .itens ul li span {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
border-radius: 50%;
background-color: #e7502e;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #ffffff;
font-weight: 600;
text-align: center;
}
/* SIMULE */
#simule {
background-image: url(../images/bg-simule.webp);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
position: relative;
height: 786px;
margin-top: -12px;
padding-top: 122px;
margin-bottom: -30px;
z-index: 1;
}
#simule form .titulo {
color: #fff;
}
#simule form {
background-color: #e7502e;
}
#simule button:hover {
filter: brightness(1.3);
border: 2px solid var(--roxo);
}
#simule .content {
width: 602px;
max-width: 90%;
position: relative;
margin: 0 auto;
}
#simule .content .call {
position: absolute;
left: -66%;
top: 120px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
#simule .content .call p {
font-size: 24px;
color: #411e48;
font-weight: 600;
line-height: 44px;
text-align: right;
}
#simule .content .call img {
margin-bottom: 36px;
}
#simule .content .call p span {
color: #e7502e;
font-size: 36px;
}
#simule .content .call p span.primeiro {
font-size: 24px;
color: #411e48;
font-weight: 600;
line-height: 44px;
}
/* PLANTAS */
#plantas {
position: relative;
width: 100%;
padding-top: 104px;
background-color: #F8F8F8;
}
#plantas>.titulo {
color: #374553;
font-size: 1.66vw;
text-align: center;
letter-spacing: 1px;
margin: 0;
}
#plantas .texto {
width: 932px;
max-width: 90%;
margin: 0 auto;
font-size: 16px;
line-height: 24px;
color: #515151;
font-weight: 500;
text-align: center;
margin-bottom: 45px;
}
#plantas .texto b {
font-weight: bold;
}
#plantas>.titulo .quebra-linha {
display: block;
color: var(--roxo);
font-weight: 800;
margin-bottom: 1.5vw;
letter-spacing: 2px;
margin-top: 13px;
}
#plantas .area-filtro {
width: 1631px;
max-width: 90%;
margin: 0 auto;
background-color: var(--roxo);
display: flex;
border-radius: 30px;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 18px 24px;
column-gap: 10px;
margin-bottom: 40px;
}
#plantas .area-filtro li {
width: 100%;
height: 80px;
border-radius: 15px;
box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
border: 2px solid #ffffff;
font-weight: 700;
font-size: 18px;
cursor: pointer;
transition: .2s all ease-in-out;
row-gap: 7px;
}
#plantas .area-filtro li:hover,
#plantas .area-filtro li.ativo {
background-color: #fff;
color: var(--roxo);
}
#plantas .area-filtro li span {
font-size: 16px;
font-weight: 500;
}
#plantas .swiper-slide .planta {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 60px 15px 30px;
position: relative;
justify-content: space-between;
row-gap: 15px;
}
#plantas .swiper-slide .planta>div:first-child {
width: 100%;
max-height: 100%;
height: 80%;
}
#plantas .swiper-slide .planta>div:first-child a {
width: 100%;
display: block;
height: 100%;
text-align: center;
}
#plantas .swiper-slide .planta>div:first-child a img {
width: 100%;
height: 100%;
object-fit: contain;
}
#plantas .lightbox-planta:hover {
transform: scale(1.1);
}
#plantas .lightbox-planta::before {
content: url(../../images/botao-zoom.webp);
position: absolute;
top: 0;
right: -4px;
z-index: 1;
}
#plantas .lightbox-planta a:after {
content: '';
border: 1px solid #fff;
border-radius: 50%;
width: 90%;
height: 90%;
top: 5%;
left: 5%;
position: absolute;
}
#plantas .lightbox-planta a {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
}
#plantas .lightbox-planta a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
#plantas .swiper-slide {
height: 35.18vw;
border-radius: 10px;
border: 2px solid var(--roxo);
box-sizing: border-box;
display: flex;
align-items: flex-end;
background-color: #fff;
}
#plantas .swiper-slide .folha {
background-image: url(../images/folha-plantas.webp);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
display: flex;
flex-direction: column;
width: 14vw;
max-width: 236px;
max-height: 142px;
height: 8vw;
z-index: 1;
position: absolute;
align-items: center;
justify-content: center;
top: 40px;
font-size: 20px;
line-height: 21px;
color: #ffffff;
padding-right: 23px;
font-weight: 700;
text-align: center;
}
#plantas .swiper-slide .folha span {
font-size: 18px;
font-weight: 500;
}
#plantas .swiper .area-setas {
width: 1460px;
margin: 0 auto;
max-width: 90%;
margin-top: -1%;
display: flex;
justify-content: space-between;
}
#plantas .swiper .area-setas .prev-plantas:after {
content: url(../images/seta-esquerda.png);
line-height: 0;
}
#plantas .swiper .area-setas .next-plantas:after {
content: url(../images/seta-direita.png);
line-height: 0;
}
#plantas .swiper .area-setas .next-plantas,
#plantas .swiper .area-setas .prev-plantas {
border-radius: 50px;
width: 50px !important;
height: 50px !important;
background-color: var(--roxo);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#plantas .pagination-plantas {
display: flex;
justify-content: center;
}
#plantas .swiper-pagination-bullet-active {
background: var(--roxo);
min-width: 3%;
}
#plantas .swiper-pagination-bullet {
border-radius: 0px;
height: 3px;
}
#plantas .swiper-slide .descricao {
display: flex;
column-gap: 3%;
padding: 0 20px;
z-index: 1;
align-items: center;
margin-bottom: 11px;
}
#plantas .swiper-slide .descricao .esq {
position: relative;
font-size: 16px;
text-transform: uppercase;
color: var(--roxo);
font-weight: 600;
display: flex;
min-width: 243px;
column-gap: 10px;
align-items: center;
}
#plantas .swiper-slide .descricao .dir {
opacity: 0.502;
font-size: 8px;
color: #1a1a1a;
font-weight: 400;
font-family: "Montserrat";
text-align: right;
}
#plantas .swiper-slide .descricao .esq::before {
content: url(../images/carro-plantas.webp);
}
#plantas .swiper-slide a {
position: absolute;
left: 50%;
top: 50%;
width: 75%;
transform: translate(-50%, -50%);
}
#plantas .swiper {
height: auto;
width: 153%;
margin-left: -26.5%;
}
#plantas .swiper.pes_dois_slides {
padding-left: 0;
width: 100%;
margin-left: 0;
padding: 0 12%;
}
#plantas .swiper.pes_dois_slides .area-setas {
visibility: hidden;
}
#plantas .swiper.pes_dois_slides .swiper-wrapper {
justify-content: center;
padding-left: 0.8%;
}
#plantas .swiper-wrapper {
padding-bottom: 1.5% !important;
}
#plantas .non-swiper-slide {
display: none;
}
/* LIVINGS */
#livings {
background-color: #f8f8f8;
padding-bottom: 59px;
position: relative;
}
#livings::before {
content: '';
background-image: url(../images/detalhe-living.webp);
width: 357px;
height: 591px;
background-position: center left;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
bottom: -175px;
}
#livings .titulo_living {
color: var(--verde);
font-weight: 700;
font-size: 1.875vw;
text-align: center;
display: inline-block;
}
#livings .living-traco::before {
content: '';
width: 80px;
height: 1px;
background-color: var(--verde);
}
#livings .living-traco::after {
content: '';
width: 80px;
height: 1px;
background-color: var(--verde);
}
#livings .living-traco {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
padding-top: 4vw;
}
/* LOCALIZAÇÃO */
#localizacao {
padding-top: 88px;
display: flex;
flex-direction: column;
}
#localizacao>.titulo {
font-size: 36px;
color: var(--roxo);
font-weight: 700;
text-align: center;
margin-bottom: 32px;
}
#localizacao>.texto {
width: 901px;
max-width: 90%;
margin: 0 auto;
line-height: 24px;
color: #000000;
font-weight: 600;
text-align: center;
margin-bottom: 43px;
}
#localizacao> img {
width: 1460px;
max-width: 90%;
margin: 0 auto;
border: 4px solid #e7502e;
border-radius: 30px;
margin-bottom: 88px;
overflow: hidden;
display: block;
}
#localizacao .faixa-01 {
background-image: url(../images/bg-faixa-1.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding: 36px 5%;
}
#localizacao .faixa-01 p {
font-size: 24px;
color: #411e48;
font-weight: 700;
text-align: center;
position: relative;
display: inline-block;
}
#localizacao .faixa-01 p::before {
content: url(../images/pin-faixa-01.webp);
position: absolute;
top: -86px;
left: -167px;
}
#localizacao .faixa-01 p span {
color: #e7502e;
}
#localizacao .box-mapa {
height: 545px;
width: 100%;
position: relative;
}
#localizacao .faixa-2 {
background-image: url(../images/bg-faixa-2.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding: 36px 5%;
}
#localizacao .faixa-2 p {
font-size: 24px;
color: #fff;
font-weight: 700;
text-align: center;
position: relative;
display: inline-block;
}
#localizacao .faixa-2 p span {
color: #bfda37;
}
#localizacao .box-mapa .waze {
background-image: url(../images/botao-waze.webp);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 364px;
height: 114px;
position: absolute;
left: 25px;
bottom: 35px;
transition: .2s all ease-in-out;
}
#localizacao .box-mapa .waze:hover {
transform: scale(1.1);
}
#localizacao .foobox::before {
display: none;
}
/* PROXIMIDADES */
#proximidades {
padding-top: 86px;
position: relative;
overflow: hidden;
margin-bottom: 41px;
}
#proximidades::before {
content: '';
background-image: url(../images/proximidades-before.webp);
width: 323px;
height: 465px;
background-position: center left;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 50px;
}
#proximidades::after {
content: '';
background-image: url(../images/proximidades-after.webp);
width: 344px;
height: 491px;
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 55px;
}
#proximidades>.titulo {
font-size: 36px;
letter-spacing: 1px;
color: #411e48;
font-weight: 700;
text-align: center;
width: 100%;
padding: 0 5%;
position: relative;
margin-bottom: 42px;
z-index: 1;
}
#proximidades .box-cards {
width: 1460px;
max-width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
border-radius: 20px;
}
#proximidades .box-cards .esq {
display: flex;
flex-wrap: wrap;
width: 75%;
column-gap: 1.3%;
row-gap: 14px;
}
#proximidades .box-cards .dir {
width: 24%;
}
#proximidades .box-cards .card {
border: 1px solid #ccc;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 31px 15px 28px 15px;
backdrop-filter: blur(14px);
}
#proximidades .box-cards .esq .card {
width: 32.45%;
}
#proximidades .box-cards .dir .card {
height: 100%;
}
#proximidades .box-cards .card .texto {
font-size: 18px;
color: var(--roxo);
font-weight: 700;
text-align: center;
margin-bottom: 6px;
}
#proximidades .box-cards .card .tempo {
font-size: 24px;
color: #e7502e;
font-weight: bold;
text-align: center;
}
#proximidades .box-cards .card img {
margin-bottom: 19px;
}
#proximidades .box-cards .dir .card .tempo {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 12px;
}
#proximidades .box-cards .dir .card .tempo:last-child {
margin-bottom: 0;
}
#proximidades .box-cards .dir .card .tempo:last-child::after {
display: none;
}
#proximidades .box-cards .dir .card .tempo::after {
content: url(../images/sep-tempo.webp);
}
/* SIMULE */
#whatsapp {
background-image: url(../images/bg-whatsapp.webp);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
position: relative;
height: 849px;
margin-top: -12px;
padding-top: 224px;
margin-bottom: -30px;
z-index: 1;
}
#whatsapp::before {
content: '';
background-image: url(../images/detalhe-folha-whatsapp.webp);
width: 376px;
height: 395px;
background-position: center left;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
bottom: -175px;
}
#whatsapp form .titulo {
color: #fff;
}
#whatsapp form {
background-color: var(--roxo);
}
#whatsapp form .box-check label,
#whatsapp form .obrigatorio {
color: #fff;
}
#whatsapp form .box-input label.subir {
color: #fff;
}
#whatsapp button {
background-color: #e7502e;
}
#whatsapp button:hover {
/* border: 2px solid #e7502e; */
filter: brightness(1.3);
}
#whatsapp .content {
width: 602px;
max-width: 90%;
position: relative;
margin: 0 auto;
}
#whatsapp .content .call {
position: absolute;
right: -66%;
top: 79px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#whatsapp .content .call p {
font-size: 24px;
color: #fff;
font-weight: 600;
line-height: 14px;
text-align: left;
}
#whatsapp .content .call img {
margin-bottom: 36px;
}
#whatsapp .content .call p span {
color: var(--roxo);
font-size: 28px;
font-weight: 700;
line-height: 38px;
font-weight: 800;
}
#whatsapp .content .call p span.primeiro {
font-size: 24px;
color: #fff;
font-weight: 600;
line-height: 44px;
}
/* REALIZAÇÃO */
#realizacao {
padding-top: 80px;
padding-bottom: 80px;
}
#realizacao .topo {
width: 975px;
max-width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-bottom: 63px;
}
#realizacao .topo .titulo {
font-size: 10px;
letter-spacing: 0px;
color: #231f20;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 58px;
}
#realizacao .topo .imagem {
display: flex;
column-gap: 25px;
align-items: flex-end;
}
#realizacao .topo .imagem.realizacao-lidera{
align-items: center;
}
#realizacao .topo .imagem .logo_jcr {
max-width: 100px;
}
#realizacao .texto {
width: 1084px;
margin: 0 auto;
max-width: 90%;
font-size: 10px;
letter-spacing: 0px;
line-height: 14px;
color: #000000;
font-weight: 600;
text-align: center;
}
/* POLITICA DE PRIVACIDADE */
#politica-privacidade {
background-color: #dcdcdc;
padding: 60px 0;
color: #000;
}
#politica-privacidade .container-principal {
width: 1080px;
max-width: 90%;
margin: 0 auto;
}
#politica-privacidade .politica-privacidade {
text-align: center;
font-size: 11px;
line-height: 14px;
}
#politica-privacidade .politica-privacidade strong {
display: block;
margin: 0px 0 2px 0;
font-weight: 600;
}
footer {
width: 100%;
background-color: #e7502e;
padding-bottom: 73px;
padding-top: 14px;
}
footer .content {
width: 1460px;
max-width: 90%;
margin: 0 auto;
display: flex;
height: 100%;
align-items: center;
justify-content: center;
}
footer .content p {
font-size: 12px;
letter-spacing: 0px;
color: #ffffff;
font-weight: 400;
text-align: center;
line-height: normal;
}
#banner,
#seguranca,
#contato,
#ambiente,
#lazer,
#condicoes,
#momentos,
#implantacao,
#whatsapp,
#localizacao,
#proximidades,
#andamento-obra,
#realizacao,
#politica-privacidade {
scroll-margin-top: 58px;
}
/* 404 */
#main-footer {
background-color: #222222;
position: absolute;
bottom: 0;
margin-bottom: 0;
}
#pagina-404,
#confirmacao {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
}
.error404 header,
.page-template-page-confirmacao-contato header,
.page-template-page-confirmacao-condicoes header,
.page-template-page-confirmacao-whatsapp header {
display: none !important;
}
.error404 footer,
.page-template-page-confirmacao-contato footer,
.page-template-page-confirmacao-condicoes footer,
.page-template-page-confirmacao-whatsapp footer {
padding-bottom: 15px;
position: absolute;
bottom: 0;
}
.error404 .footer-fixo,
.page-template-page-confirmacao-contato .footer-fixo,
.page-template-page-confirmacao-condicoes .footer-fixo,
.page-template-page-confirmacao-whatsapp .footer-fixo {
display: none;
}
#pagina-404 h1,
#confirmacao h1 {
color: var(--roxo);
font-size: 56px;
margin-bottom: 15px;
font-weight: 700;
text-align: center;
}
#pagina-404>p,
#confirmacao span {
font-size: 30px;
margin-bottom: 22px;
text-align: center;
}
#pagina-404>a,
#confirmacao a {
background-color: #e7502e;
border: 0.5px solid #e7502e;
border-radius: 5px;
border-radius: 50px;
color: #fff;
display: block;
font-size: 18px;
letter-spacing: 1px;
padding: 15px 0;
text-align: center;
transition: 0.2s;
width: 236px;
text-decoration: none;
}
/* CONFIRMAÇÃO */
/* RESPONSIVO */
@media screen and (max-width: 1680px) {
#plantas .swiper-slide .folha {
font-size: 0.9vw;
}
#plantas .swiper-slide .folha span {
font-size: 14px;
}
}
@media screen and (max-width: 1600px) {
#menu-principal {
padding: 19.5px 25px 19.5px 38px;
}
#menu-principal a {
font-size: 12px;
}
#menu-principal li::before {
margin: 0px 6px;
}
#menu-principal a:before {
bottom: -20px;
}
#plantas .swiper .area-setas {
width: 89vw;
}
#livings::before {
width: 22vw;
height: 37vw;
}
#proximidades::before {
width: 17vw;
}
#proximidades::after {
width: 17vw;
}
#whatsapp::before {
width: 20vw;
bottom: -75px;
}
}
@media screen and (max-width: 1440px) {
.container-principal {
width: 80%;
}
.texto_padrao {
font-size: 14px;
line-height: 18px;
}
.galeria-config .swiper .swiper-wrapper {
padding-top: 15px;
}
.galeria-config .swiper-slide.swiper-slide-prev {
-webkit-transform: translate3d(-20%, 0px, 75px) rotateX(0deg) rotateY(30.7563deg) scale(0.9) !important;
transform: translate3d(-20%, 0px, 75px) rotateX(0deg) rotateY(30.7563deg) scale(0.9) !important;
}
.galeria-config .swiper-slide.swiper-slide-next {
-webkit-transform: translate3d(20%, 0px, 75px) rotateX(0deg) rotateY(-30.7563deg) scale(0.9) !important;
transform: translate3d(20%, 0px, 75px) rotateX(0deg) rotateY(-30.7563deg) scale(0.9) !important;
}
#contato .content,
#simule .content,
#whatsapp .content {
width: 540px;
}
form {
padding: 30px 30px 30px 30px;
}
.content .call p {
font-size: 20px;
}
#contato .content .call p span,
#simule .content .call p span {
font-size: 26px;
line-height: 34px;
}
#plantas .area-filtro li {
font-size: 14px;
text-align: center;
padding: 0 20px;
}
#plantas .area-filtro li span {
font-size: 12px;
}
#plantas .swiper-slide .descricao .esq {
font-size: 12px;
min-width: 195px;
}
}
@media screen and (max-width: 1366px) {
#implantacao>.titulo {
font-size: 28px;
margin-bottom: 16px;
}
#localizacao .box-mapa .waze {
width: 248px;
height: 78px;
}
#proximidades>.titulo {
font-size: 28px;
margin-bottom: 30px;
}
.galeria-config .swiper-slide.swiper-slide-prev {
-webkit-transform: translate3d(-22%, 0px, 75px) rotateX(0deg) rotateY(30.7563deg) scale(0.9) !important;
transform: translate3d(-22%, 0px, 75px) rotateX(0deg) rotateY(30.7563deg) scale(0.9) !important;
}
.galeria-config .swiper-slide.swiper-slide-next {
-webkit-transform: translate3d(22%, 0px, 75px) rotateX(0deg) rotateY(-30.7563deg) scale(0.9) !important;
transform: translate3d(22%, 0px, 75px) rotateX(0deg) rotateY(-30.7563deg) scale(0.9) !important;
}
#menu-principal {
padding: 19.5px 14px 19.5px 24px;
}
#menu-principal a {
font-size: 10px;
}
}
@media screen and (max-width: 1280px) {
form .titulo {
margin-bottom: 25px;
}
form .box-input label.subir {
font-size: 12px;
top: -12px;
}
form .box-input {
margin-bottom: 18px;
}
#contato .content,
#simule .content,
#whatsapp .content {
width: 520px;
}
#contato .content .call p,
#simule .content .call p,
#simule .content .call p span.primeiro {
font-size: 16px;
}
#contato .content .call {
right: -50%;
top: 95px;
}
#contato .content .call img,
#simule .content .call img {
margin-bottom: 10px;
}
#simule .content .call {
position: absolute;
left: -50%;
}
#simule .content .call p span.primeiro {
line-height: 11px;
margin-bottom: 14px;
}
#plantas .area-filtro {
max-width: 95%;
}
#livings::before {
width: 17vw;
height: 32vw;
}
#localizacao .faixa-01 p,
#localizacao .faixa-02 p {
font-size: 20px;
}
#localizacao .faixa-01 p::before {
top: -86px;
left: -127px;
transform: scale(.8);
}
#proximidades .box-cards .card img {
margin-bottom: 19px;
width: 70px;
}
#whatsapp .content .call p span {
font-size: 24px;
line-height: 32px;
}
#whatsapp .content .call {
position: absolute;
right: -60%;
}
#whatsapp .content .call p span.primeiro,
#whatsapp .content .call p {
font-size: 22px;
}
.container-principal {
width: 85%;
}
}
@media screen and (max-width: 1200px) {
#menu-principal a:before {
background-color: var(--verde);
bottom: -20px;
}
#plantas .swiper-slide .descricao {
padding: 0 12px;
}
#plantas .swiper-slide .descricao .esq::before {
visibility: hidden;
position: absolute;
}
#plantas .swiper-slide .descricao .esq {
min-width: 136px;
}
#whatsapp .content .call p span {
font-size: 20px;
line-height: 28px;
}
#whatsapp .content .call {
position: absolute;
right: -50%;
}
#plantas .swiper-slide .folha {
line-height: 1.3vw;
}
}
@media screen and (max-width: 1080px) {
#contato .content,
#simule .content,
#whatsapp .content {
width: 459px;
}
#contato .content .call {
right: -58%;
}
#whatsapp .content .call {
position: absolute;
right: -55%;
}
}
@media screen and (max-width: 1024px) {
#proximidades .box-cards .card img {
margin-bottom: 15px;
width: 55px;
}
#proximidades .box-cards .card .texto {
font-size: 16px;
}
#proximidades .box-cards .card .tempo {
font-size: 20px;
}
#plantas .foobox::before {
right: 2vw;
top: 2vw;
}
#banner .esq {
top: 20%;
left: 11vw;
right: 0;
width: 42.14vw;
}
#banner .dir {
top: unset;
bottom: 0;
left: 0;
width: 100%;
}
#lazer {
background-color: #bfd938;
padding-bottom: 12%;
margin-top: 0;
padding-top: 5%;
}
#contato::after {
z-index: 1;
}
#plantas {
padding-bottom: 40px;
}
#realizacao .topo {
flex-direction: column;
align-items: center;
}
#realizacao .topo .esq {
margin-bottom: 40px;
}
#realizacao .topo .imagem {
flex-direction: column;
row-gap: 19px;
align-items: center;
}
#realizacao .topo .titulo {
margin-bottom: 30px;
}
#contato,
#simule,
#whatsapp {
height: auto;
}
#proximidades .box-cards {
flex-direction: column;
row-gap: 14px;
}
#proximidades .box-cards .dir {
width: 100%;
}
#proximidades .box-cards .esq {
width: 100%;
}
#proximidades {
padding-top: 60px;
}
#proximidades>.titulo {
margin-bottom: 61px;
}
#contato .content,
#simule .content,
#whatsapp .content {
display: flex;
flex-direction: column-reverse;
width: 600px;
max-width: 90%;
}
#localizacao .box-mapa .waze {
width: 195px;
}
#simule .content {
flex-direction: column;
}
.content .call {
position: unset !important;
display: flex;
flex-direction: column !important;
align-items: center !important;
}
.quebra-linha {
display: inline-block;
}
#contato .content .call p,
#simule .content .call p,
#simule .content .call p span.primeiro,
#whatsapp .content .call .texto {
font-size: 24px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 36px;
text-align: center;
}
#localizacao> img {
margin-bottom: 0;
}
#localizacao .faixa-01 p::before {
display: none;
}
#localizacao .faixa-2 p {
font-size: 20px;
line-height: normal;
}
#whatsapp {
margin-top: -37px;
padding-bottom: 116px;
padding-top: 163px;
}
#simule {
height: auto;
padding-bottom: 119px;
}
#simule .content .call p span.primeiro {
margin-bottom: 16px;
}
#contato {
background-position: 30% bottom;
background-size: auto;
background-color: var(--roxo);
padding-bottom: 63px;
}
#implantacao {
padding-bottom: 65px;
}
#implantacao .box-implantacao .itens {
margin-top: 25px;
}
.menu-principal-container,
.menu-principal-container.fixo {
top: -100%;
position: fixed;
width: 100%;
height: 0%;
background: var(--roxo);
transition: .6s all ease-in-out;
overflow: auto;
}
#menu-principal li::before {
display: none;
}
#whatsapp .content .call {
align-items: center;
}
#implantacao {
margin-top: 0;
padding-top: 46px;
}
#implantacao>.titulo {
position: relative;
z-index: 1;
}
#implantacao::after {
display: none;
}
#implantacao .box-implantacao {
padding: 45px 45px 37px;
}
header {
position: fixed;
top: 20px;
right: 0;
z-index: 200;
}
header.aberto .menu-principal-container {
top: 0;
height: 100%;
transition: .6s all ease-in-out;
}
header .menu-hamburger {
width: 60px;
height: 60px;
border-radius: 3px 0 0 3px;
background-color: #e7502e;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
row-gap: 6px;
z-index: 100;
padding-right: 15px;
position: relative;
margin-left: 24px;
}
#menu-principal {
flex-direction: column;
padding: 130px 5% 40px;
row-gap: 20px;
height: 100%;
border-radius: 0;
justify-content: flex-start;
}
.menu-principal-container.fixo #menu-principal {
padding: 130px 5% 40px;
}
#menu-principal li {
border: 2px solid #fff;
width: 100%;
padding: 20px 5%;
}
#menu-principal a {
clip-path: unset;
height: 100%;
width: 100%;
display: block;
}
#menu-principal a:before {
display: none;
}
header .menu-hamburger .hamburger {
background-color: #fff;
border-radius: 2px;
height: 4px;
transition: 0.3s all ease-in-out;
}
header .menu-hamburger .hamburger.hamburger-1 {
width: 27px;
}
header .menu-hamburger .hamburger.hamburger-2 {
width: 27px;
}
header .menu-hamburger .hamburger.hamburger-3 {
width: 13px;
}
header.aberto .menu-hamburger .hamburger-1 {
transform: rotate(45deg) translate(9px, 6px);
}
header.aberto .menu-hamburger .hamburger-2 {
opacity: 0;
}
header.aberto .menu-hamburger .hamburger-3 {
transform: rotate(-45deg) translate(8px, -5px);
width: 27px !important;
}
#plantas .swiper {
width: 100%;
margin-left: 0;
padding: 0 !important;
}
#plantas .box-filtro {
overflow: auto;
margin-bottom: 30px;
}
#plantas .area-filtro {
width: max-content;
max-width: unset;
margin-bottom: 10px;
border-radius: 0;
}
#plantas .swiper-slide {
height: auto;
align-items: center;
flex-direction: column;
padding: 20px;
row-gap: 17px;
justify-content: center;
}
#plantas .swiper-slide a {
position: unset;
transform: none;
width: 378px;
max-width: 90%;
}
#plantas .swiper-slide .descricao {
display: flex;
align-items: center;
flex-direction: column;
row-gap: 10px;
}
#plantas .swiper-slide .descricao .dir {
font-size: 12px;
text-align: center;
}
#plantas .swiper-slide .descricao .esq::before {
content: url(../images/carro-plantas.webp) !important;
position: unset;
visibility: visible;
}
#plantas .swiper .area-setas {
margin-top: 30px;
}
#plantas .pagination-plantas {
top: 51px;
position: relative;
}
#plantas .area-filtro li {
height: 62px;
}
#plantas .swiper.pes_dois_slides .swiper-wrapper {
justify-content: unset;
padding-left: 0;
}
#plantas>.titulo {
font-size: 26px;
max-width: 90%;
margin: 0 auto;
margin-bottom: 10px;
text-align: center;
}
#plantas .swiper-slide .folha {
position: absolute;
top: 30px;
left: 0px;
width: 204px;
height: 122px;
font-size: 14px;
line-height: normal;
}
#localizacao> img {
max-width: 100%;
border-radius: 0;
border: none;
border-top: 4px solid #e7502e;
border-bottom: 4px solid #e7502e;
}
#livings::before {
width: 10vw;
height: 17vw;
bottom: -45px;
}
}
@media screen and (max-width: 996px) {}
@media screen and (max-width: 980px) {
.galeria-config .swiper-slide.swiper-slide-active .foobox::before {
transform: scaleX(0.58) scaleY(0.8) !important;
right: 5px;
}
footer {
padding-bottom: 142px;
}
#pagina-404 h1,
#confirmacao h1 {
font-size: 36px;
text-align: center;
max-width: 90%;
}
#pagina-404>p,
#confirmacao span {
font-size: 22px;
max-width: 90%;
text-align: center;
}
.container-principal {
width: 90%;
}
.galeria-config .swiper-slide.swiper-slide-prev {
-webkit-transform: translate3d(-15%, 0px, -118.924px) rotateX(0deg) rotateY(30.7563deg) scale(1) !important;
transform: translate3d(-15%, 0px, -118.924px) rotateX(0deg) rotateY(30.7563deg) scale(1) !important;
}
.galeria-config .swiper-slide,
.galeria-config .swiper-slide img {
height: 300px;
}
.galeria-config .swiper {
width: 122%;
margin-left: -11% !important;
}
.galeria-config .pagination-residencial,
.galeria-config .pagination-living {
padding-top: 80px;
}
#lazer .galeria-container {
padding: 30px 20px;
}
.subtitulo_padrao {
font-size: 26px;
}
#lazer .titulo_padrao {
font-size: 28px;
}
.galeria-config .swiper .swiper-wrapper {
padding-top: 50px;
}
.texto_padrao {
width: 100%;
}
.galeria-config .swiper-slide.swiper-slide-next {
-webkit-transform: translate3d(15%, 0px, -120.325px) rotateX(0deg) rotateY(-31.1186deg) scale(1) !important;
transform: translate3d(15%, 0px, -120.325px) rotateX(0deg) rotateY(-31.1186deg) scale(1) !important;
}
.galeria-container::after {
display: none;
}
.titulo_living {
font-size: 22px !important;
}
}
@media screen and (max-width: 768px) {
#implantacao .box-implantacao .itens {
flex-direction: column;
row-gap: 6px;
}
#localizacao>.titulo {
font-size: 26px;
margin-bottom: 17px;
width: 100%;
padding: 0 5%;
}
#banner .esq {
top: 18%;
width: 62.14vw;
left: 0;
margin: auto;
}
}
@media screen and (max-width: 660px) {
.galeria-config .swiper-slide,
.galeria-config .swiper-slide img {
height: 45vw !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
}
}
@media screen and (max-width: 600px) {
.box-implantacao .foobox::before {
right: 1vw;
top: -1vw;
}
#plantas .swiper-slide .folha {
width: 137px;
line-height: 15px;
height: 81px;
top: 6px;
font-size: 11px;
}
#plantas .swiper-slide .folha span {
font-size: 11px;
}
#proximidades .box-cards .esq .card {
width: 49.3%;
}
footer {
padding-top: 20px;
padding-bottom: 113px;
}
footer .content {
flex-direction: column;
}
#implantacao .box-implantacao {
padding: 25px 25px 28px;
}
}
@media screen and (max-width: 500px) {
.galeria-config .swiper {
width: 135% !important;
margin-left: -19.5% !important;
}
.titulo_living {
font-size: 18px !important;
}
#livings .living-traco {
gap: 12px
}
#livings .living-traco::before,
#livings .living-traco::after {
width: 60px;
}
}
@media screen and (max-width: 490px) {
.galeria-config .swiper-button-next,
.galeria-config .swiper-button-prev,
#plantas .swiper .area-setas .next-plantas,
#plantas .swiper .area-setas .prev-plantas,
#livings .galeria-config .swiper-button-next,
#livings .galeria-config .swiper-button-prev {
border-radius: 50%;
width: 40px !important;
height: 40px !important;
}
.galeria-config .swiper-button-prev {
left: 0% !important;
}
.galeria-config .swiper-button-next {
right: 0% !important;
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 4px)) !important;
}
#plantas .swiper-slide .descricao .esq::before {
transform: scale(.8);
}
}
@media screen and (max-width: 460px) {
#proximidades .box-cards .esq .card {
width: 100%;
}
}
@media screen and (max-width: 430px) {
#whatsapp {
margin-top: -69px;
}
}
@media screen and (max-width: 400px) {
#plantas .swiper-slide .folha {
display: none;
}
}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 330px) {}
@media screen and (max-width: 280px) {}
/* tour virtual */
#tour{
padding-top:40px!important;
}
#tour .video-produto {
display: flex;
align-items: center;
justify-content: center;
position:relative;
}
#tour iframe,
#tour img {
margin-top: 20px;
height:500px;
object-fit:cover;
}
#tour img{
filter: grayscale(1);
}
#tour .video-yt {
position: absolute;
width: 100px;
left: calc(50% - 50px);
top: calc(50% - 50px);
cursor: pointer;
transition: .2s all;
}
#tour .video-yt:hover{
scale: 1.1;
}
#tour>.titulo {
font-size: 36px;
color: var(--roxo);
font-weight: 700;
text-align: center;
margin-bottom: 32px;
}