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 {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
margin-right: 0 !important;
}
a:focus {
outline: none;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
img {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear: both;
}
iframe {
display: block;
}
body {
font-family: 'Gal Gothic', sans-serif;
margin: 0 !important;
}
:root {
--preto: #000000;
--branco: #ffffff;
--verde-agua: #007C84;
--azul-claro: #009DC5;
--verde: #A2BC0C;
--amarelo: #EEFF00;
--transicao: .3s all ease-in-out;
--marrom-escuro: #453B3D;
--chumbo: #282828;
}
@font-face {
font-family: "Nexa";
font-display: swap;
src: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/fonts/nexa-bold.woff2);
}
@font-face {
font-family: "Nexa Bold";
font-display: swap;
src: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/fonts/nexa-bold.woff2);
}
@font-face {
font-family: "Gilroy Heavy";
font-display: swap;
src: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/fonts/Gilroy-Heavy.woff2);
}
@font-face {
font-family: "Gilroy Medium";
font-display: swap;
src: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/fonts/Gilroy-Medium.woff2);
}
@font-face {
font-family: "Gotham Bold";
font-display: swap;
src: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/fonts/GOTHAM-BOLD.woff2);
}
@font-face {
font-family: "Gotham Light";
font-display: swap;
src: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/fonts/Gotham-Light.woff2);
}
html::-webkit-scrollbar-track {
background: rgb(255 255 255);
}
html::-webkit-scrollbar-thumb {
background-color: var(--verde);
border-radius: 20px;
border: 3px solid rgb(255 255 255);
}
html::-webkit-scrollbar {
width: 12px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: var(--verde);
border-radius: 20px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar {
width: 12px;
height: 10px;
} #banner {
width: 100%;
position: relative;
}
#banner img {
width: 100%;
height: auto;
}
h1 {
color: blue
} .site-main {
overflow: hidden;
}
#container-header #masthead {
position: absolute;
width: 100%;
transform: translateY(0);
opacity: 1;
margin-top: 40px; }
#container-header #masthead.header-fixo {
position: fixed;
background-color: #009DC5;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
transform: translateY(0);
opacity: 1;
top: 0;
z-index: 99;
margin: 0;
transition: background-color 0.1s ease;
}
#container-header .main-navigation.header-fixo {
padding: 0.8vw 2.1vw;
border-radius: 0 0 20px 20px;
box-shadow: none;
}
#container-header #masthead.header-fixo .main-navigation {
padding: 15px 3.5vw;
}
#container-header .site-header {
position: absolute;
z-index: 10;
margin-top: 0;
left: 0;
width: 100%;
}
#container-header .main-navigation {
z-index: 2;
background-color: var(--azul-claro);
padding: 1.41vw 3.021vw 1.41vw 1.9vw;
border-radius: 6px;
display: flex;
width: auto;
gap: 12px;
align-items: stretch;
justify-content: flex-start;
float: right;
box-shadow: 0px 0px 20px 0px #0000004D;
}
#container-header .main-navigation ul {
display: flex;
}
#container-header .main-navigation ul li a {
font-size: 18.46px;
color: #FFFFFF;
position: relative;
padding-left: 1.823vw;
font-family: "Gotham Bold";
transition: background-color 0.3s ease;
}
#container-header .main-navigation ul li a:hover {
color: var(--verde);
transition: 0.3s all ease-in-out;
}
#container-header .main-navigation ul li:not(:last-child) a::after {
content: '';
display: inline-block;
width: 2px;
height: 20px;
background-color: white;
vertical-align: middle;
margin-left: 1.823vw;
transition: background-color 0.3s ease;
}
#container-header .menu_mobile {
display: none;
} #contato {
background-image: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/images/fundo-form.webp);
width: 100%;
background-size: cover;
position: relative
}
#contato .container::after {
content: '';
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/icones/half-flor.svg);
width: 145px;
height: 80px;
position: absolute;
bottom: -83px;
left: calc(50% - 60px);
}
#contato::before {
content: '';
width: 100%;
background-size: cover;
height: 52vw;
background-repeat: no-repeat;
position: absolute;
top: -17vw;
z-index: 1;
}
#contato .box-input.box-check input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 0.93px solid #FFFFFF !important;
background-color: transparent !important;
border-radius: 2px;
width: 11px;
height: 11px;
cursor: pointer;
position: relative;
}
#contato .box-input.box-check input[type="checkbox"]:checked::after {
content: "✔";
color: white;
font-size: 8px;
position: absolute;
top: -2px;
left: 2px;
}
#contato .bgd-contato {
width: 100%;
position: absolute;
top: -17.5vw;
z-index: -1;
}
#contato-status {
color: #fff;
font-size: 14px;
text-align: center;
}
#contato .destaque {
font-size: 40px;
line-height: 44.93px;
letter-spacing: 0.12em;
position: relative;
}
#contato .esq .icon-contato {
width: 102px;
height: 102px;
margin-bottom: 1.875vw;
}
#contato .destaque b {
font-family: "Nexa Bold";
}
#contato .container {
padding: 80px 0;
display: flex;
gap: 38px;
align-items: center;
position: relative;
z-index: 1;
border-bottom: 3px solid var(--amarelo);
}
#contato .esq {
width: 46.5%;
display: flex;
align-items: center;
justify-content: center;
}
#contato .esq .content {
display: flex;
flex-direction: column;
gap: 10px;
align-items: end;
}
#contato .esq .content p.primeiro {
font-family: "Gilroy Medium";
font-style: normal;
font-size: 2.017vw;
line-height: 105%;
letter-spacing: 0%;
margin: 0;
text-align: right;
color: #282828;
margin-bottom: 1vw;
}
#contato .esq .content p.segundo {
width: 61%;
font-family: "Gilroy Heavy";
font-style: normal;
font-size: 2.881vw;
line-height: 1.05;
letter-spacing: 0%;
text-align: right;
margin: 0;
color: #282828;
}
#contato .form-exent {
padding: 1.771vw 1.979vw;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
position: relative;
width: 43.6%;
max-width: 586px;
background-color: #009DC5;
background-size: 100% 100%;
box-sizing: border-box;
}
.form-exent .form_titulo {
font-family: "Gilroy Heavy";
font-weight: 700;
font-style: ☞;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.1em;
color: #fff;
padding-left: 10px;
}
.logo-form {
width: 100%;
display: block;
margin: 20px auto;
filter: brightness(0);
-webkit-filter: brightness(0);
}
.form-exent .obrigatorios {
font-size: 11.18px;
letter-spacing: .1em;
text-align: center;
color: #000;
margin-bottom: 5px;
}
.form-exent form {
margin-top: 20px;
}
.campo-form {
position: relative;
margin: 0 0 13px;
}
.campo-form-telefone {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 15px;
}
.campo-form-ddd {
width: 22.5%; }
.campo-form-tel {
width: 82%; }
.form-exent-nome,
.form-exent-email,
.form-exent-telefone,
.form-exent-mensagem {
padding-top: 20px; }
.label-form {
font-size: 14px;
color: #453B3D;
position: absolute;
top: 14px;
left: 14px;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
z-index: 10;
font-family: "Gilroy Medium";
font-weight: 400;
}
.label-form.label-up {
top: -9px;
font-size: 12px;
background-color: #A2BC0C;
color: #fff;
padding: 1px 4px;
border-radius: 3px;
}
.form-exent-nome {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-email {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-telefone {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-mensagem {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-ddd {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-enviar {
font-family: "Gilroy Heavy" !important;
border: none !important;
color: #fff !important;
cursor: pointer;
display: block;
display: flex;
align-items: center;
font-weight: 700 !important;
float: none;
text-align: center;
font-size: 21 !important;
margin: 15px 0;
padding: 10px 14px !important;
transition: all .2s;
font-weight: 400;
letter-spacing: 1.5px !important;
width: 100%;
background-color: #A2BC0C !important;
font-size: 21.35px !important;
position: relative;
}
.botao-enviar {
display: flex;
position: relative !important;
justify-content: center;
align-items: center;
}
.botao-enviar svg {
position: absolute;
left: 58%;
}
.text-campos {
font-family: "Gilroy Medium";
font-weight: 400;
font-style: ☞;
font-size: 15px;
line-height: 1.05;
color: #fff;
text-align: center;
}
input:focus,
textarea:focus {
outline: none !important;
box-shadow: none !important;
}
.control {
box-sizing: border-box !important;
border: 1px solid #ccc;
padding: 8px;
border-radius: 4px;
font-size: 14px;
width: 100%;
}
#contato .control:focus {
outline: none !important;
border: 1px solid #A2BC0C !important;
}
.chek-lb {
font-family: "Gilroy Medium";
font-weight: 100;
font-size: 11px;
line-height: 1.05;
color: #fff;
}
.box-check {
display: flex;
gap: 7px;
}
.form-exent input[type=checkbox] {
margin: 0 !important
}
.form-exent-enviar:hover,
.botao-enviar:hover:after {
filter: brightness(1.2);
-webkit-filter: brightness(1.2)
}
.form-exent-enviar:focus,
.form-exent-enviar:focus-visible {
border: none !important
}
.form-exent p:last-child {
margin-bottom: 0 !important
}
.hone_hp {
display: none !important;
}
.form-exent-nome.form_ativo,
.form-exent-email.form_ativo,
.form-exent-ddd.form_ativo,
.form-exent-telefone.form_ativo,
.form-exent-mensagem.form_ativo,
input:focus,
textarea:focus,
input:focus-visible,
textarea:focus-visible {
border: 1px solid #000 !important;
outline: none;
} #galeria {
position: relative;
padding: 15px 0 80px 0;
}
#galeria::before {
content: '';
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/flor-fundo.webp);
width: 39.734vw;
background-size: cover;
height: 43vw;
background-repeat: no-repeat;
position: absolute;
left: calc(50% - 21.5%);
z-index: 1;
top: -33px;
}
#galeria .container {
width: 70%;
background: #0000001A;
backdrop-filter: blur(15px);
max-width: 1665px;
margin: auto;
position: relative;
z-index: 2 !important;
border-radius: 52px;
backdrop-filter: blur(15px)
}
#galeria .container::before {
content: '';
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/icones/icon-flor.svg);
width: 105px;
background-size: cover;
height: 108px;
background-repeat: no-repeat;
position: absolute;
top: -20px;
left: -30px;
}
#galeria .container h2 {
font-family: "Gilroy Heavy";
font-size: 3.125vw;
text-align: center;
padding: 47px 5.208vw 0 5.208vw;
line-height: 3.438vw;
font-weight: 400;
color: var(--preto);
}
#galeria .container h2 span {
color: #009DC5 !important;
}
#galeria .container .texto {
font-family: "Gilroy Medium";
font-weight: 400;
font-size: 18px;
color: var(--preto);
margin-top: 25px;
text-align: center;
}
#galeria .area-filtro {
margin: 40px auto 0;
display: flex;
flex-wrap: wrap;
align-items: stretch;
text-align: center;
justify-content: center;
gap: 15px;
}
#galeria .area-filtro li {
box-sizing: border-box;
font-weight: 500;
font-size: 0.9vw;
letter-spacing: .1em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #009DC5;
border: 1px solid #009DC5;
background-color: #009DC5;
padding: 1vw 5px;
display: block;
width: calc(20% - 12px);
cursor: pointer;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
}
#galeria .area-filtro li.ativo,
#galeria .area-filtro li:hover {
color: #fff;
border: 1px solid #009DC5;
background-color: #009DC5;
}
#galeria .swiper-button-prev:after {
content: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/images/prev.png);
font-size: 22px;
color: var(--azul-claro) !important;
}
#galeria .swiper-button-next:after {
content: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/images/next.png);
font-size: 22px;
color: var(--azul-claro) !important;
}
#galeria .swiper-button-prev:after,
#galeria .swiper-button-next:after {}
#galeria .swiper-button-prev {
left: -16%;
}
#galeria .swiper-button-next {
right: -16%;
}
.swiper-button-next,
.swiper-button-prev {
margin-top: calc(-20px - (var(--swiper-navigation-size) / 2)) !important;
}
#galeria .swiperconfig a {
height: 20.052vw;
display: block;
overflow: hidden;
border-radius: 16px;
}
#galeria .swiperconfig img {
width: 100%;
height: 100%;
transform: scaleY(1.6);
object-fit: cover;
border-radius: 16px;
}
#galeria .swp {
display: none;
}
#galeria .swp.swp-ativo {
display: block;
}
#galeria .swiperconfig .legenda .obs {
font-weight: 300;
font-size: 8px;
line-height: 12px;
letter-spacing: 0.08em;
text-align: center;
text-transform: uppercase;
transform: scaleX(0.9);
}
#galeria .box-swiper {
position: relative;
margin-top: 20px;
}
#galeria .swiperconfig {
padding: 25px 0 3.9vw 0;
width: 120%;
left: -10%;
position: relative;
}
#galeria .swiperconfig .swiper-slide {
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-ms-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
#galeria .swiperconfig .swiper-slide.swiper-slide-next {
transform: scaleY(1.2) scaleX(1.5) !important;
margin-right: 0px !important;
border-radius: 16px !important;
z-index: 1 !important;
box-shadow: 0px 0px 19.1px 3px #0000001A !important;
-webkit-transform: scaleY(1) scaleX(1.683) !important;
-moz-transform: scaleY(1.2) scaleX(1.5) !important;
-ms-transform: scaleY(1.2) scaleX(1.5) !important;
-o-transform: scaleY(1.2) scaleX(1.5) !important;
}
#galeria .swiperconfig .swiper-slide.swiper-slide-next .legenda .principal,
#galeria .swiperconfig .swiper-slide.swiper-slide-next .legenda .obs {
letter-spacing: 0.05em;
}
#galeria .swiperconfig .swiper-slide.swiper-slide-active {
transform: scaleY(1) scaleX(1.2) translateX(2.45vw) !important;
-webkit-transform: scaleY(0.7) scaleX(1.2) translateX(3.45vw) !important;
-moz-transform: scaleY(1) scaleX(1.2) translateX(2.45vw) !important;
-ms-transform: scaleY(1) scaleX(1.2) translateX(2.45vw) !important;
-o-transform: scaleY(1) scaleX(1.2) translateX(2.45vw) !important;
}
#galeria .swiperconfig .swiper-slide.swiper-slide-next+.swiper-slide {
transform: scaleY(1) scaleX(1.2) translateX(-2.45vw) !important;
-webkit-transform: scaleY(0.7) scaleX(1.2) translateX(-3.45vw) !important;
-moz-transform: scaleY(1) scaleX(1.2) translateX(-2.45vw) !important;
-ms-transform: scaleY(1) scaleX(1.2) translateX(-2.45vw) !important;
-o-transform: scaleY(1) scaleX(1.2) translateX(-2.45vw) !important;
}
.item:before {
content: '';
background-image: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/images/icones/fullscreen-swiper.svg);
background-repeat: no-repeat;
background-position: center;
width: 26px;
height: 26px;
padding: 25.5px 23.1px;
background-color: var(--amarelo);
transform: scaleX(.6) scaleY(.95) !important;
position: absolute;
box-sizing: border-box;
top: 20.16px;
right: 9.16px;
border-radius: 10px;
transition: .3s ease-in-out;
z-index: 1;
}
.item:hover::before {
scale: 1.1;
} #plantas {
margin-top: 113px;
margin-bottom: 79.65px;
position: relative;
}
#plantas::before {
content: '';
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/flor-fundo.webp);
width: 39.734vw;
background-size: cover;
height: 43vw;
background-repeat: no-repeat;
position: absolute;
left: calc(50% - 20.5%);
z-index: 1;
top: 138px;
z-index: -1;
max-width: 762px;
}
#plantas .container {
margin: 0 auto;
max-width: 1177px;
width: 90%;
}
#plantas .container h2 {
font-family: "Gilroy Heavy";
font-size: 3.125vw;
text-align: center;
padding-top: 47px;
line-height: 3.438vw;
font-weight: 400;
color: var(--preto);
}
#plantas .container h2 span {
color: #009DC5 !important;
}
#plantas .container .texto {
font-family: "Gilroy Medium";
font-weight: 400;
font-size: 18px;
color: var(--preto);
margin-top: 25px;
text-align: center;
}
#plantas .area-filtro-plantas {
margin: 40px auto 0;
display: flex;
align-items: stretch;
text-align: center;
justify-content: center;
gap: 10px;
background-color: var(--verde);
padding: 6px 8px;
z-index: 2;
border-radius: 6px;
}
#plantas .area-filtro-plantas li.ativo,
#plantas .area-filtro-plantas li:hover {
color: #fff;
border: 1px solid #009DC5;
background-color: #009DC5;
font-weight: 700;
}
#plantas .boxfiltro-plantas {
z-index: 2;
}
#plantas .area-filtro-plantas li {
font-family: "Gotham Bold";
box-sizing: border-box;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.16em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: var(--branco);
border: 3px solid #009DC6;
background-color: transparent;
padding: 13px;
;
display: block;
width: 25.25%;
cursor: pointer;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
}
#plantas .area-filtro-plantas li .block {
font-size: .6vw;
letter-spacing: .05em;
margin-top: 5px;
}
#plantas .boxes {
padding: 35.81px 48.66px 33.97px 47.74px;
opacity: 0.95;
background: #0000001A;
backdrop-filter: blur(15px);
max-width: 1177px;
margin: auto;
position: relative;
z-index: 2 !important;
border-radius: 7.34px;
backdrop-filter: blur(15px);
margin-top: 25px;
min-height: 580px;
}
#plantas .boxes::before {
content: '';
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/icones/detalhe-plantas.webp);
width: 276px;
background-size: cover;
height: 97px;
background-repeat: no-repeat;
position: absolute;
bottom: 13px;
right: 20px;
z-index: 1;
}
#plantas .boxes .box {
gap: 12px;
display: none;
}
#plantas .boxes .box .dir .descricao {
font-family: "Gotham Light";
font-weight: 325;
font-weight: 500;
font-size: 10.1px;
line-height: 17.44px;
text-align: left;
padding-top: 13px;
padding-left: 220px;
padding-right: 50px;
position: absolute;
color: var(--preto);
word-spacing: 4px;
}
#plantas .boxes .box.box-ativo {
display: flex;
}
#plantas .boxes .esq {
width: 53.4%
}
#plantas .boxes .dir {}
#plantas .boxes .box .dir .img-foobox {
border-radius: 6px;
}
#plantas .tit {
width: 21.8vw;
display: block;
margin: 0 auto 30px;
}
#plantas .tit .titulo {
letter-spacing: 0.09em;
font-size: 2.0833vw;
}
#plantas .desc {
color: #fff;
background-color: #96644B;
font-weight: 300;
font-size: 1.0416vw;
letter-spacing: 0.25em;
text-align: center;
text-transform: uppercase;
padding: 0.5vw 0;
}
#plantas .img-planta.living img {
width: 100%;
height: 23.229vw;
object-fit: cover;
margin-bottom: 30px;
}
#plantas .img-planta {
position: relative;
}
#plantas .infos {
font-weight: 300;
font-size: 10px;
line-height: 14px;
color: #717171;
}
#plantas .img-planta::before {
content: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/images/icones/fullscreen-swiper.svg);
padding: 25.5px 23.1px;
background-color: #fff;
padding: 7px;
position: absolute;
box-sizing: border-box;
top: 15px;
right: 15px;
transition: .3s ease-in-out;
}
#plantas .img-planta.plantasolo::before {
background-color: transparent;
background-color: var(--amarelo);
border-radius: 6px;
top: 26px;
right: 26px;
}
#plantas .img-planta:hover::before {
scale: 1.05;
}
#plantas .infoplantas {
background-color: #fff;
color: #96644B;
font-weight: 300;
font-size: 1.25vw;
letter-spacing: 0.15em;
text-align: center;
text-transform: uppercase;
padding: 0.5vw 0;
margin-top: 30px;
}
#plantas .qtde-dormitorio {
width: 19.042vw;
max-width: 365px;
position: absolute;
height: auto;
top: 35%;
left: 37.3%;
} #simule {
background-image: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/images/fundo-form.webp);
width: 100%;
background-size: cover;
position: relative
}
#simule .container::after {
content: "";
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/icones/half-flor.svg);
width: 145px;
height: 80px;
position: absolute;
bottom: -83px;
left: calc(50% - 60px);
}
#simule .container::after {
content: '';
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/icones/half-flor.svg);
width: 145px;
height: 80px;
position: absolute;
bottom: -83px;
left: calc(50% - 60px);
}
#simule .box-input.box-check input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 0.93px solid #FFFFFF !important;
background-color: transparent !important;
border-radius: 2px;
width: 11px;
height: 11px;
cursor: pointer;
position: relative;
}
#simule .container::after {
content: '';
background-image: url(https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/.https://www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/css/images/icones/half-flor.svg);
width: 145px;
height: 80px;
position: absolute;
bottom: -80px;
left: calc(50% - 60px);
}
#simule .box-input.box-check input[type="checkbox"]:checked::after {
content: "✔";
color: white;
font-size: 8px;
position: absolute;
top: -2px;
left: 2px;
}
#simule .bgd-contato {
width: 100%;
position: absolute;
top: -17.5vw;
z-index: -1;
}
#contato-status {
color: #fff;
font-size: 14px;
text-align: center;
}
#simule .destaque {
font-size: 40px;
line-height: 44.93px;
letter-spacing: 0.12em;
position: relative;
}
#simule .esq .icon-contato {
width: 102px;
height: 102px;
margin-bottom: 1.875vw;
}
#simule.destaque b {
font-family: "Nexa Bold";
}
#simule .container {
padding: 147px 0 115px 0; display: flex;
justify-content: center;
gap: 21px;
align-items: center;
position: relative;
z-index: 1;
border-bottom: 3px solid var(--amarelo);
}
#simule .esq {
width: 25%;
display: flex;
align-items: center;
justify-content: center;
}
#simule .esq .content {
display: flex;
flex-direction: column;
gap: 10px;
}
#simule .esq .content p.primeiro {
font-family: "Gilroy Medium";
font-weight: 400;
font-style: normal;
font-size: 2.017vw;
line-height: 105%;
letter-spacing: 0%;
margin: 0;
text-align: left;
color: #282828;
}
#simule .esq .content p.segundo {
width: 95%;
font-family: "Gilroy Heavy";
font-weight: 800;
font-style: normal;
font-size: 2.881vw;
line-height: 1.05;
letter-spacing: 0%;
text-align: left;
margin: 0;
color: #282828;
}
#simule .form-exent {
padding: 1.771vw 1.979vw;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
position: relative;
width: 67.9%;
max-width: 586px;
background-color: #009DC5;
background-size: 100% 100%;
box-sizing: border-box;
}
.form-exent .form_titulo {
font-family: "Gilroy Heavy";
font-weight: 700;
font-style: ☞;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.1em;
color: #fff;
padding-left: 10px;
}
.logo-form {
width: 100%;
display: block;
margin: 20px auto;
filter: brightness(0);
-webkit-filter: brightness(0);
}
.form-exent .obrigatorios {
font-size: 11.18px;
letter-spacing: .1em;
text-align: center;
color: #000;
margin-bottom: 5px;
}
.form-exent form {
margin-top: 20px;
}
.campo-form {
position: relative;
margin: 0 0 13px;
}
.campo-form-telefone {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 15px;
}
.campo-form-ddd {
width: 22.5%; }
.campo-form-tel {
width: 82%; }
.form-exent-nome,
.form-exent-email,
.form-exent-telefone,
.form-exent-mensagem {
padding-top: 20px; }
.form-exent-nome {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-email {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-telefone {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-mensagem {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-ddd {
font-family: "Open Sans", sans-serif;
border: 1px solid transparent !important;
background-color: #fff !important;
font-size: 15px !important;
padding: 11.5px 14px !important;
color: #000 !important;
text-decoration: none !important;
width: 100% !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important
}
.form-exent-enviar {
font-family: "Gilroy Heavy" !important;
border: none !important;
color: #fff !important;
cursor: pointer;
display: block;
display: flex;
align-items: center;
font-weight: 700 !important;
float: none;
text-align: center;
font-size: 21 !important;
margin: 15px 0;
padding: 10px 14px !important;
transition: all .2s;
font-weight: 400;
letter-spacing: 1.5px !important;
width: 100%;
background-color: #A2BC0C !important;
font-size: 21.35px !important;
position: relative;
}
#simule .text-campos {
text-align: left;
}
input:focus,
textarea:focus {
outline: none !important;
box-shadow: none !important;
}
.control {
box-sizing: border-box !important;
border: 1px solid #ccc;
padding: 8px;
border-radius: 4px;
font-size: 14px;
width: 100%;
}
#simule .control:focus {
outline: none !important;
border: 1px solid #A2BC0C !important;
}
.chek-lb {
font-family: "Gilroy Medium";
font-weight: 100;
font-size: 11px;
line-height: 1.05;
color: #fff;
}
.box-check {
display: flex;
gap: 7px;
}
.form-exent input[type=checkbox] {
margin: 0 !important
}
.form-exent-enviar:hover,
.botao-enviar:hover:after {
filter: brightness(1.2);
-webkit-filter: brightness(1.2)
}
.form-exent-enviar:focus,
.form-exent-enviar:focus-visible {
border: none !important
}
.form-exent p:last-child {
margin-bottom: 0 !important
}
.hone_hp {
display: none !important;
}
.form-exent-nome.form_ativo,
.form-exent-email.form_ativo,
.form-exent-ddd.form_ativo,
.form-exent-telefone.form_ativo,
.form-exent-mensagem.form_ativo,
input:focus,
textarea:focus,
input:focus-visible,
textarea:focus-visible {
border: 1px solid #000 !important;
outline: none;
} #lazer {
margin-top: 113px;
margin-bottom: 79.65px;
position: relative;
}
#lazer .container {
margin: 0 auto;
max-width: 1360px;
}
#lazer .container h2 {
font-family: "Gilroy Heavy";
font-size: 3.125vw;
text-align: center;
padding-top: 47px;
line-height: 3.438vw;
font-weight: 400;
color: #009DC5
}
#lazer .container h2 span {
color: #009DC5 !important;
}
#lazer .container .texto {
font-family: "Gilroy Medium";
font-weight: 400;
font-size: 18px;
color: var(--preto);
margin-top: 25px;
text-align: center;
}
#lazer .container .bottom {
display: flex;
gap: 3.542vw;
margin-top: 23px;
}
#lazer .container .esq {
width: 90%;
}
#lazer .container .listas .lista li {
font-family: "Gilroy Medium";
line-height: 25px;
display: flex;
gap: 15px;
font-weight: 500;
font-size: 16px;
color: #000000;
align-items: center;
margin-bottom: 4px;
}
#lazer .container .listas .lista li .numero {
font-size: 22px;
color: var(--azul-claro);
font-family: "Gilroy Heavy";
} #localizacao .localizacao {
width: 100%;
}
#localizacao h2 {
font-family: "Gilroy Heavy";
font-size: 3.125vw;
text-align: center;
padding-top: 47px;
line-height: 3.438vw;
font-weight: 400;
color: #009DC5 !important;
}
#localizacao .texto {
width: 90%;
margin: 0 auto;
font-family: "Gilroy Medium";
font-weight: 400;
font-size: 18px;
color: var(--preto);
padding-top: 25px;
text-align: center;
padding-bottom: 45px;
}
#localizacao .separador_mapa {
background-color: var(--azul-claro);
color: var(--branco);
text-align: center;
font-size: 2.02vw;
padding: 30px 10px !important;
font-family: "Gilroy Medium";
}
.proximidades-container {
padding: 45px 0 80px 0;
display: grid;
margin: 0 auto;
grid-template-columns: repeat(4, 1fr);
gap: 45px;
max-width: 1270px;
width: 90%;
}
.local-item {
background-color: #fff;
border: 1px solid #009DC5;
border-radius: 12px;
padding: 28px 15px 32px 15px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.local-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 178, 227, 0.15);
}
.local-icon svg {
width: 35px;
height: 50px;
margin-bottom: 20px;
}
.local-item .tempo {
font-family: "Gilroy Medium";
color: #009DC5;
font-size: 18px;
font-weight: 400;
margin: 0;
} .local-item .nome {
color: var(--preto);
font-size: 16px;
margin: 5px 0 0 0;
font-family: "Gilroy Medium";
}   .footer {
position: relative;
width: 100%;
display: block;
background-color: #ffffff;
padding-top: 164px;
padding-bottom: 60px;
}
.footer .container {
width: 1360px;
max-width: 90%;
margin: 0 auto;
}
.footer .box-assinaturas {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-evenly;
align-items: flex-start;
}
.footer .box-financiamento {
display: flex;
flex-direction: column;
align-items: center;
}
.footer .box-financiamento p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 15px;
letter-spacing: 0.08em;
text-align: center;
margin-bottom: 3.438vw;
}
.box-logos {
display: flex;
align-items: center;
justify-content: center;
gap: 3.581vw;
}
.boxes-assinaturas {
align-items: center;
display: flex;
flex-direction: column;
}
.box-incorporadora p {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-style: Regular;
font-size: 14px;
line-height: 15px;
letter-spacing: 0.08em;
text-align: center;
margin-bottom: 2.448vw;
} #texto-legal {
position: relative;
width: 100%;
padding: 40px 0;
background-color: #f1f1f17a;
}
#texto-legal .container {
width: 1390px;
max-width: 90%;
margin: 0 auto;
}
#texto-legal p {
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 12px;
margin: 0 auto;
padding: 10px 0;
text-align: center;
letter-spacing: 0.09em;
line-height: 1.5;
} .footer-politica {
position: relative;
width: 100%;
padding: 40px 0;
padding-bottom: 150px;
}
.footer-politica .container {
width: 1360px;
max-width: 90%;
margin: 0 auto;
}
.texto-politica {
font-family: "Montserrat", sans-serif;
color: #000000;
font-size: 12px;
margin: 0 auto;
padding: 10px 0;
text-align: center;
letter-spacing: 0.09em;
line-height: 1.5;
}
.texto-politica .bold {
font-weight: 700;
font-family: "Montserrat", sans-serif;
}
.footer-politica::after {
content: ' ';
display: block;
width: 146px;
height: 80px;
background-image: url(//www.bellaromaresidencial.com.br/wp-content/themes/bellaroma/assets/images/flor-footer.png);
background-size: cover;
position: absolute;
left: calc(50% - 60px);
bottom: 0px;
} #colophon {
background-color: #A2BC0C;
padding: 21px 0 21px;
display: flex;
align-items: center;
justify-content: center;
}
#colophon .container {
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
max-width: 100%;
width: 75.1%;
}
.clearfix:after {
display: none;
}
#footer-bottom {
background-color: transparent;
}
.hone_hp {
display: none !important;
}
.fbx-caption {
transition: visibility .01s ease, opacity .01s ease, transform .01s ease !important;
-webkit-transition: visibility .01s ease, opacity .01s ease, transform .01s ease !important;
-moz-transition: visibility .01s ease, opacity .01s ease, transform .01s ease !important;
-ms-transition: visibility .01s ease, opacity .01s ease, transform .01s ease !important;
-o-transition: visibility .01s ease, opacity .01s ease, transform .01s ease !important;
} .error::-webkit-input-placeholder {
color: #6b6768;
}
.animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
} .txt-confirmacao {
color: var(--azul-claro);
display: block;
font-size: 17px;
margin-bottom: 30px;
text-align: center;
font-family: "Gilroy Heavy";
}
.title-confirmacao {
color: var(--azul-claro);
display: block;
font-size: 46px;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
font-family: "Gilroy Heavy";
letter-spacing: 0.2px;
}
.btn-confirmacao {
background: var(--verde);
border-radius: 13px;
color: #fff !important;
display: block;
font-size: 18px;
font-weight: 700;
left: 50%;
margin-left: -118px;
padding: 15px 0;
position: absolute;
text-align: center;
transition: 0.2s;
width: 236px;
text-decoration: none;
}
.btn-confirmacao:hover {
filter: brightness(1.2);
transition: 0.2s;
}
.confirmacao {
padding: 200px 0 300px;
} @media screen and (max-width: 1770px) {
#galeria::before,
#plantas::before {
width: 42.734vw;
height: 44vw;
left: calc(50% - 21%);
}
}
@media screen and (max-width: 1770px) {
#galeria .swiperconfig {
width: 121%;
}
#plantas::before {
top: 199px;
}
}
@media screen and (max-width: 1660px) {
#galeria::before,
#plantas::before {
width: 43.734vw;
height: 45vw;
left: calc(50% - 22.5%);
}
#plantas::before {
top: 167px;
}
.footer {
padding-top: 150px;
}
.footer .boxes-assinaturas .lidera {
width: 25.5vw;
height: auto;
}
.footer .boxes-assinaturas .minha-casa,
.footer .boxes-assinaturas .caixa {
width: auto;
height: 4.938vw;
}
#plantas .qtde-dormitorio {
width: 350px;
}
}
@media screen and (max-width: 1500px) {
#galeria::before {
width: 44.734vw;
height: 46vw;
left: calc(50% - 22.5%);
}
#plantas::before {
top: 229px;
}
}
@media screen and (max-width: 1440px) {
#galeria::before,
#plantas::before {
width: 44.734vw;
height: 47vw;
left: calc(50% - 22.7%);
}
}
@media screen and (max-width: 1366px) {
#galeria::before,
#plantas::before {
width: 46.734vw;
height: 48vw;
left: calc(50% - 23.3%);
}
#contato .esq {
width: 44%;
}
#simule .esq,
#whatsapp .esq {
width: 38%;
}
#plantas .boxes {
min-height: 555px;
}
}
@media screen and (max-width: 1280px) {
#galeria::before,
#plantas::before {
width: 47.734vw;
height: 49vw;
left: calc(50% - 23.7%);
}
#contato .container,
#simule .container,
#whatsapp .container {
width: 90%;
margin: 0 auto;
}
.form-exent .form_titulo {
text-align: center;
padding-left: auto;
}
#contato .form-exent,
#simule .form-exent,
#whatsapp .form-exent {
width: 586px;
padding: 34px 38px;
;
}
#plantas .qtde-dormitorio {
width: 26.042vw;
top: 37%;
left: 35.3%;
}
#container-header .main-navigation ul li a {
font-size: 14px;
}
#contato .esq .content p.segundo {
width: 79%;
}
.botao-enviar svg {
left: 60%;
}
#plantas .boxes {
min-height: 539px;
}
}
@media screen and (max-width: 1180px) {
#galeria::before,
#plantas::before {
width: 49.734vw;
height: 50vw;
left: calc(50% - 24.5%);
}
#plantas .boxes {
min-height: 520px;
}
}
@media screen and (max-width: 1130px) {}
@media screen and (max-width: 1080px) {
#galeria::before,
#plantas::before {
width: 50.734vw;
height: 52vw;
left: calc(50% - 25.1%);
}
}
@media (max-width: 1024px) {
#container-header .main-navigation {
display: none;
}
#masthead .btn-nav {
background: var(--azul-claro);
border: none;
cursor: pointer;
padding: 20px;
position: absolute;
right: 0px;
top: 0px;
z-index: 99999;
border-radius: 0;
}
#container-header #masthead {
margin-top: 0;
}
.header-fixo#masthead .btn-nav {
top: 0;
}
#masthead .btn-nav:focus {
outline: 0;
}
#masthead .icon-bar {
background-color: #fff;
border-radius: 20px;
display: block;
height: 2px;
margin: 7px 0;
width: 33px;
}
#masthead .btn-nav:hover .icon-bar {
background-color: #fff;
border-radius: 20px;
}
#masthead .animated_menu {
display: block;
margin: 0 auto;
position: fixed;
}
#container-header {
z-index: 999;
position: relative;
}
#masthead #menu-item-15.animated_menu,
#masthead #menu-item-17.animated_menu {
position: relative;
}
#masthead .overflow-hidden {
overflow: hidden;
}
#masthead .animated_menu:hover .icon-bar,
#masthead .animated_menu:focus .icon-bar {
background-color: #fff;
border-radius: 20px;
}
#masthead .animated_menu:focus {
cursor: pointer;
z-index: 9999;
}
#masthead .middle {
margin: 0 auto;
}
#masthead .icon-bar {
-o-transition: all .5s ease;
-webkit-transition: all .5s ease;
transition: all .5s ease;
z-index: 999999;
}
#masthead .animated_menu .icon-bar {
background-color: #fff;
border-radius: 20px;
z-index: 999999;
}
#masthead .animated_menu .top {
-ms-transform: translateY(8px) rotateZ(45deg);
-webkit-transform: translateY(8px) rotateZ(45deg);
transform: translateY(8px) rotateZ(45deg);
}
#masthead .animated_menu .bottom {
-ms-transform: translateY(-10px) rotateZ(-45deg);
-webkit-transform: translateY(-10px) rotateZ(-45deg);
transform: translateY(-10px) rotateZ(-45deg);
}
#masthead .animated_menu .middle {
width: 0;
}
.central-cliente .site-header .container-principal {
box-shadow: none;
}
@keyframes showNav {
from {
top: -400%;
}
to {
top: 0;
}
}
@-webkit-keyframes showNav {
from {
top: -400%;
}
to {
top: 0;
}
}
#masthead .showNav {
-webkit-animation: showNav .5s ease forwards;
animation: showNav .5s ease forwards;
}
@keyframes hideNav {
from {
top: 0;
}
to {
top: -800%;
}
}
@-webkit-keyframes hideNav {
from {
top: 0;
}
to {
top: -800%;
}
}
#masthead .hideNav {
-webkit-animation: hideNav .8s ease forwards;
animation: hideNav .8s ease forwards;
}
#container-header .main-navigation ul li:not(:last-child) a::after {
display: none;
}
#container-header .main-navigation ul li a:hover {
color: var(--verde);
}
#container-header .main-navigation {
display: none;
background-color: var(--azul-claro);
bottom: 0;
height: 100vh;
left: 0;
position: fixed;
right: 0;
top: -100%;
z-index: 10;
width: 100%;
padding: 20px;
flex-direction: column;
border-radius: 0;
}
.menu-menu-1-container {
margin: auto;
}
.main-navigation.showNav {
display: flex !important;
animation: showNav .5s ease forwards;
}
.main-navigation.hideNav {
animation: hideNav .8s ease forwards;
}
.overflow-hidden {
overflow: hidden;
}
#container-header .main-navigation .menu-item:after {
content: none;
}
#container-header .main-navigation a:before {
content: none;
}
.main-navigation ul {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
gap: 25px;
}
#container-header .menu-menu-principal-container {
padding: 0;
border-radius: 0;
}
#container-header #masthead .menu_mobile {
display: block;
}
#galeria .swiperconfig {
width: 141%;
left: -20%;
padding: 25px 0 47px 0;
}
#galeria .container::before {
scale: 0.9
}
#galeria .area-filtro {
gap: 20px;
}
#galeria .area-filtro li {
width: calc(50% - 10px);
font-size: 14px;
letter-spacing: 0.25em;
padding: 15px 10px;
}
#galeria {
overflow: hidden;
}
#galeria .swiperconfig a {
height: 37.598vw;
}
#galeria .swiperconfig .swiper-slide.swiper-slide-active {
transform: scaleY(1) scaleX(1.2) translateX(6.5vw) !important;
-webkit-transform: scaleY(0.7) scaleX(1.2) translateX(8.45vw) !important;
}
#galeria .swiperconfig .swiper-slide.swiper-slide-next+.swiper-slide {
transform: scaleY(1) scaleX(1.2) translateX(-6.5vw) !important;
-webkit-transform: scaleY(0.7) scaleX(1.2) translateX(-6.45vw) !important;
}
#galeria .swiperconfig .legenda {
padding: 20px 10px;
}
.item:before {
scale: 0.8;
top: 18.16px;
right: 7.16px;
}
#galeria .swiper-button-next {
right: -18%;
}
#galeria .swiper-button-prev {
left: -18%;
}
#galeria .swiper-button-prev:after,
#galeria .swiper-button-next:after {
scale: 0.8;
}
#galeria .swiperconfig img {
transform: scaleY(1.6);
object-fit: cover;
}
#galeria .container h2 {
font-size: 35px;
line-height: 38px;
}
#galeria .container .texto {
padding: 0 20px;
} #lazer {
margin-top: 40px;
margin-bottom: 40px;
}
#lazer .container {
width: 90%;
}
#lazer .container h2,
#localizacao h2 {
font-size: 38px;
line-height: 42px;
}
#lazer .container .texto,
#localizacao .texto {
font-size: 16px;
padding-top: 15px;
}
#lazer .container .bottom {
flex-direction: column;
gap: 30px;
}
#lazer .container .esq {
width: 100%;
}
#lazer .container .listas {
display: flex;
flex-direction: row;
gap: 20px;
margin-left: 25px;
}
#lazer .container .listas .lista {
width: 50%;
}
#lazer .container .listas .lista li {
font-size: 15px;
line-height: 22px;
gap: 15px;
} #contato .container {
gap: 7.813vw;
flex-direction: column;
padding: 8.25vw 0;
}
#simule .container,
#whatsapp .container {
gap: 7.813vw;
flex-direction: column-reverse;
padding: 8.25vw 0;
}
#contato .esq .content,
#simule .esq .content,
#whatsapp .esq .content {
align-items: center;
}
#contato .esq,
#simule .esq,
#whatsapp .esq {
width: 70%;
align-items: center;
}
#contato .esq .content p.primeiro,
#simule .esq .content p.primeiro,
#whatsapp .esq .content p.primeiro {
text-align: center;
font-size: 26px;
margin-bottom: 12px;
}
#contato .esq .content p.segundo,
#simule .esq .content p.segundo,
#whatsapp .esq .content p.segundo {
text-align: center;
font-size: 30px;
line-height: 1.1;
font-size: 38px;
letter-spacing: 0.5px;
width: 100%;
}
#simule .esq .content svg {
margin-bottom: 10px;
}
#simule .text-campos,
#whatsapp .text-campos {
text-align: center;
}
#contato .esq .content svg {
scale: 0.8;
}
#galeria::before,
#plantas::before {
display: none;
} #plantas {
margin-top: 40px;
margin-bottom: 40px;
}
#plantas .container {
width: 90%;
}
#plantas::before,
#plantas .boxes::before {
display: none;
}
#plantas .container h2 {
font-size: 32px;
line-height: 38px;
}
#plantas .container .texto {
font-size: 16px;
}
#plantas .box-filtro-plantas {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #009DC5 #f0f0f0;
}
#plantas .box-filtro-plantas::-webkit-scrollbar {
height: 5px;
}
#plantas .box-filtro-plantas::-webkit-scrollbar-thumb {
background-color: #009DC5;
border-radius: 10px;
}
#plantas .area-filtro-plantas {
justify-content: flex-start;
width: max-content;
padding: 6px 8;
}
#plantas .area-filtro-plantas li {
width: auto;
min-width: 250px;
flex-shrink: 0;
padding: 14px 15px;
font-size: 16px;
}
#plantas .boxes {
padding: 20px;
margin-top: 20px;
}
#plantas .boxes .box.box-ativo {
flex-direction: column;
gap: 20px;
}
#plantas .boxes .box .esq {
width: 70%;
display: flex;
margin: 0 auto;
min-height: 449px;
align-items: center;
}
#plantas .boxes .box .dir {
width: 70%;
margin: 0 auto;
}
#plantas .boxes .box .dir .descricao {
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 10px;
margin-top: 10px;
position: relative;
}
#plantas .qtde-dormitorio {
width: 37.042vw;
top: 26%;
left: 48.3%;
}
#plantas .img-planta.plantasolo::before {
top: 30px;
right: 30px;
}
#plantas .container h2 {
padding-top: 80px;
}
#localizacao .separador_mapa {
font-size: 2.7vw;
} .box-logos {
flex-direction: column;
}
#footer::before {
display: none;
}
.box-assinaturas {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: space-evenly;
align-items: center;
gap: 65px;
}
.footer {
padding: 150px 0 80px 0;
}
.footer .boxes-assinaturas .minha-casa,
.footer .boxes-assinaturas .caixa {
width: auto;
height: 5.938vw;
}
.footer .boxes-assinaturas .lidera {
width: 30.5vw;
height: auto;
}
.box-financiamento p {
font-family: 16;
}
.boxes-assinaturas {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.box-assinaturas .boxes-assinaturas img {
width: 60%;
min-width: 100px;
}
.botao-enviar svg {
left: 59%;
}
}
@media (max-width: 992px) {
.proximidades-container {
grid-template-columns: repeat(2, 1fr);
}
#galeria .container::before {
scale: 0.9;
}
}
@media (max-width: 768px) {
#galeria .container::before {
width: 80px;
height: 83px;
}
.footer .boxes-assinaturas .caixa {
width: auto;
height: 10.938vw;
}
.footer .boxes-assinaturas .minha-casa {
width: auto;
height: 14.938vw;
}
.footer .boxes-assinaturas .lidera {
width: 50.5vw;
height: auto;
}
.footer .box-assinaturas {
justify-content: center;
align-items: center;
flex-direction: column;
gap: 7vw;
}
.footer .box-financiamento p {
margin-bottom: 20px;
}
#plantas .qtde-dormitorio {
top: 34%;
left: 48.3%;
}
#plantas .img-planta.plantasolo::before {
top: 17px;
right: 17px;
scale: 0.9;
}
}
@media (max-width: 660px) {
#galeria .container h2 {
font-size: 30px;
line-height: 35px;
padding: 37px 3.208vw 0 3.208vw;
}
#galeria .container .texto {
font-size: 16px;
}
#galeria .container::before {
scale: 0.7;
}
#galeria .container {
border-radius: 5.078vw;
}
#galeria .swiperconfig a {
height: 58.333vw;
}
#galeria .swiper-button-prev:after,
#galeria .swiper-button-next:after {
scale: 0.7;
}
#galeria .swiperconfig .swiper-slide.swiper-slide-active {
transform: scaleY(1) scaleX(1.2) translateX(6.5vw) !important;
-webkit-transform: scaleY(0.7) scaleX(1.2) translateX(8.45vw) !important;
}
#lazer .container .listas {
flex-direction: column;
gap: 0;
}
#lazer .container .listas .lista {
width: 100%;
margin-left: auto;
}
#lazer .container h2 {
padding-top: 80px;
}
#lazer .container .texto,
#localizacao .texto {
font-size: 14px;
}
#lazer .container h2,
#localizacao h2 {
font-size: 32px;
line-height: 42px;
}
#lazer .container .listas .lista li .numero {
font-size: 20px;
}
#contato .form-exent,
#simule .form-exent,
#whatsapp .form-exent {
width: 100%;
}
#contato .esq,
#simule .esq,
#whatsapp .esq {
width: 100%;
align-items: center;
}
#contato .form-exent,
#simule .form-exent,
#whatsapp .form-exent {
padding: 5.152vw 5.758vw;
}
#plantas .area-filtro-plantas li {
min-width: 220px;
}
#plantas .boxes .box .esq {
width: 90%;
}
#plantas .boxes .box .dir {
width: 90%;
}
#localizacao .separador_mapa {
font-size: 18px
}
iframe {
height: 300px;
}
#plantas .qtde-dormitorio {
width: 46.042vw;
}
.botao-enviar svg {
left: 61%;
} }
@media (max-width: 600px) {
#galeria .container::before {
width: 70px;
height: 73px;
}
}
@media (max-width: 576px) {
.proximidades-container {
grid-template-columns: 1fr;
}
}
@media (max-width: 500px) {
#galeria .swiper-button-prev:after,
#galeria .swiper-button-next:after {
scale: 0.5;
}
#galeria .swiperconfig {
width: 142%;
}
#galeria .swiper-button-next {
right: -20%;
}
#galeria .swiper-button-prev {
left: -20%;
}
#plantas .img-planta.plantasolo::before {
top: 10px;
right: 10px;
scale: 0.7;
} #plantas .boxes .box .esq {
width: 100%;
min-height: 380px;
}
.botao-enviar svg {
left: 62%;
}
}
@media (max-width: 425px) {
#plantas .qtde-dormitorio {
width: 43.042vw;
} .form-exent-enviar {
font-size: 18px !important;
top: 8px !important;
}
#plantas .boxes .box .esq {
min-height: 340px;
}
.botao-enviar svg {
left: 62%;
scale: 0.9;
top: 30.5px;
}
}