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;
scroll-behavior: smooth !important;
}
html.fbx-no-scroll {
overflow: auto !important;
}
a:focus {
outline: none;
}
.espacamento{
margin-top: 12px;
}
main{
overflow: hidden;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
img {
display: block;
}
* {
box-sizing: border-box;
}
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;
}
:root {
--laranja: #FF8E2F;
--rosa: #CC336B;
--rosa-claro: #FF3160;
--verde: #E3FF61;
--azul: #133D6E;
--branco: #ffff;
--transicao: 0.3s ease-in-out;
--titulo: 'yiggivoo', sans-serif;
}
body {
margin: 0 !important;
position: relative;
font-size: 16px;
}
.phone_hp,
.fbx-count {
display: none !important;
}
.container{
width: 1440px;
max-width: 90%;
margin: 0 auto;
position: relative;
overflow: visible;
}
@font-face {
font-family: 'yiggivoo';
src: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/fonts/Yiggivoo-UC.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap; }  header {
width: 100%;
display: flex;
justify-content: end;
padding-top: 26px;
position: absolute;
top: 0;
left: 0;
z-index: 11;
transition: var(--transicao);
}
header.laranja {
background-color: var(--laranja);
justify-content: end;
padding-top: 0;
}
header.verde nav {
width: 100%;
}
header .cinza {
background-image: unset;
padding: 20px;
background-color: #58595B;
border-radius: 0px 0px 40px 0px;
margin-left: 0px;
position: absolute;
left: 60px;
top: 0;
border: 2px solid #fff;
}
header .cinza img {
width: 115px;
height: auto;
}
header nav {
background-color: var(--laranja);
width: 957px;
height: max-content;
max-width: 100%;
padding: 25px 62px;
margin-top: 12px;
transition: var(--transicao);
}
header nav ul {
display: flex;
justify-content: space-between;
align-items: center;
}
header nav ul li:not(:last-child)::after {
content: '|';
margin-left: 35px;
margin-right: 35px;
color: #fff;
font-size: 20px;
font-weight: 700;
}
header nav ul li a {
font-family: montserrat;
text-decoration: none;
color: #fff;
font-size: 18.46px;
font-weight: 400;
transition: var(--transicao);
}
header nav ul li a:hover {
font-weight: 800;
color: white;
}
header nav ul li a:visited {
color: #fff;
} .menu-hamburger {
display: none;
flex-direction: column;
cursor: pointer;
padding: 24px;
margin-right: 20px;
margin-top: -5px;
z-index: 12;
}
.hamburger {
width: 30px;
height: 3px;
background-color: #fff;
margin: 3px 0;
transition: 0.3s;
border-radius: 2px;
} .menu-hamburger.active .hamburger-01 {
transform: rotate(-45deg) translate(-6px, 6px);
}
.menu-hamburger.active .hamburger-02 {
opacity: 0;
}
.menu-hamburger.active .hamburger-03 {
transform: rotate(45deg) translate(-6px, -6px);
} #banner{
display: flex;
position: relative;
border-bottom: 6px solid var(--rosa-claro);
}
#banner .macaco-banner{
position: absolute;
z-index: 4;
bottom: -1px;
left: 44vw;
}
#banner .esq{
width: 50%;
}
#banner .esq .logo-banner{
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
margin-top: 40px;
}
#banner .esq .fundo-rosa{
background-color: var(--rosa);
width: 998px;
height: 219px;
margin-top: 76px;
position: relative;
z-index: 0;
}
#banner .esq .fundo-rosa::after{
content: '';
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/after-banner.webp);
position: absolute;
background-repeat: no-repeat;
width: 247px;
height: 247px;
top: -133px;
left: 24px;
z-index: -1;
}
#banner .esq .fundo-rosa .logo-banner-casa{
width: 183px;
height: 183px;
position: relative;
top: -115px;
right: -872px;
}
#banner .esq .texto-dorm{
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
position: relative;
top: -177px;
gap: 22px;
}
#banner .esq .texto-dorm .texto{
font-family: montserrat;
font-size: 142px;
color: white;
font-weight: 800;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 22px;
}
#banner .esq .texto-dorm .text1{
font-weight: 400;
font-size: 96px;
}
#banner .esq .dorms .texto2{
font-family: montserrat;
font-size: 90px;
color: white;
font-weight: 800;
line-height: 85px;
}
#banner .esq .dorms .texto3{
font-family: montserrat;
font-size: 30px;
color: white;
font-weight: 300;
}
#banner .esq .dorms .texto3 .text2{
font-family: montserrat;
font-size: 30px;
color: white;
font-weight: 800;
}
#banner .esq .verde{
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: var(--verde);
width: 698px;
padding: 10px 0;
margin-top: -40px;
position: relative;
}
#banner .esq .verde .texto{
font-family: montserrat;
font-weight: 800;
font-size: 57.97px;
line-height: 100%;
letter-spacing: 5px;
text-align: center;
color: #000000;
}
#banner .esq .endereco{
display: flex;
justify-content: center;
align-items: center;
margin-top: 42px;
gap: 18px;
}
#banner .esq .endereco svg{
color: #C3264A;
width: 120px;
height: 120px;
margin-top: 10px;
}
#banner .esq .endereco .localizacoes{
display: flex;
flex-direction: column;
}
#banner .esq .endereco .localizacoes .texto{
font-family: montserrat;
color: #C3264A;
font-size: 30px;
font-weight: 800;
letter-spacing: 1px;
line-height: 58px;
}
#banner .esq .endereco .localizacoes .texto2{
font-family: montserrat;
color: #000000;
font-size: 29px;
font-weight: 800;
line-height: 45px;
}
#banner .esq .endereco .localizacoes .texto3{
font-family: montserrat;
color: #000000;
font-size: 23px;
font-weight: 300;
}
#banner .dir{
width: 50%;
margin-top: 200px;
}
#banner .dir .img-banner-mobile{
display: none;
}
#banner .dir .img-banner{
width: 100%;
position: relative;
z-index: -1;
}
#banner .icone-fixo{
position: fixed;
right: 46px;
bottom: 21px;
z-index: 12;
width: 102px;
height: 102px;
} #galeria {
position: relative;
padding: 93px 0 92px;
padding-top: 155px;
overflow: visible;
scroll-margin-top: 100px;
top: -65px;
}
#galeria::after{
content: '';
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/before-banner.webp);
position: absolute;
background-repeat: no-repeat;
width: 247px;
height: 247px;
top: 60px;
left: -27px;
z-index: -1;
}
#galeria::before{
content: '';
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/swiper-after.webp);
position: absolute;
background-repeat: no-repeat;
background-size: contain;
width: 216px;
height: 216px;
bottom: 28px;
right: 152px;
z-index: -1;
}
#galeria .container .titulo {
font-family: 'yiggivoo', sans-serif;
text-align: center;
color: var(--rosa);
font-weight: 400;
font-size: 60px;
line-height: 66px;
margin-bottom: 1.5rem;
padding: 0 150px;
}
#galeria .container .fundo{
width: 1358px;
height: auto;
backdrop-filter: blur(8px);
min-height: 491px;
left: 43px;
position: absolute;
z-index: -1;
background: #0000001A;
border-radius: 52px;
border: 3px solid white;
opacity: 1;
}
#galeria .container .texto {
font-family: montserrat;
font-weight: 400;
color: black;
font-size: 16px;
line-height: 30px;
text-align: center;
margin-bottom: 2.3rem;
padding: 0 172px;
} .custom-carousel {
width: 100%;
height: 500px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: grab;
user-select: none;
}
.custom-carousel:active {
cursor: grabbing;
}
.carousel-wrapper {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-slide {
position: absolute;
width: 612px;
height: 267px;
opacity: 0;
transform: scale(0.8) translateX(0);
transition: all var(--transicao);
z-index: 1;
pointer-events: none;
} .carousel-slide.active {
width: 882px;
height: 385px;
opacity: 1;
transform: scale(1) translateX(0);
z-index: 10;
pointer-events: auto;
border: 3px solid var(--laranja);
border-radius: 35px;
transition: var(--transicao);
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
cursor: pointer;
} .carousel-slide.prev {
width: 612px;
height: 267px;
opacity: 1;
transform: scale(1) translateX(-470px);
z-index: 5;
transition: var(--transicao);
pointer-events: auto;
border: none;
border-radius: 35px;
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
cursor: pointer !important;
} .carousel-slide.next {
width: 612px;
height: 267px;
opacity: 1;
transform: scale(1) translateX(470px);
z-index: 5;
pointer-events: auto;
transition: var(--transicao);
border: none;
border-radius: 35px;
cursor: pointer !important;
}
.carousel-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 32px;
transition: var(--transicao);
} .carousel-button-next,
.carousel-button-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background: transparent;
border: none;
cursor: pointer;
z-index: 9;
color: var(--verde);
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-button-prev {
left: calc(50% - 899px);
}
.carousel-button-next {
right: calc(50% - 899px);
} .carousel-button-prev::before {
content: '';
background: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/icones/setinha.svg);
background-repeat: no-repeat;
position: absolute;
color: var(--laranja);
font-size: 44px;
font-weight: bold;
width: 17px;
height: 17px;
transform: rotate(180deg);
left: 10px;
}
.carousel-button-next::before {
content: '';
background: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/icones/setinha.svg);
background-repeat: no-repeat;
position: absolute;
color: var(--laranja);
font-size: 44px;
font-weight: bold;
width: 17px;
height: 17px;
right: 10px;
}
.carousel-button-prev:hover,
.carousel-button-next:hover {
opacity: 0.7;
}
.carousel-slide .slide-icon {
position: absolute;
top: 25px !important;
right: 15px !important;
width: 31px !important;
height: 31px !important;
z-index: 15 !important;
cursor: pointer !important;
opacity: 1 !important; }
.carousel-slide.next .slide-icon{
display: none;
} .carousel-slide:hover  .slide-icon{
opacity: 1 !important; transform: scale(1.1) !important; } .modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.9);
animation: fadeIn 0.3s ease;
}
.modal-content {
margin: auto;
display: block;
width: auto;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.area-imagem{
position: absolute;
top: 50%;
left: 50%;
width: 1380px;
max-width: 90%;
max-height: 100%;
transform: translate(-50%, -50%);
}
@keyframes zoomIn {
from { transform: translate(-50%, -50%) scale(0.8); }
to { transform: translate(-50%, -50%) scale(1); }
} .close-button {
position: absolute;
top: 20px;
right: 35px;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
z-index: 1001;
transition: color 0.3s ease;
}
.close-button:hover,
.close-button:focus {
color: #ccc;
text-decoration: none;
}  .modal-nav-prev,
.modal-nav-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.8);
border: none;
border-radius: 50%;
cursor: pointer;
z-index: 1001;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
user-select: none;
}
.modal-nav-prev {
left: -92px;
}
.modal-nav-next {
right: -92px;
} .modal-nav-prev::before,
.modal-nav-next::before {
content: '';
width: 20px;
transform: rotate(180deg);
height: 20px;
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/icones/setinha-modal.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
} .modal-nav-prev::before {
transform: rotate(0deg);
} .modal-nav-prev:hover,
.modal-nav-next:hover {
background-color: rgba(255, 255, 255, 1);
transform: translateY(-50%) scale(1.1);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.modal-nav-prev:active,
.modal-nav-next:active {
transform: translateY(-50%) scale(0.95);
} #form-saiba {
background: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/fundo-form1.webp);
background-repeat: no-repeat;
background-size: cover;
position: relative;
border: none;
border-top: 4px solid var(--rosa-claro);
border-bottom: 4px solid var(--rosa-claro);
width: 100%;
height: auto;
min-height: 494px;
margin-bottom: 60px;
}
#form-saiba::before {
content: '';
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/form-before.webp);
position: absolute;
background-repeat: no-repeat;
background-size: contain;
width: 168px;
height: 168px;
top: -98px;
right: -17px;
z-index: 0;
}
#form-saiba .macaco-form1 {
position: absolute;
bottom: -28px;
left: 748px;
z-index: 1;
}
#form-saiba .container {
width: 1445px;
display: flex;
gap: 25px;
}
#form-saiba .container .esq {
width: 55.7%;
padding-top: 120px;
margin-left: 43px;
}
#form-saiba .container .esq .titulo {
color: var(--branco);
font-family: var(--titulo);
font-weight: 400;
font-size: 51.87px;
line-height: 57px;
}
#form-saiba .container .esq span {
font-size: 103px;
line-height: 91.64px;
}
#form-saiba .container .esq .subtitulo {
color: var(--branco);
font-family: montserrat;
font-weight: 400;
font-size: 43.87px;
line-height: 57px;
padding-right: 223px;
}
#form-saiba .dir {
width: 46%;
}
.formulario-rosa {
background: var(--rosa);
border-radius: 32px;
padding: 54px 5px 61px 5px;
max-width: 510px;
max-height: 590px;
width: 100%;
font-family: 'Montserrat', sans-serif;
color: white;
position: absolute;
top: -48px;
}
.formulario-rosa .slide-image {
max-width: 115px;
position: absolute;
height: auto;
top: -44px;
left: -46px;
}
.formulario-rosa .texto {
font-size: 23.3px;
line-height: 100%;
font-weight: 400;
letter-spacing: 0.23px;
text-align: center;
margin-bottom: 6px;
}
.formulario-rosa .titulo {
font-size: 33.66px;
font-weight: 800;
margin-bottom: 20px;
text-align: center;
line-height: 100%;
letter-spacing: 0.33px;
}
.formulario-rosa .preencha {
font-size: 11px;
font-weight: 400;
margin-bottom: 12px;
text-align: center;
line-height: 100%;
letter-spacing: 0.11px;
}
.formulario-rosa .form {
margin-top: 25px;
}
.formulario-rosa .formcon {
position: relative;
margin-bottom: 20px;
}
.formulario-rosa .input-form {
width: 76.4%;
padding: 8.5px;
display: flex;
flex-direction: column;
margin: 0 auto;
border: 2px solid rgba(255, 255, 255, 0.3);
background: transparent;
color: white !important;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
outline: none;
transition: all 0.3s ease;
box-sizing: border-box;
}
.formulario-rosa .input-form::placeholder {
color: transparent;
}
.formulario-rosa .input-form:focus {
border-color: rgba(255, 255, 255, 0.6);
border-radius: 10px;
}
.formulario-rosa .formcon label{
position: absolute;
left: 76px;
top: 12px;
color: rgba(255, 255, 255, 0.8);
background: var(--rosa);
font-size: 14px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
background: transparent;
padding: 0;
}
.subir{
top: -12px !important;
}
.formulario-rosa .formcon .subir{
position: absolute;
left: 76px;
top: 12px;
color: rgba(255, 255, 255, 0.8);
background: var(--rosa);
font-size: 12px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
padding: 0;
}
.error {
border-color: var(--laranja) !important; } .subir  .formulario-rosa .input-form:focus + label,
.formulario-rosa .input-form:not(:placeholder-shown) + label{
top: -10px;
left: 5px;
font-size: 12px;
color: #555;
background-color: white;
padding: 0 5px;
}
.formulario-rosa .input-form:focus + label,
.formulario-rosa .input-form:not(:placeholder-shown) + label{
top: -12px;
left: 65px;
font-weight: 800;
font-size: 12px;
color: white;
background: var(--rosa);
padding: 0 5px;
border-radius: 10px !important;
}
.formulario-rosa .textarea-form {
min-height: 50px;
resize: vertical;
padding-top: 2px;
}  .formulario-rosa .check {
display: flex;
align-items: center; justify-content: center;
gap: 7px;
margin: 0 auto;
font-size: 11px;
font-weight: 400;
line-height: 100%;
cursor: pointer;
}
.formulario-rosa .check input[type="checkbox"] {
margin: 0;
width: 13px;
height: 13px;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
border: 1.38px solid #ccc;
border-radius: 2px;
background: var(--rosa);
cursor: pointer; position: relative; } .formulario-rosa .check input[type="checkbox"]:checked {
background: var(--rosa);
border-color: var(--rosa);
} .formulario-rosa .check input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .formulario-rosa .btn-enviar {
margin-top: 19px;
}
.formulario-rosa .envia-formulario {
width: 76.4%;
display: flex;
margin: 0 auto;
padding: 12px;
background: var(--verde);
color: black;
border: none;
border-radius: 13px;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
font-weight: 600;
cursor: pointer;
transition: var(--transicao);
letter-spacing: 0.5px;
} .input-form.error::placeholder {
color: var(--laranja) !important;
opacity: 1 !important;
}
.formulario-rosa .envia-formulario:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
font-weight: 800;
}
.formulario-rosa .envia-formulario:active {
transform: translateY(0);
}
#plantas{
margin: 145px 0;
margin-bottom: 170px;
position: relative;
}
#plantas .container{
width: 1445px;
}
#plantas .titulo{
font-family: var(--titulo);
color: var(--laranja);
font-size: 60px;
line-height: 69px;
letter-spacing: 4.8px;
text-align: center;
padding: 0 186px;
margin-bottom: 21px;
}
#plantas .texto{
font-family: montserrat;
font-size: 16px;
line-height: 22px;
text-align: center;
color: black;
}
#plantas .box-filtro {
width: 1360px;
max-width: 100%;
margin: 0 auto;
}
#plantas .botoes{
margin: 40px auto 0;
display: flex;
align-items: stretch;
text-align: center;
justify-content: center;
gap: 9px;
border: 2px solid var(--laranja);
padding: 6px 6px;
border-radius: 12px;
position: relative;
}
#plantas .botoes li.btn-plantas{
font-family: montserrat;
box-sizing: border-box;
font-size: 14px;
line-height: 17px;
text-align: center;
text-decoration: none;
color: black;
border: 1px solid var(--laranja);
background-color: transparent;
padding: 3px 0;
width: 219px;
cursor: pointer;
transition: var(--transicao);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 5px;
z-index: 1;
}
#plantas .botoes li.btn-plantas:hover {
font-weight: 800;
background-color: var(--laranja);
color: white;
}
#plantas .botoes li.ativado {
font-weight: 800;
background: var(--laranja);
color: white;
}
#plantas .boxes{
color: #fff;
border-radius: 14px;
border: 2px solid var(--laranja);
margin-top: 20px !important;
padding: 52px 72px;
position: relative;
width: 1360px;
max-width: 100%;
display: flex;
margin: 0 auto;
border-radius: 30px;
}
.boxes .box {
display: none;
}
.boxes .box-ativado {
display: flex; }
.box{
display: flex;
align-items: center;
gap: 67px;
}
#plantas .esq{
width: 43%;
margin-bottom: 0 !important;
}
#plantas .boxes .box .esq .titulo-box {
font-family: montserrat;
color: var(--laranja);
font-weight: 800;
font-size: 48px;
line-height: 51.67px;
margin-bottom: 20px;
}
#plantas .boxes .box .info{
font-family: montserrat;
color: var(--rosa);
font-weight: 800;
font-size: 48px;
line-height: 38.67px;
}
#plantas .boxes .titulo span {
font-family: nexa_bold;
color: #c49882;
display: block;
position: relative;
border-bottom: 1px solid #c49882;
}
#plantas .dir {
width: 80%;
position: relative;
}
#plantas .boxes .box .dir .icon{
position: absolute;
top: -14px !important;
right: -14px !important;
width: 34px !important;
height: 34px !important;
z-index: 15 !important;
cursor: pointer !important;
opacity: 1 !important;
transition: var(--transicao);
}
#plantas .boxes .box .dir:hover .icon{
transform: scale(1.1);
}
#plantas .dir img {
width: 801px;
max-width: 100%;
display: block;
margin: 0 auto;
cursor: pointer;
}
.modal-plantas {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.9);
animation: fadeIn 0.3s ease;
}
.modal-content-plantas {
margin: auto;
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
animation: zoomIn 0.3s ease;
}
.close-button-plantas {
position: absolute;
top: 20px;
right: 35px;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
z-index: 1001;
transition: color 0.3s ease;
}
.close-button-plantas:hover,
.close-button-plantas:focus {
color: #ccc;
text-decoration: none;
} #form-simule{
background: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/fundo-form2.webp);
background-repeat: no-repeat;
background-size: cover;
position: relative;
border: none;
border-top: 4px solid var(--laranja);
border-bottom: 4px solid var(--laranja);
width: 100%;
height: auto;
min-height: 494px;
margin-bottom: 60px;
margin-bottom: 115px;
}
#form-simule::before{
content: '';
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/before-banner.webp);
position: absolute;
background-repeat: no-repeat;
width: 247px;
height: 247px;
top: -181px;
left: -27px;
z-index: 1;
}
#form-simule::after{
content: '';
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/after-simule.webp);
position: absolute;
background-repeat: no-repeat;
width: 385px;
height: 385px;
bottom: -294px;
right: -23px;
z-index: 0;
}
#form-simule .macaco-form1{
position: absolute;
bottom: -24px;
right: 11.51vw;
z-index: 1;
}
#form-simule .container{
width: 1445px;
display: flex;
gap: 25px;
}
#form-simule .container .esq{
width: 55.7%;
padding-top: 120px;
margin-left: 102px;
}
#form-simule .container .dir .titulo{
color: var(--branco);
font-family: var(--titulo);
font-weight: 400;
font-size: 51.87px;
line-height: 57px;
}
#form-simule .container .dir span{
font-size: 103px;
line-height: 91.64px;
}
#form-simule .container .dir .subtitulo{
color: var(--branco);
font-family: montserrat;
font-weight: 400;
font-size: 43.87px;
line-height: 57px;
padding-right: 223px;
}
#form-simule .dir{
width: 65.7%;
padding-top: 115px;
}
.formulario-verde {
background: var(--verde);
border-radius: 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 61px;
padding-top: 54px;
max-width: 510px;
max-height: 590px;
width: 100%;
font-family: 'Montserrat', sans-serif;
color: black;
position: absolute;
top: -48px;
border-radius: 32px;
}
.formulario-verde .slide-image {
max-width: 164px;
position: absolute;
height: auto;
top: -59px;
right: -71px;
}
.formulario-verde .texto {
font-size: 23.3px;
line-height: 100%;
font-weight: 400;
letter-spacing: 0.23px;
text-align: center;
margin-bottom: 6px;
}
.formulario-verde .titulo {
font-size: 33.66px;
font-weight: 800;
margin: 0 0 15px 0;
text-align: center;
line-height: 100%;
letter-spacing: 0.33px;
margin-bottom: 20px;
}
.formulario-verde .preencha {
font-size: 11px;
font-weight: 400;
margin: 0 0 12px 0;
text-align: center;
line-height: 100%;
letter-spacing: 0.11px;
}
.formulario-verde .form {
margin-top: 25px;
}
.formulario-verde .formcon {
position: relative;
margin-bottom: 20px;
}
.formulario-verde .formcon .subir {
position: absolute;
left: 76px;
top: 12px;
color: black;
background: var(--verde);
font-size: 12px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
padding: 0;
}
.formulario-verde .input-form {
width: 76.4%;
padding: 8.5px;
display: flex;
flex-direction: column;
margin: 0 auto;
border: 0.5px solid black;
background: transparent;
color: black;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
outline: none;
transition: all 0.3s ease;
box-sizing: border-box;
}
.formulario-verde .input-form::placeholder {
color: transparent;
}
.formulario-verde .input-form:focus {
border-color: black;
border-radius: 10px;
}
.formulario-verde .formcon label {
position: absolute;
left: 76px;
top: 12px;
color: black;
font-size: 14px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
background: transparent;
padding: 0;
}
.formulario-verde .input-form:focus + label,
.formulario-verde .input-form:not(:placeholder-shown) + label {
top: -12px;
left: 65px;
border-radius: 20px;
font-weight: 800;
font-size: 12px;
color: black;
background: var(--verde);
padding: 0 5px;
border-radius: 10px !important;
}
.formulario-verde .textarea-form {
min-height: 50px;
resize: vertical;
padding-top: 2px;
}
.formulario-verde .check {
display: flex;
align-items: center; justify-content: center;
gap: 7px;
margin: 0 auto;
font-size: 11px;
font-weight: 400;
line-height: 100%;
cursor: pointer;
}
.formulario-verde .check input[type="checkbox"] {
margin: 0;
width: 13px;
height: 13px;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
border: 1.38px solid #ccc;
border-radius: 2px;
background: var(--verde);
cursor: pointer; position: relative; } .formulario-verde .check input[type="checkbox"]:checked {
background: black;
border-color: var(--verde);
} .formulario-verde .check input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.formulario-verde .btn-enviar {
margin-top: 19px;
}
.formulario-verde .envia-formulario {
width: 76.4%;
display: flex;
margin: 0 auto;
padding: 12px;
background: var(--rosa);
color: white;
border: none;
border-radius: 13px;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
font-weight: 600;
cursor: pointer;
transition: var(--transicao);
letter-spacing: 0.5px;
}
.formulario-verde .envia-formulario:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
font-weight: 800;
}
.formulario-verde .envia-formulario:active {
transform: translateY(0);
} #implantacao{
margin-bottom: 118px;
}
#implantacao .container{
width: 1445px;
}
#implantacao .titulo{
font-family: var(--titulo);
color: var(--rosa);
font-weight: 400;
font-size: 60px;
line-height: 40px;
letter-spacing: 5px;
text-align: center;
margin-bottom: 43px;
}
#implantacao .texto{
font-family: montserrat;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
margin-bottom: 59px;
}
#implantacao .imagem {
width: 100%;
position: relative;
transition: var(--transicao);
margin-bottom: 78px;
overflow: visible;
cursor: none;
}
.lupa-zoom {
position: absolute;
border: 2px solid #000000;
border-radius: 50%;
cursor: none;
width: 150px;
height: 150px;
transform: translate(-50%, -50%);
pointer-events: none;
background-repeat: no-repeat;
display: none;
overflow: visible;
z-index: 3;
} .lupa-zoom::after {
content: '';
position: absolute;
width: 4px;
height: 50px;
background-color: #000000;
bottom: -50px;
right: 69px;
transform: rotate(0deg);
border-radius: 4px;
z-index: 4;
} #implantacao .imagem .img-implantacao{
width: 1327px;
max-width: 100%;
}
#implantacao .boxes-info{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
text-align: left;
width: 1360px;
max-width: 100%;
display: flex;
margin: 0 auto;
border: 2px solid var(--rosa);
border-radius: 39px;
padding: 47px 47px;
}  .toggle-button {
display: none; background-color: var(--rosa); color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin: 20px 8px;
font-family: montserrat, sans-serif;
} .toggle-button::after {
content: '';
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid white; transition: transform 0.3s ease; } .toggle-button.expanded::after {
transform: rotate(180deg); }
#implantacao .boxes-info .info{
text-align: left;
width: 100%;
margin-bottom: -21px;
}
#implantacao .boxes-info p{
font-family: montserrat;
font-weight: 500;
font-size: 13px;
line-height: 23px;
display: flex;
letter-spacing: 0.61px;
color: black;
margin-bottom: 12px;
}
#implantacao .boxes-info .info:nth-child(3) p:nth-child(3) span {
width: 36px;
display: inline-block;
}
#implantacao .boxes-info p span{
border-radius: 25px;
font-family: montserrat;
font-weight: 900;
padding: 0px;
margin: 0px;
color: white;
display: inline-block;
height: 31px;
width: 31px;
text-align: center;
line-height: 30px;
margin-right: 16px;
background-color: var(--rosa);
}
#implantacao .boxes-info p .azul{
background-color: var(--azul) !important;
}  #form-zap{
background: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/fundo-form3.webp);
background-repeat: no-repeat;
background-size: cover;
position: relative;
border: none;
border-top: 4px solid var(--rosa-claro);
border-bottom: 4px solid var(--rosa-claro);
width: 100%;
height: auto;
min-height: 494px;
margin-bottom: 120px;
}
#form-zap .macaco-form1{
position: absolute;
bottom: -8px;
left: 41.89vw;
z-index: 1;
}
#form-zap .container{
width: 1445px;
display: flex;
gap: 25px;
}
#form-zap .container .esq{
width: 55.7%;
padding-top: 128px;
margin-left: 43px;
}
#form-zap .container .esq .titulo{
color: var(--branco);
font-family: var(--titulo);
font-weight: 400;
font-size: 51.87px;
line-height: 57px;
margin-bottom: 9px;
}
#form-zap .container .esq span{
font-size: 103px;
line-height: 91.64px;
}
#form-zap .container .esq .subtitulo{
color: var(--branco);
font-family: montserrat;
font-weight: 400;
font-size: 63.87px;
line-height: 57px;
padding-right: 223px;
}
#form-zap .dir{
width: 46%;
}
.formulario-rosa-zap {
background: var(--rosa);
border-radius: 20px;
padding-left: 5px;
padding-bottom: 79px;
padding-top: 73px;
max-width: 510px;
max-height: 590px;
width: 100%;
font-family: 'Montserrat', sans-serif;
color: white;
position: absolute;
top: -33px;
border-radius: 32px;
}
.formulario-rosa-zap .slide-image-zap {
max-width: 154px;
position: absolute;
height: auto;
top: -44px;
right: -46px;
}
.formulario-rosa-zap .texto {
font-size: 23.3px;
line-height: 100%;
font-weight: 400;
letter-spacing: 0.23px;
text-align: center;
margin-bottom: 6px;
}
.formulario-rosa-zap .titulo {
font-size: 33.66px;
font-weight: 800;
margin: 0 0 15px 0;
text-align: center;
line-height: 100%;
letter-spacing: 0.33px;
margin-bottom: 20px;
}
.formulario-rosa-zap .preencha {
font-size: 11px;
font-weight: 400;
margin: 0 0 12px 0;
text-align: center;
line-height: 100%;
letter-spacing: 0.11px;
}
.formulario-rosa-zap .form {
margin-top: 25px;
}
.formulario-rosa-zap .formcon {
position: relative;
margin-bottom: 20px;
}
.formulario-rosa-zap .formcon .subir{
position: absolute;
left: 76px;
top: 12px;
color: rgba(255, 255, 255, 0.8);
background: var(--rosa);
font-size: 12px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
padding: 0;
}
.formulario-rosa-zap .input-form {
width: 76.4%;
padding: 8.5px;
display: flex;
flex-direction: column;
margin: 0 auto;
border: 2px solid rgba(255, 255, 255, 0.3);
background: transparent;
color: white !important;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
outline: none;
transition: all 0.3s ease;
box-sizing: border-box;
}
.formulario-rosa-zap .input-form::placeholder {
color: transparent;
}
.formulario-rosa-zap .input-form:focus {
border-color: rgba(255, 255, 255, 0.6);
border-radius: 10px;
}
.formulario-rosa-zap .formcon label {
position: absolute;
left: 76px;
top: 12px;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
background: transparent;
padding: 0;
}
.formulario-rosa-zap .input-form:focus + label,
.formulario-rosa-zap .input-form:not(:placeholder-shown) + label {
top: -12px;
left: 65px;
font-weight: 800;
border-radius: 20px;
font-size: 12px;
color: white;
background: var(--rosa);
padding: 0 5px;
border-radius: 10px !important;
}
.formulario-rosa-zap .textarea-form {
min-height: 50px;
resize: vertical;
padding-top: 2px;
}
.formulario-rosa-zap .check {
display: flex;
align-items: center; justify-content: center;
gap: 7px;
margin: 0 auto;
font-size: 11px;
font-weight: 400;
line-height: 100%;
cursor: pointer;
}
.formulario-rosa-zap .check input[type="checkbox"] {
margin: 0;
width: 13px;
height: 13px;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
border: 1.38px solid #ccc;
border-radius: 2px;
background: var(--rosa);
cursor: pointer; position: relative; } .formulario-rosa-zap .check input[type="checkbox"]:checked {
background: var(--rosa);
border-color: var(--rosa);
} .formulario-rosa-zap .check input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.formulario-rosa-zap .btn-enviar {
margin-top: 19px;
}
.formulario-rosa-zap .envia-formulario {
width: 76.4%;
display: flex;
margin: 0 auto;
padding: 12px;
background: var(--verde);
color: black;
border: none;
border-radius: 13px;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
font-weight: 600;
cursor: pointer;
transition: var(--transicao);
letter-spacing: 0.5px;
}
.formulario-rosa-zap .envia-formulario:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
font-weight: 800;
}
.formulario-rosa-zap .envia-formulario:active {
transform: translateY(0);
} #localizacao .container{
width: 1445px;
margin-bottom: 100px;
}
#localizacao .titulo{
font-family: var(--titulo);
font-size: 60px;
font-weight: 400;
line-height: 40px;
letter-spacing: 5px;
color: var(--laranja);
text-align: center;
margin-bottom: 34px;
}
#localizacao .texto{
font-family: montserrat;
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
color: black;
margin-bottom: 34px;
}
#localizacao .mapa{
position: relative;
display: flex;
margin: 0 auto;
width: 1360px;
height: auto;
min-height: 500px;
max-width: 100%;
border: 2px solid var(--laranja);
border-radius: 30px;
}
#localizacao .mapa .macaco-localiza{
position: absolute;
width: 235px;
bottom: -67px;
right: -77px;
z-index: 1;
}
#localizacao .mapa iframe{
width: 100% !important;
height: 500px !important;
border-radius: 29px !important;
}
#localizacao .mapa .botao{
gap: 15px;
}
#localizacao .mapa .botao .btn-waze{
position: absolute;
top: 29px;
right: 292px;
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
gap: 10px;
width: 245px;
border-radius: 14px;
background-color: transparent;
backdrop-filter: blur(8px) brightness(0.6);
-webkit-backdrop-filter: blur(18px) brightness(0.6);
padding: 10px;
transition: var(--transicao);
}
#localizacao .mapa .botao .btn-waze:hover{
transform: scale(1.05);
}
#localizacao .mapa .botao a{
text-decoration: none !important;
}
#localizacao .mapa .botao .btn-waze .btm-mapa{
font-family: montserrat;
font-weight: 400;
font-size: 17px;
line-height: 27px;
color: white;
}
#localizacao .mapa .botao .btn-maps{
position: absolute;
top: 29px;
right: 25px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
width: 245px;
border-radius: 14px;
background-color: transparent;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border: 0.5px solid black;
padding: 12px;
transition: var(--transicao);
}
#localizacao .mapa .botao .btn-maps:hover{
transform: scale(1.05);
}
#localizacao .mapa .botao .btn-maps .btm-mapa{
font-family: montserrat;
font-weight: 400;
font-size: 17px;
line-height: 27px;
color: black;
} #locais {
background-color: var(--laranja);
height: 557px;
margin-top: -165px;
z-index: -1;
padding-top: 81px;
position: relative;
margin-bottom: 123px;
}
#locais .container {
width: 1445px;
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
}
#locais .itens {
display: flex;
gap: 55px;
align-items: center;
justify-content: center;
}
#locais .esq {
width: 51%;
position: relative;
top: 49px;
}
#locais .dir {
width: 42%;
}
#locais .boxes {
display: flex;
flex-wrap: wrap;
gap: 26px;
justify-content: center;
}
#locais .box {
height: auto;
background-color: white;
border-radius: 10px;
padding: 0px 4px;
padding-bottom: 27px;
padding-top: 33px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 173px;
gap: 29px;
}
#locais .icon-locaziza {
width: 45px;
height: 45px;
}
#locais .box .titulo {
font-family: montserrat;
color: var(--laranja);
font-size: 15px;
font-weight: 700;
line-height: 15px;
letter-spacing: 0.57px;
text-align: center;
margin-bottom: 2px;
}
#locais .box .texto {
font-family: montserrat;
font-size: 12px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0.61px;
} #parceiros{
margin-bottom: 73px;
position: relative;
}
#parceiros::before{
content: '';
background-image: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/after-parceiros.webp);
position: absolute;
background-repeat: no-repeat;
width: 265px;
height: 265px;
top: -158px;
right: -27px;
z-index: 1;
}
#parceiros .container .logos{
display: flex;
justify-content: center;
margin: 0 auto;
gap: 134px;
}
#parceiros .container .logos .bloco-logo{
display: flex;
flex-direction: column;
gap: 22px;
}
#parceiros .container .logos .bloco-logo .texto{
font-family: montserrat;
font-weight: 400;
font-size: 14px;
line-height: 15px;
letter-spacing: 1px;
text-align: center;
color: #000000;
}
#parceiros .container .logos .bloco-logo .logo-footer{
width: 229px;
display: flex;
justify-content: center;
margin: 0 auto;
padding-top: 9px;
}
#parceiros .container .logos .bloco-logo .logo-footer-caixa{
width: 216px;
display: flex;
justify-content: center;
margin: 0 auto;
padding-top: 9px;
}
#parceiros .container .logos .bloco-logo .logo-footer-arduin{
width: 216px;
display: flex;
justify-content: center;
margin: 0 auto;
} #informacoes{
background-color: #D9D9D9;
}
#informacoes .container{
width: 1360px;
}
#informacoes .container .texto{
font-family: montserrat;
font-weight: 400;
font-size: 14px;
line-height: 19px;
letter-spacing: 1px;
text-align: center;
color: #000000;
padding: 44px 2px;
} #privacidade{
background-color: var(--rosa);
}
#privacidade .container{
width: 1360px;
}
#privacidade .container .textos{
padding: 55px 2px;
}
#privacidade .container .titulo{
font-family: montserrat;
font-weight: 700;
font-size: 14px;
line-height: 19px;
letter-spacing: 1px;
text-align: center;
color: #ffffff;
}
#privacidade .container .texto{
font-family: montserrat;
font-weight: 300;
font-size: 14px;
line-height: 19px;
letter-spacing: 1px;
text-align: center;
color: #ffffff;
} #footer-exent{
background-color: var(--verde);
}
#footer-exent .container{
padding: 34px;
}
#footer-exent .container img{
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}@media screen and (min-width: 2560px) {
#banner {
min-height: 1278px;
background-size: cover;
}
#form-saiba .macaco-form1 {
left: 1078px;
}
#banner .esq .fundo-rosa {
width: 1341px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
right: -1002px;
}
#banner .dir {
width: 90%;
margin-top: 289px;
}
#banner .dir .img-banner {
width: 100%;
}
}
@media screen and (max-width: 1888px) {
#form-saiba .macaco-form1 {
left: 38.51vw;
}
}
@media screen and (max-width: 1859px) {
#banner .dir{
margin-top: 220px;
}
#banner .macaco-banner {
width: 12%;
left: 47vw;
}
.modal-nav-prev, .modal-nav-next {
width: 45px;
height: 45px;
}
#form-simule .macaco-form1 {
right: 8.51vw;
}
#form-simule::after {
right: -82px;
}
}
@media screen and (max-width: 1768px) {
#banner .dir {
margin-top: 268px;
}
.carousel-button-next::before {
right: 54px;
}
.carousel-button-prev::before {
left: 54px;
}
.carousel-slide.prev {
transform: scale(1) translateX(-420px);
}
.carousel-slide.next {
transform: scale(1) translateX(420px);
}
#form-saiba .macaco-form1 {
left: 38vw;
}
#form-simule .macaco-form1 {
right: 8.51vw;
width: 19%;
}
#form-simule::after {
right: -114px;
}
}
@media screen and (max-width: 1680px) {
#banner .dir {
margin-top: 307px;
}
#banner .esq .fundo-rosa {
width: 881px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -111px;
right: -753px;
}
#galeria::before {
right: 90px;
}
.carousel-button-next::before {
right: 108px;
}
.carousel-button-prev::before {
left: 108px;
}
#form-saiba .container {
justify-content: center;
}
#form-saiba .container .esq {
width: 53%;
margin-left: 43px;
}
#form-saiba .dir {
width: 43%;
}
#form-saiba .macaco-form1 {
left: 36.1vw;
}
#form-saiba::before {
right: -78px;
}
#form-simule::before {
left: -66px;
}
#form-zap .container .esq {
margin-left: 32px;
}
#form-zap .macaco-form1 {
left: 40.89vw;
}
}
@media screen and (max-width: 1600px) {
#banner .dir {
margin-top: 327px;
}
#banner .esq .fundo-rosa {
width: 838px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -110px;
right: -713px;
}
#banner .esq .texto-dorm .texto {
font-size: 118px;
}
#banner .esq .dorms .texto2 {
font-size: 75px;
}
#banner .esq .verde {
margin-top: -53px;
}
#banner .esq .verde .texto {
font-size: 52.97px;
}
#galeria {
padding-top: 133px;
}
#galeria::before {
right: 90px;
}
#galeria .container .fundo {
width: 100%;
left: 0;
}
.carousel-slide.prev {
transform: scale(1) translateX(-390px);
}
.carousel-slide.next {
transform: scale(1) translateX(390px);
}
.carousel-button-next::before {
right: 135px;
}
.carousel-button-prev::before {
left: 135px;
}
.modal-nav-prev {
left: -58px;
}
.modal-nav-next{
right: -58px;
}
#plantas .titulo {
padding: 0 154px;
font-size: 58px;
}
#plantas .esq {
width: 50%;
}
#plantas .boxes {
z-index: 1;
}
#form-simule .macaco-form1 {
right: 5.51vw;
width: 20%;
}
#form-simule::after {
right: -76px;
transform: scale(0.7);
}
#form-simule::before {
z-index: 0;
}
.formulario-verde {
z-index: 1;
}
#implantacao .imagem .icon-roxo {
right: 89px !important;
}
}
@media screen and (max-width: 1523px) {
#banner .esq .fundo-rosa {
width: 798px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -112px;
right: -669px;
}
#banner .esq .dorms .texto2 {
font-size: 65px;
line-height: 63px;
}
#banner .esq .verde {
width: 650px;
}
#banner .esq .endereco .localizacoes .texto {
font-size: 27px;
}
#banner .esq .endereco .localizacoes .texto2 {
font-size: 25px;
}
#banner .esq .endereco .localizacoes .texto3 {
font-size: 20px;
}
.carousel-slide.active {
width: 850px;
}
.carousel-slide.prev {
transform: scale(1) translateX(-357px);
}
.carousel-slide.next {
transform: scale(1) translateX(357px);
}
.carousel-button-next::before {
right: 179px;
}
.carousel-button-prev::before {
left: 179px;
}
#form-saiba .macaco-form1 {
left: 37.1vw;
}
#form-simule .container .esq {
width: 50%;
}
#implantacao .imagem .icon-roxo {
right: 44px !important;
}
}
@media screen and (max-width: 1440px) {
#banner .icone-fixo {
right: 15px;
}
#banner .esq .fundo-rosa {
width: 754px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -113px;
right: -625px;
}
#banner .esq .texto-dorm {
top: -171px;
}
#banner .esq .verde {
width: 575px;
}
#banner .esq .verde .texto {
font-size: 46px;
}
#banner .esq .endereco .localizacoes .texto {
font-size: 24px;
}
#banner .esq .endereco .localizacoes .texto2 {
font-size: 22px;
}
#banner .esq .endereco .localizacoes .texto3 {
font-size: 18px;
}
#banner .esq .logo-banner {
width: 279px;
}
#galeria {
padding-top: 142px;
}
#galeria::before {
right: 91px;
}
#galeria .container .titulo {
font-size: 56px;
}
.carousel-slide.active {
width: 781px;
}
.carousel-slide.next {
transform: scale(1) translateX(327px);
}
.carousel-slide.prev {
transform: scale(1) translateX(-327px);
}
.carousel-button-next::before {
right: 218px;
}
.carousel-button-prev::before {
left: 218px;
}
#form-saiba .container .esq {
width: 57%;
padding: 120px 66px 0px 0px;
margin-left: 30px;
}
#form-saiba .container .esq .titulo {
font-size: 46.87px;
}
#form-saiba .container .esq span {
font-size: 91px;
}
#form-saiba .container .esq .subtitulo {
font-size: 39.87px;
}
#plantas .titulo {
padding: 0px 97px;
font-size: 58px;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 48px;
}
#plantas .boxes .box .info {
font-size: 46px;
}
#plantas .boxes .box .dir .icon {
top: -17px !important;
}
#form-simule .dir {
width: 56%;
}
#form-simule .container .dir span {
font-size: 86px;
}
#form-simule .container .dir .titulo {
font-size: 48px;
}
#form-simule .container .dir .subtitulo {
font-size: 38px;
padding-right: 198px;
}
#implantacao .imagem .icon-roxo {
right: 25px !important;
}
#form-zap .container .esq .titulo {
line-height: 57px;
}
#form-zap .container .esq span {
font-size: 85px;
}
#form-zap .container .esq .subtitulo {
font-size: 57px;
}
#form-zap .macaco-form1 {
left: 37.89vw;
}
#locais .boxes {
gap: 11px;
}
#localizacao .mapa .macaco-localiza {
position: absolute;
width: 195px;
bottom: -75px;
right: -60px;
}
}
@media screen and (max-width: 1366px) {
#banner .esq .fundo-rosa {
width: 716px;
}
#galeria::after {
left: -51px;
}
#galeria .container .titulo {
font-size: 49px;
}
.carousel-slide.prev {
transform: scale(1) translateX(-299px);
}
.carousel-slide.next {
transform: scale(1) translateX(299px);
}
.carousel-button-next::before {
right: 251px;
}
.carousel-button-prev::before {
left: 251px;
}
#form-saiba .container .esq {
margin-left: 0px;
}
#form-saiba .macaco-form1 {
left: 36.97vw;
width: 23%;
}
#form-saiba .container .esq .subtitulo {
font-size: 39px;
padding-right: 139px;
}
#plantas .titulo {
padding: 0px 77px;
font-size: 58px;
}
#form-simule .container .esq {
width: 52%;
margin-left: 47px;
}
#form-simule .macaco-form1 {
right: 4.51vw;
}
#form-simule::after {
right: -85px;
}
#implantacao .texto {
padding: 0 47px;
}
#implantacao .boxes-info .info:nth-child(3) p:nth-child(3) span {
width: 42px;
}
#form-zap .container .esq .subtitulo {
font-size: 49px;
}
#form-zap .container .esq span {
font-size: 77px;
}
#form-zap .container .esq .titulo {
font-size: 50px;
}
#form-zap .macaco-form1 {
width: 19%;
}
#form-zap .container .esq {
padding-right: 2px;
}
#localizacao .mapa .macaco-localiza {
bottom: -62px;
}
#locais .itens {
gap: 15px;
}
#locais .esq {
width: 49%;
}
#locais .dir {
margin-top: 29px;
}
#locais .box {
width: 31%;
}
#parceiros::before {
top: -217px;
right: -82px;
}
}
@media screen and (max-width: 1300px) {
#form-saiba .container .esq {
margin-left: -18px;
width: 51%;
}
#form-saiba .macaco-form1 {
left: 36.97vw;
width: 21%;
bottom: -9px;
}
#form-zap .container .esq {
margin-left: -9px;
}
#locais .dir {
margin-top: 51px;
}
#localizacao .mapa .macaco-localiza {
bottom: -72px;
}
}
@media screen and (max-width: 1280px) {
#banner .esq .fundo-rosa {
width: 671px;
z-index: 0;
}
#banner .dir {
margin-top: 350px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -115px;
right: -558px;
}
#galeria .container .texto {
padding: 0 105px;
font-size: 14px;
}
.carousel-slide.active {
width: 751px;
}
.carousel-slide.prev {
transform: scale(1) translateX(-260px);
}
.carousel-slide.next {
transform: scale(1) translateX(260px);
}
.carousel-button-next::before {
right: 290px;
}
.carousel-button-prev::before {
left: 290px;
}
#form-saiba::before {
top: -95px;
}
#form-saiba .container .esq .subtitulo {
font-size: 39px;
padding-right: 113px;
}
#form-saiba .container {
gap: 0;
}
#plantas .titulo {
padding: 0px 69px;
font-size: 54px;
}
#plantas .esq {
width: 56%;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 44px;
}
#form-simule .container .esq {
width: 60%;
margin-left: 20px;
}
#form-simule .macaco-form1 {
right: 3.51vw;
width: 18%;
}
#form-simule::before {
top: -215px;
left: -82px;
}
#form-simule .container .dir .subtitulo {
font-size: 35px;
padding-right: 99px;
}
#form-simule .container .dir .titulo {
font-size: 45px;
letter-spacing: 1px;
}
#form-simule .container .dir span {
font-size: 78px;
}
#banner .icone-fixo {
width: 95px;
right: 12px;
}
#implantacao .imagem .icon-roxo {
right: 16px !important;
}
#parceiros::before {
top: -226px;
right: -32px;
width: 177px;
}
}
@media screen and (max-width: 1240px){
#form-simule .container .dir .subtitulo {
font-size: 35px;
padding-right: 89px;
}
}
@media screen and (max-width: 1200px) {
#banner .esq .texto-dorm .texto {
font-size: 100px;
}
#banner .esq .dorms .texto2 {
font-size: 60px;
}
#banner .esq .dorms .texto3 {
font-size: 23px;
}
#banner .esq .fundo-rosa {
width: 631px;
z-index: 0;
}
#banner .esq .texto-dorm {
top: -150px;
left: -20px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -127px;
right: -514px;
}
#banner .esq .verde .texto {
font-size: 42px;
}
#banner .esq .verde {
width: 554px;
}
#banner .esq .endereco {
margin-top: 24px;
}
#banner .esq .endereco svg {
width: 104px;
height: 104px;
}
#banner .esq .endereco .localizacoes .texto {
font-size: 20px;
}
#banner .esq .endereco .localizacoes .texto2 {
font-size: 18px;
}
#banner .esq .endereco .localizacoes .texto3 {
font-size: 15px;
}
#galeria::after {
width: 219px;
}
#galeria .container .titulo {
font-size: 45px;
padding: 0 112px;
}
.carousel-slide.active {
width: 679px;
height: 350px;
}
.carousel-slide.prev {
transform: scale(1) translateX(-220px);
}
.carousel-slide.next {
transform: scale(1) translateX(220px);
}
.carousel-button-next::before {
right: 329px;
}
.carousel-button-prev::before {
left: 329px;
}
#form-saiba .dir {
width: 46%;
}
#form-saiba .macaco-form1 {
left: 33.97vw;
width: 20%;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 38px;
}
#plantas .boxes .box .info {
font-size: 38px;
}
#plantas .titulo {
padding: 0px 45px;
font-size: 50px;
}
#plantas .botoes li.btn-plantas {
font-size: 13px;
}
#form-simule .dir {
width: 47%;
padding-top: 76px;
}
#implantacao .boxes-info p {
letter-spacing: 0;
}
#form-zap .macaco-form1 {
left: 35.89vw;
}
#form-zap .container .esq .subtitulo {
padding-right: 191px;
}
#form-zap .dir {
width: 51%;
}
#form-zap .container .esq {
margin-left: -28px;
}
#form-zap .container .esq .subtitulo {
padding-right: 143px;
}
.formulario-rosa-zap .slide-image-zap {
max-width: 132px;
top: -44px;
right: -32px;
}
#locais .esq {
width: 53%;
}
#locais .itens {
margin-left: 20px;
}
#parceiros::before {
top: -253px;
height: 241px;
}
}
@media screen and (max-width: 1123px) {
#banner .esq .verde {
width: 630px;
z-index: 0;
}
#banner .dir {
margin-top: 387px;
}
.carousel-button-next::before {
display: none;
}
.carousel-button-prev::before {
display: none;
}
#form-saiba .dir {
width: 48%;
}
#form-saiba .container .esq .subtitulo {
font-size: 36px;
padding-right: 96px;
}
#locais .esq {
width: 57%;
}
#locais .box {
width: 30%;
}
}
@media screen and (max-width: 1080px) {
#banner .icone-fixo {
width: 88px;
}
#banner .esq .fundo-rosa {
width: 566px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -129px;
right: -441px;
}
#banner .esq .verde {
width: 566px;
}
#banner .esq .texto-dorm .texto {
font-size: 82px;
}
#banner .esq .texto-dorm .text1 {
font-size: 84px;
}
#banner .esq .dorms .texto2 {
font-size: 49px;
}
#banner .esq .dorms .texto3 .text2 {
font-size: 24px;
}
#banner .esq .dorms .texto2 {
line-height: 47px;
}
#banner .esq .fundo-rosa::after {
width: 146px;
left: 11px;
z-index: -1;
}
#banner .esq .verde .texto {
font-size: 34px;
}
#banner .esq .texto-dorm {
top: -150px;
left: 8px;
}
#galeria::after {
width: 222px;
left: -100px;
}
.carousel-slide.prev {
transform: scale(1) translateX(-196px);
}
.carousel-slide.next {
transform: scale(1) translateX(196px);
}
#form-saiba .container .esq {
margin-left: -39px;
width: 47%;
}
#form-saiba .container .esq .subtitulo {
font-size: 36px;
padding-right: 43px;
}
#form-saiba .macaco-form1 {
left: 31.97vw;
width: 18%;
}
#plantas .titulo {
padding: 0px 22px;
font-size: 47px;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 36px;
}
#form-simule .container .esq {
width: 63%;
margin-left: -5px;
}
#implantacao .imagem .icon-roxo {
right: 5px !important;
}
#implantacao .boxes-info {
padding: 26px 26px;
}
#form-zap .container .esq .titulo {
font-size: 45px;
}
#form-zap .container .esq span {
font-size: 63px;
}
#form-zap .container .esq .subtitulo {
font-size: 38px;
}
#form-zap .container .esq {
margin-left: -14px;
width: 48.7%;
}
#form-zap .dir {
width: 59%;
}
#form-zap .macaco-form1 {
left: 31.89vw;
}
#locais .esq {
top: 35px;
}
}
@media screen and (max-width: 1024px) {
header {
justify-content: space-between;
padding: 0;
background-color: var(--laranja);
position: fixed;
height: 70px;
align-items: center;
width: 76px;
right: 0 !important;
left: auto;
}
header .cinza {
position: relative;
left: 0;
top: 0;
margin: 0;
padding: 10px 15px;
border-radius: 0;
border: none;
background-color: transparent;
}
header .cinza img {
width: 80px;
} header nav {
position: fixed;
top: 0px;
left: -100%;
width: 100%;
height: 100vh;
background-color: var(--laranja);
padding: 40px 20px;
margin: 0;
transition: left 0.3s ease;
z-index: 10;
} header nav.active {
left: 0;
overflow: auto;
}
header nav ul {
overflow: auto;
flex-direction: column;
justify-content: center;
margin: 0 auto;
align-items: center;
gap: 30px;
height: 100%;
}
header nav ul li {
width: 100%;
text-align: center;
padding-bottom: 15px;
}
header nav ul li:not(:last-child)::after {
display: none !important;
}
header nav ul li a {
font-size: 22px;
font-weight: 500;
display: block;
padding: 10px 0;
} .menu-hamburger {
display: flex;
} header.laranja .menu-hamburger .hamburger {
background-color: #fff;
} .menu-overlay {
position: fixed;
top: 70px;
left: 0;
width: 100%;
height: calc(100vh - 70px);
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
display: none;
}
.menu-overlay.active {
display: block;
}
#banner {
flex-direction: column-reverse;
position: relative;
}
#banner::after{
content: '';
position: absolute;
z-index: 3;
background: url(//www.horizontesresidencial.com.br/wp-content/themes/horizontesresidencial/assets/imagens/macaco-mobile.webp);
width: 198px;
height: 315px;
background-repeat: no-repeat;
bottom: 433px;
right: -3px;
}
#banner .macaco-banner{
display: none;
}
#banner .dir {
margin-top: 0px;
width: 90%;
}
#banner .dir .img-banner{
display: none !important;
}
#banner .dir .img-banner-mobile {
display: block;
width: 100%;
height: 806px;
margin-top: 237px;
object-fit: contain;
object-position: bottom;
}
#banner .esq {
width: 100%;
}
#banner .esq .logo-banner {
position: relative;
top: -995px;
margin-top: 0;
}
#banner .esq .fundo-rosa {
width: 100%;
margin-top: -280px;
z-index: 0;
}
#banner .esq .fundo-rosa::after {
display: none;
}
#banner .esq .texto-dorm {
left: 0px;
top: -157px;
}
#banner .esq .texto-dorm .texto {
font-size: 115px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -117px;
right: -21px;
}
#banner .esq .dorms .texto2 {
line-height: 56px;
}
#banner .esq .verde {
width: 488px;
margin-top: -31px;
z-index: 0;
}
#banner .esq .endereco {
margin-bottom: 50px;
margin-top: 24px;
}
#banner .esq .endereco .localizacoes .texto {
font-size: 23px;
}
#banner .esq .endereco .localizacoes .texto2 {
font-size: 21px;
}
#banner .esq .endereco .localizacoes .texto3 {
font-size: 17px;
}
.carousel-slide.prev {
width: 588px;
}
.carousel-slide.next {
width: 588px;
}
.modal-nav-prev, .modal-nav-next {
top: unset;
bottom: -62px;
transform: none;
}
.modal-nav-prev {
left: 0px;
}
.modal-nav-next {
right: 0px;
}
.modal-nav-prev:hover,
.modal-nav-next:hover {
transform: none;
}
#form-saiba .container {
flex-direction: column;
}
#form-saiba .dir {
width: 100%;
}
#form-saiba .container .esq {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 100%;
padding: 80px 146px 0px 146px;
margin-bottom: 123px;
}
#form-saiba .container .esq .titulo {
text-align: center;
}
#form-saiba .container .esq .subtitulo {
font-size: 36px;
padding-right: 0;
text-align: center;
}
.formulario-rosa {
position: relative;
top: 36px;
display: flex;
flex-direction: column;
margin: 0 auto;
justify-content: center;
}
#form-saiba .macaco-form1 {
left: 34vw;
width: 22%;
top: 283px;
}
#plantas .esq {
width: 100%;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 54px;
text-align: center;
}
#plantas .boxes .box .info {
font-size: 44px;
text-align: center;
}
#plantas .dir {
width: 100%;
position: relative;
}
.box {
flex-direction: column-reverse;
}
#plantas .box-filtro {
overflow-x: auto;
padding-bottom: 10px;
}
#plantas .botoes {
min-width: 1308px;
justify-content: flex-start;
}
#form-simule .container {
flex-direction: column-reverse;
}
#form-simule .dir {
width: 100%;
padding-top: 76px;
}
#form-simule .dir {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 100%;
padding: 80px 146px 0px 146px;
}
#form-simule .container .dir .titulo {
text-align: center;
}
#form-simule .container .dir .subtitulo {
font-size: 35px;
text-align: center;
padding-right: 0;
}
#form-simule .macaco-form1 {
right: 0.51vw;
width: 29%;
z-index: 2;
}
#plantas {
margin-bottom: 111px;
}
#form-simule .container .esq {
width: 100%;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
margin-bottom: -100px;
}
.formulario-verde {
position: relative;
}
#implantacao .boxes-info {
flex-direction: column;
}
#implantacao .imagem{
cursor: auto;
}
.lupa-zoom{
display: none !important;
}
#implantacao .boxes-info.hidden {
display: none;
}
.toggle-button {
display: flex;
align-items: center;
gap: 8px;
}
#implantacao .boxes-info .info {
width: 33%;
margin-bottom: 0px;
}
#implantacao .boxes-info .info:nth-child(3) p:nth-child(3) span {
width: 31px;
}
#form-zap .container {
flex-direction: column;
}
#form-zap .container .esq {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 100%;
padding: 80px 180px 0px 180px;
margin-bottom: 47px;
}
#form-zap .container .esq .subtitulo {
font-size: 40px;
padding-right: 0;
text-align: center;
}
#form-zap .container .esq .titulo {
font-size: 49px;
text-align: center;
margin-bottom: 0;
line-height: 44px;
}
#form-zap .dir {
width: 100%;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
margin-bottom: -82px;
}
.formulario-rosa-zap {
position: relative;
}
#form-zap .macaco-form1 {
left: 77.89vw;
width: 21%;
}
#locais {
height: auto;
z-index: 0;
}
#locais .dir {
width: 96%;
}
#locais .esq {
width: 96%;
}
#locais .itens {
flex-direction: column-reverse;
margin-left: 0px;
}
#locais .boxes {
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
gap: 11px;
}
#locais .box {
width: 90%;
}
#locais .icon-locaziza {
width: 55px;
height: 55px;
}
#locais .box .titulo {
font-size: 20px;
padding-bottom: 9px;
}
#locais .box .texto {
font-size: 16px;
}
#localizacao{
position: relative;
z-index: 2;
}
#localizacao .mapa .macaco-localiza {
width: 179px;
right: -28px;
}
#parceiros .container .logos {
gap: 31px;
flex-direction: column-reverse;
}
#parceiros .container .logos .bloco-logo .logo-footer-caixa {
padding-top: 0;
}
#parceiros .container .logos .bloco-logo .logo-footer {
padding-top: 0;
}
#parceiros::before {
width: 265px;
height: 265px;
top: -158px;
right: -27px;
z-index: -1;
}
}
@media screen and (max-width: 996px) {
#galeria {
padding-top: 80px;
top: 0px;
}
#galeria::after {
width: 221px;
top: 183px;
z-index: -2;
}
#galeria .container .texto {
padding: 0 91px;
font-size: 13px;
line-height: 27px;
}
#galeria .container .titulo {
font-size: 44px;
line-height: 53px;
padding: 0 69px;
}
.carousel-slide.active {
width: 623px;
height: 305px;
}
.carousel-slide.prev {
width: 564px;
transform: scale(1) translateX(-143px);
}
.carousel-slide.next {
width: 564px;
transform: scale(1) translateX(143px);
}
#form-saiba {
margin-top: 62px;
}
#form-saiba .container .esq {
padding: 80px 69px 0px 69px;
}
#form-saiba .container .esq .titulo {
font-size: 60px;
}
#plantas .titulo {
padding: 0px 4px;
font-size: 45px;
}
#form-simule::after {
right: -120px;
}
#localizacao .mapa .botao .btn-waze {
top: 107px;
right: 25px;
}
#parceiros::before {
z-index: -1;
}
#parceiros::before {
z-index: -1;
width: 220px;
top: -208px;
right: -66px;
}
}
@media screen and (max-width: 880px) {
#banner::after {
transform: scale(.8);
bottom: 404px;
right: -23px;
}
.carousel-wrapper {
top: -28px;
}
.carousel-slide.active {
width: 554px;
height: 249px;
}
.carousel-slide.prev {
width: 554px;
height: 227px;
transform: scale(1) translateX(-114px);
}
.carousel-slide.next {
width: 554px;
height: 227px;
transform: scale(1) translateX(114px);
}
#galeria {
top: -27px;
}
#galeria .container .fundo {
min-height: 438px;
}
#galeria .container .titulo {
font-size: 36px;
line-height: 49px;
padding: 0 90px;
}
#galeria .container .texto {
padding: 0 77px;
font-size: 14px;
line-height: 24px;
}
#form-saiba {
margin-top: 37px;
}
#form-saiba .macaco-form1 {
left: 31vw;
width: 224px;
top: 284px;
}
#plantas .titulo {
padding: 0px 3px;
font-size: 38px;
line-height: 51px;
}
#form-simule .macaco-form1 {
width: 26%;
}
#parceiros::before {
transform: scale(.7);
right: -45px;
}
}
@media screen and (max-width: 820px) {
#form-saiba .macaco-form1 {
top: 339px;
}
}
@media screen and (max-width: 768px) {
#banner .dir .img-banner-mobile {
margin-top: 105px;
height: 708px;
}
#banner .esq .logo-banner {
top: -780px;
}
#galeria::after {
width: 231px;
left: -86px;
top: 135px;
z-index: -2;
transform: scale(0.6);
}
#galeria::after {
width: 218px;
left: -94px;
top: 210px;
transform: scale(0.6);
}
#galeria .container .titulo {
font-size: 36px;
line-height: 46px;
padding: 0 10px;
}
#galeria .container .fundo {
min-height: 382px;
}
.carousel-wrapper {
top: -55px;
}
#form-saiba {
margin-top: -27px;
}
#form-saiba::before {
top: -31px;
}
#plantas .titulo {
padding: 0px 3px;
font-size: 31px;
line-height: 45px;
}
#plantas {
margin: 121px 0;
}
.formulario-verde .slide-image {
left: -71px;
}
#form-simule .container {
gap: 0px;
}
#form-simule .macaco-form1 {
right: 14.51vw;
width: 20%;
z-index: 2;
top: 221px;
}
#form-simule .dir {
padding: 70px 173px 0px 173px;
}
#form-simule .container .dir .titulo {
font-size: 40px;
}
#form-simule .container .dir span {
font-size: 64px;
line-height: 79px;
}
#form-simule .container .dir .subtitulo {
font-size: 29px;
line-height: 47px;
}
#form-simule::after {
right: -120px;
bottom: -259px;
transform: scale(0.6);
}
#implantacao .texto {
padding: 0 14px;
font-size: 14px;
}
#implantacao .imagem .icon-roxo {
right: -4px !important;
width: 38px !important;
}
#implantacao .boxes-info .info {
width: 34%;
margin-bottom: 0px;
}
#form-zap .container .esq {
padding: 80px 129px 0px 129px;
}
#form-zap .macaco-form1 {
left: 8.89vw;
top: 135px;
width: 128px;
}
#locais .box {
width: 100%;
}
#parceiros .container .logos .bloco-logo .texto {
font-size: 12px;
}
}
@media screen and (max-width: 660px) {
#banner .dir .img-banner-mobile {
margin-top: 15px;
}
#banner .esq {
margin-top: 42px;
}
#banner .esq .logo-banner {
top: -725px;
width: 233px;
}
#banner::after {
transform: scale(.6);
bottom: 373px;
right: -50px;
}
#galeria::after {
width: 231px;
left: -86px;
top: 209px;
z-index: -2;
transform: scale(0.6);
}
#galeria::before {
bottom: 142px;
}
#galeria .container .texto {
padding: 0 24px;
}
#galeria .container .titulo {
font-size: 35px;
padding: 0 2px;
}
#galeria .container .fundo {
min-height: 360px;
}
.carousel-wrapper {
top: -69px;
}
.carousel-slide.next {
transform: scale(1) translateX(96px);
}
.carousel-slide.prev {
transform: scale(1) translateX(-96px);
}
.carousel-slide.active {
width: 496px;
}
#form-saiba {
margin-top: -143px;
height: 770px !important;
}
#for-saiba::before{
right: -76px;
}
#form-saiba .container .esq {
padding: 47px 69px 0px 69px;
}
.formulario-rosa {
top: -89px;
max-height: 573px;
}
#form-saiba .container .esq .titulo {
font-size: 32px;
line-height: 6px;
}
#form-saiba .container .esq span {
font-size: 48px;
padding: 0px 29px;
line-height: 79px;
}
#form-saiba .container .esq .subtitulo {
font-size: 27px;
padding: 0 20px;
line-height: 38px;
}
#form-saiba .macaco-form1 {
left: 72vw;
width: 135px;
top: 144px;
transform: scaleX(-1);
}
#plantas .titulo {
line-height: 44px;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 49px;
text-align: center;
}
#form-simule .dir {
padding: 41px 143px 0px 143px;
}
#form-simule .container .esq {
padding-top: 91px;
}
#form-simule .macaco-form1 {
right: 10.51vw;
top: 176px;
}
#form-simule::before {
top: -185px;
left: -95px;
}
.formulario-verde {
max-height: 540px;
padding-top: 39px;
}
#implantacao .boxes-info .info:nth-child(3) p:nth-child(3) span {
width: 49px;
}
#form-simule::after {
right: -140px;
bottom: -260px;
transform: scale(0.5);
}
#implantacao .texto {
padding: 0 1px;
}
#implantacao .titulo {
font-size: 58px;
line-height: 34px;
}
#implantacao .imagem .icon-roxo {
right: -4px !important;
width: 34px !important;
}
#form-zap .container .esq {
padding: 48px 129px 0px 129px;
}
#form-zap .macaco-form1 {
left: 4.89vw;
top: 121px;
width: 123px;
}
#parceiros .container .logos {
gap: 56px;
}
#parceiros .container .logos .bloco-logo {
gap: 19px;
}
#parceiros .container .logos .bloco-logo .logo-footer {
width: 195px;
}
#parceiros .container .logos .bloco-logo .logo-footer-caixa {
width: 195px;
}
}
@media screen and (max-width: 600px) {
#banner .esq .texto-dorm {
left: 0px;
top: -136px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -117px;
right: 12px;
width: 159px;
height: 159px;
}
#galeria {
top: 26px;
}
#galeria::before {
bottom: 119px;
}
#form-saiba {
margin-top: -65px;
}
.formulario-rosa .titulo {
font-size: 30px;
}
.formulario-rosa .slide-image {
left: -19px;
max-width: 105px;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 40px;
}
#plantas .boxes .box .info {
font-size: 37px;
}
#plantas .boxes .box .info {
line-height: 31px;
}
#form-simule .macaco-form1 {
top: 210px;
}
#form-simule .dir {
padding: 70px 112px 0px 112px;
}
#form-simule .container .dir .subtitulo {
font-size: 28px;
line-height: 44px;
}
.formulario-verde .slide-image {
left: -47px;
max-width: 156px;
top: -73px;
}
#implantacao .titulo {
font-size: 52px;
line-height: 28px;
margin-bottom: 30px;
}
#form-zap .macaco-form1 {
left: 5px;
top: 124px;
width: 115px;
}
#form-zap .container .esq .subtitulo {
font-size: 28px;
margin-top: -20px;
}
#form-zap .container .esq .titulo {
font-size: 38px;
line-height: 19px;
}
#form-zap .container .esq span {
font-size: 52px;
}
#form-zap .macaco-form1 {
left: 5px;
top: 110px;
width: 115px;
}
.formulario-rosa-zap .slide-image-zap {
max-width: 111px;
top: -48px;
right: -15px;
}
#form-zap .container .esq {
padding: 80px 95px 0px 95px;
}
.formulario-rosa-zap .check {
padding: 0px 49px;
}
#localizacao .mapa .macaco-localiza {
width: 134px;
right: -23px;
}
}
@media screen and (max-width: 546px) {
#banner .esq .endereco .localizacoes .texto {
font-size: 20px;
}
#banner .esq .endereco .localizacoes .texto2 {
font-size: 19px;
}
#banner .esq .endereco svg {
width: 95px;
height: 95px;
margin-top: 4px;
}
#banner .esq .endereco {
gap: 7px;
}
#banner .esq .endereco .localizacoes .texto3 {
font-size: 15px;
}
#banner .esq .texto-dorm .texto {
font-size: 93px;
}
#banner .esq .texto-dorm {
top: -119px;
}
#galeria {
top: -59px;
}
#galeria .container .titulo {
font-size: 30px;
padding: 0 2px;
line-height: 42px;
}
#galeria .container .fundo {
min-height: 318px;
}
.carousel-wrapper {
top: -87px;
}
.carousel-slide.active {
width: 80%;
height: 220px;
}
.carousel-slide.prev {
transform: scale(1) translateX(-59px);
width: 415px;
height: 204px;
}
.carousel-slide.next {
transform: scale(1) translateX(59px);
width: 415px;
height: 204px;
}
#form-saiba {
margin-top: -108px;
}
#form-saiba::before {
top: -75px;
}
#form-saiba .container .esq .subtitulo {
font-size: 28px;
}
#form-simule .dir {
padding: 70px 78px 0px 78px;
}
#form-simule .container .dir .titulo {
font-size: 38px;
line-height: 32px;
}
#form-simule .container .dir span {
font-size: 68px;
}
#form-simule .macaco-form1 {
right: 7.51vw;
top: 198px;
}
#implantacao{
margin-bottom: 90px;
}
#implantacao .boxes-info .info {
width: 100%;
margin-bottom: 0px;
}
#implantacao .boxes-info .info:nth-child(3) p:nth-child(3) span {
width: 31px;
}
}
@media screen and (max-width: 490px) {
#banner::after {
display: none;
}
#banner .esq .logo-banner {
top: -700px;
}
#banner .esq .verde {
width: 100%;
}
#banner .esq .fundo-rosa {
height: 170px;
}
#banner .esq .texto-dorm {
top: -136px;
}
#banner .esq .texto-dorm .texto {
font-size: 73px;
}
#banner .esq .texto-dorm .text1 {
font-size: 70px;
}
#banner .esq .dorms .texto2 {
font-size: 41px;
line-height: 44px;
}
#banner .esq .dorms .texto3 {
font-size: 21px;
}
#banner .esq .dorms .texto3 .text2 {
font-size: 21px;
}
#banner .esq .endereco svg {
width: 83px;
height: 83px;
margin-top: 10px;
}
#banner .esq .endereco {
margin-bottom: 49px;
margin-top: 31px;
margin-left: -16px;
}
#banner .esq .endereco .localizacoes .texto {
font-size: 18px;
line-height: 38px;
}
#banner .dir {
width: 100%;
}
#banner .dir .banner-mobile {
bottom: 102px;
}
#galeria {
top: -30px;
}
#galeria::after {
top: 254px;
}
#form-saiba {
margin-top: -77px;
}
.formulario-rosa .slide-image {
right: -13px;
max-width: 100px;
left: auto;
top: -64px;
}
#form-saiba .macaco-form1 {
left: 10px;
width: 118px;
transform: scaleX(1);
top: 155px;
}
.formulario-rosa .titulo {
font-size: 27px;
}
.formulario-rosa .texto {
font-size: 21px;
}
#plantas .boxes {
padding: 43px 43px;
}
#plantas .boxes .box .dir .icon {
top: -17px !important;
width: 29px !important;
right: 2px !important;
}
#plantas .texto {
font-size: 14px;
}
#plantas .dir {
width: 114%;
}
.formulario-verde .check {
padding: 0 47px;
}
.formulario-verde .slide-image {
left: -36px;
max-width: 154px;
top: -84px;
}
.formulario-verde .formcon label {
left: 64px;
}
.formulario-verde .input-form:focus + label,
.formulario-verde .input-form:not(:placeholder-shown) + label {
left: 50px;
}
#form-simule::before {
transform: scale(.6);
top: -128px;
left: -95px;
}
#form-simule .macaco-form1 {
right: 6.51vw;
top: 207px;
}
#form-simule .container .dir .titulo {
font-size: 40px;
}
#form-simule .container .dir span {
font-size: 53px;
}
#implantacao .titulo {
font-size: 46px;
line-height: 24px;
margin-bottom: 30px;
}
#implantacao .imagem .icon-roxo {
right: -4px !important;
width: 34px !important;
top: -41px !important;
}
#form-zap .macaco-form1 {
left: 5px;
top: 136px;
width: 93px;
}
#form-zap .container .esq {
padding: 49px 70px 0px 70px;
}
#localizacao .titulo {
font-size: 46px;
line-height: 8px;
margin-bottom: 25px;
}
#localizacao .texto {
font-size: 14px;
}
#localizacao .mapa .botao .btn-maps {
width: 238px;
padding: 10px;
}
#localizacao .mapa .botao .btn-maps a {
font-size: 15px;
}
#localizacao .mapa .botao .btn-waze {
width: 238px;
padding: 7px;
}
#localizacao .mapa .botao .btn-waze a {
font-size: 15px;
}
#localizacao .mapa .botao .btn-waze {
top: 85px;
}
#parceiros::before {
width: 175px;
top: -230px;
right: -45px;
}
}
@media screen and (max-width: 460px) {
#banner .icone-fixo {
width: 73px;
}
#banner .esq .verde .texto {
font-size: 30px;
}
#banner .esq .endereco {
width: 100%;
margin-left: -7px;
}
#banner .dir .img-banner-mobile {
margin-top: 0px;
}
#galeria .container .titulo {
font-size: 28px;
}
#galeria .container .fundo {
min-height: 383px;
}
#galeria::after {
top: 237px;
}
.carousel-wrapper {
top: -60px;
}
.carousel-slide.active {
height: 300px;
width: 83%;
}
.carousel-slide.prev {
height: 280px;
}
.carousel-slide.next {
height: 280px;
}
.carousel-slide.active .slide-image {
object-position: 82% 97%;
}
#form-saiba::before {
top: -92px;
right: -60px;
transform: scale(0.8);
}
.formulario-rosa .check {
padding: 0 43px;
}
#form-saiba .container .esq .subtitulo {
font-size: 24px;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 41px;
}
#plantas .boxes .box .info {
line-height: 28px;
}
#form-zap .macaco-form1 {
left: 6px;
top: 98px;
width: 98px;
}
.formulario-rosa-zap .formcon label {
left: 62px;
}
.formulario-rosa-zap .input-form:focus + label,
.formulario-rosa-zap .input-form:not(:placeholder-shown) + label {
left: 50px;
}
}
@media screen and (max-width: 437px) {
#galeria .container .titulo {
font-size: 25px;
line-height: 40px;
}
#banner .esq .texto-dorm .texto {
font-size: 53px;
}
#banner .esq .texto-dorm .text1 {
font-size: 50px;
}
#banner .esq .dorms .texto2 {
font-size: 35px;
line-height: 35px;
}
#banner .esq .dorms .texto3 {
font-size: 19px;
}
#banner .esq .dorms .texto3 .text2 {
font-size: 19px;
}
#banner .esq .fundo-rosa .logo-banner-casa {
top: -96px;
right: 12px;
width: 142px;
height: 142px;
}
#banner .esq .texto-dorm {
top: -104px;
}
#banner .esq .endereco .localizacoes .texto2 {
font-size: 17px;
}
#banner .esq .endereco svg{
display: none;
}
#galeria::before {
right: 77px;
bottom: 113px;
}
#form-saiba {
margin-top: -86px;
}
.formulario-rosa .formcon label {
left: 56px; 
}
.formulario-rosa .input-form:focus + label,
.formulario-rosa .input-form:not(:placeholder-shown) + label{
left: 50px;
}
#form-saiba::before {
top: -90px;
right: -66px;
transform: scale(0.7);
}
#form-saiba .container .esq .titulo {
font-size: 40px;
line-height: 37px;
}   
#form-saiba .container .esq span {
font-size: 60px;
}
#form-saiba .container .esq .subtitulo {
font-size: 24px;
line-height: 39px;
padding: 0 4px;
}
#form-saiba .macaco-form1 {
left: 6px;
width: 110px;
top: 193px;
}
#plantas {
margin-bottom: 80px !important;
margin: 163px 0;
}
#plantas .titulo {
font-size: 28px;
line-height: 40px;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 30px;
line-height: 41px;
}
#plantas .boxes .box .info {
font-size: 33px;
}
#form-simule{
margin-bottom: 145px;
}
#form-simule .dir {
padding: 70px 53px 0px 53px;
}
#form-simule .container .dir .subtitulo {
font-size: 22px;
padding: 0 5px;
line-height: 34px;
}
#form-simule::before {
width: 232px;
}
#form-simule::after {
display: none;
}
.formulario-verde .slide-image {
left: -26px;
max-width: 132px;
top: -74px;
}
#form-zap{
margin-bottom: 145px;
}
}
@media screen and (max-width: 400px) {
#banner .esq {
margin-top: 100px;
}
#banner .dir{
margin-top: -140px;
}
#banner .esq .verde .texto {
font-size: 25px;
}
#banner .esq .logo-banner {
top: -607px;
width: 180px;
}
#banner::after {
display: none;
}
#galeria::after {
left: -105px;
}
#galeria .container .titulo {
font-size: 23px;
line-height: 30px;
}
.formulario-rosa .check {
padding: 0 39px;
line-height: 13px;
}
#form-saiba .container .esq {
margin-bottom: 117px;
}
#form-saiba .container .esq .subtitulo {
font-size: 20px;
line-height: 37px;
padding: 0 1px;
}
#form-saiba .macaco-form1 {
top: 184px;
}
#plantas .boxes .box .info {
font-size: 28px;
}
.formulario-verde .slide-image {
right: -25px;
left: auto;
max-width: 133px;
top: -61px;
}
#form-simule .macaco-form1 {
left: 20px;
top: 189px;
width: 95px;
transform: scaleX(-1);
}
.formulario-verde .formcon label {
left: 50px;
}
#form-simule::before {
top: -142px;
}
#implantacao .titulo {
font-size: 38px;
}
#form-zap .container .esq .titulo {
font-size: 34px;
line-height: 9px;
}
#form-zap .container .esq span {
font-size: 44px;
}
#form-zap .container .esq .subtitulo {
font-size: 26px;
margin-top: -30px;
}
#form-zap .macaco-form1 {
left: 5px;
top: 90px;
width: 94px;
}
.formulario-rosa-zap .slide-image-zap {
max-width: 89px;
top: -45px;
right: -20px;
}
#localizacao .titulo {
font-size: 35px;
line-height: 7px;
margin-bottom: 20px;
}
#localizacao .texto {
font-size: 13px;
}
}
@media screen and (max-width: 360px) {
#galeria .container .texto {
padding: 0 10px;
}
#galeria::before {
bottom: 132px;
}
.carousel-slide.next {
width: 321px;
height: 272px;
}
.carousel-slide.prev {
width: 321px;
height: 272px;
}
#form-saiba::before {
top: -105px;
}
#form-saiba .container .esq span {
font-size: 43px;
line-height: 74px;
}
#form-saiba .container .esq .titulo {
font-size: 30px;
line-height: 17px;
}
#form-saiba .container .esq .subtitulo {
font-size: 18px;
line-height: 27px;
}
#form-saiba .macaco-form1 {
top: 140px;
}
.formulario-rosa .formcon label {
left: 53px;
}
.formulario-rosa .slide-image {
right: -7px;
max-width: 84px;
left: auto;
top: -53px;
}
.formulario-rosa .input-form:focus + label,
.formulario-rosa .input-form:not(:placeholder-shown) + label {
left: 46px;
}
#plantas .titulo {
font-size: 24px;
line-height: 38px;
}
.box {
gap: 33px;
}
#plantas .dir {
width: 128%;
}
#plantas .boxes .box .esq .titulo-box {
font-size: 28px;
line-height: 38px;
margin-bottom: 3px;
}
#plantas .boxes .box .info {
font-size: 22px;
}
#form-simule .dir {
padding: 43px 28px 0px 28px;
}
#form-simule .container .dir span {
font-size: 57px;
line-height: 71.64px;
}
#form-simule .macaco-form1 {
top: 175px;
width: 80px;
}
#form-simule::before {
transform: scale(0.46);
}
#implantacao .imagem .icon-roxo {
width: 27px !important;
}
#implantacao .titulo {
font-size: 33px;
}
#implantacao .texto {
font-size: 13px;
}
#form-zap .macaco-form1 {
left: 5px;
top: 115px;
width: 78px;
}
#form-zap .container .esq {
padding: 49px 52px 0px 52px;
}
.formulario-rosa-zap .check {
padding: 0px 34px;
}
.formulario-rosa-zap .formcon label {
left: 49px;
}
}
@media screen and (max-width: 330px) {
#banner .esq .endereco {
margin-left: 0px;
}
#banner .esq .endereco .localizacoes .texto {
text-align: center;
font-size: 17px;
line-height: 23px;
}
#banner .esq .endereco .localizacoes .texto2 {
font-size: 16px;
text-align: center;
}
#banner .esq .endereco .localizacoes .texto3 {
font-size: 14px;
text-align: center;
line-height: 17px;
}
#banner .esq .texto-dorm .texto {
font-size: 38px;
gap: 14px;
text-align: center;
}
#banner .esq .texto-dorm .dorms{
display: flex;
flex-direction: column;
justify-content: center;
align-items: anchor-center;
margin: 0 auto;
}
#banner .esq .texto-dorm {
flex-direction: column;
top: -132px;
gap: 13px;
}
#banner .esq .texto-dorm .text1 {
font-size: 37px;
}
#banner .esq .dorms .texto2 {
font-size: 30px;
line-height: 35px;
}
#banner .esq .dorms .texto3 {
font-size: 17px;
}
#banner .esq .verde .texto {
font-size: 20px;
}
#banner .esq .dorms .texto3 .text2 {
font-size: 17px;
}
#galeria::after {
width: 230px;
left: -104px;
transform: scale(0.4);
top: 269px;
}
#form-saiba .container .esq span {
font-size: 55px;
}
#form-saiba .macaco-form1 {
top: 197px;
width: 88px;
}
#form-saiba .container .esq .titulo {
font-size: 39px;
line-height: 33px;
}
#form-saiba .container .esq .subtitulo {
font-size: 21px;
line-height: 38px;
width: 200px;
}
#form-simule .container .dir .subtitulo {
font-size: 21px;
line-height: 33px;
}
#form-simule .container .dir span {
font-size: 52px;
line-height: 71.64px;
}
#form-simule .container .dir .titulo {
font-size: 33px;
line-height: 30px;
}
.formulario-rosa .slide-image {
right: -6px;
max-width: 81px;
top: -53px;
}
.formulario-verde .titulo {
font-size: 28px;
}
.formulario-verde .check {
padding: 0 34px;
}
.formulario-verde .preencha {
padding: 0 18px;
}
#implantacao .titulo {
font-size: 29px;
}
.formulario-rosa-zap .preencha {
padding: 0 7px;
}
#form-zap .container .esq {
padding: 49px 30px 0px 30px;
}
#form-zap .container .esq .subtitulo {
font-size: 24px;
margin-top: -30px;
}
#form-zap .macaco-form1 {
left: 17px;
top: 168px;
width: 78px;
}
#localizacao .titulo {
margin-bottom: 20px;
}
#localizacao .mapa .botao .btn-maps {
right: 16px;
}
#localizacao .mapa .botao .btn-waze {
right: 16px;
}
}
@media screen and (max-width: 301px) {
#banner .esq .endereco .localizacoes {
padding: 0 2px;
}
#banner .esq .endereco .localizacoes .texto2 {
line-height: 27px;
}
#form-saiba .container .esq .subtitulo {
font-size: 19px;
line-height: 38px;
}
.formulario-rosa .preencha {
padding: 0 4px;
line-height: 15px;
font-size: 11px;
}
#form-saiba {
margin-top: -143px;
height: 867px !important;
}
#plantas {
margin-bottom: 80px !important;
margin: 144px 0;
}
#form-simule .container .dir .subtitulo {
font-size: 20px;
line-height: 33px;
}
#form-simule .macaco-form1 {
top: 185px;
width: 70px;
}
.formulario-rosa {
padding-bottom: 60px;
padding-top: 65px;
max-height: 677px;
}
#plantas .titulo {
font-size: 23px;
}
#implantacao .boxes-info .info:nth-child(3) p:nth-child(3) span {
width: 44px;
}
}
@media screen and (max-width: 280px) {
.formulario-verde .formcon label {
left: 40px;
}
}