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;
}
a{
text-decoration: none;
}
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;
}
.btn-cookie {
display: none;
}
.clear {
clear: both;
}
iframe {
display: block;
}
body {
font-family: "Open Sans", sans-serif;
margin: 0 !important;
background-color: #F8F4EC;
}
@font-face {
font-family: "Aloevera Semibold";
src: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/font/Aloevera-SemiBold.otf);
}
@font-face {
font-family: "Aloevera light";
src: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/font/AloeveraDisplay-Light.ttf);
}
@font-face {
font-family: "Aloevera medium";
src: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/font/AloeveraDisplay-Medium.ttf);
}
@font-face {
font-family: "Aloevera regular";
src: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/font/AloeveraDisplay-Regular.ttf);
}
html::-webkit-scrollbar-track {
background: rgb(255 255 255);
}
html::-webkit-scrollbar-thumb {
background-color: #43230a;
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: #43230a;
border-radius: 20px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar {
width: 12px;
height: 10px;
}
.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
}
section{
scroll-margin-top: 120px;
}
.btn-agende-visita{
position: fixed;
bottom: 35px;
left: 22px;
z-index: 900;
padding: 15px;
background-color: #453B3D;
backdrop-filter: blur(20px);
display: flex;
justify-content: center;
align-items: center;
transition: .3s ease-in-out;
font-size: 14px;
text-decoration: none !important;
border-radius: 10px 0px 10px 0px;
border: 1px solid #fff;
}
.btn-agende-visita span{
color: #FFF3D7 !important;
} #container-header .site-header {
position: fixed;
z-index: 10;
bottom: 47px;
left: 0;
width: 100%;
display: flex;
justify-content: center;
transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-ms-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
}
#container-header .site-header .container-principal {
display: flex;
align-items: center;
margin-left: calc(50% - 640px);
}
#container-header .main-navigation {
background-color: #FFFFFF80;
border: 1px solid #453B3D;
backdrop-filter: blur(11px);
padding: 1.242vw 3.125vw;
width: auto;
display: flex;
gap: 12px;
align-items: stretch;
justify-content: flex-start;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
#container-header .main-navigation a {
font-family: "Aloevera Semibold";
color: #453B3D;
font-weight: 600;
font-size: 0.938vw;
letter-spacing: 0.04em;
position: relative;
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;
}
#container-header .main-navigation a:focus {
outline: none;
color: #453B3D;
}
#container-header .main-navigation a:hover,
#container-header .main-navigation a:visited {
color: #453B3D;
}
#container-header .main-navigation a:before {
background: #453B3D;
bottom: -4px;
content: "";
height: 2px;
left: 0;
pointer-events: none;
position: absolute;
transform: scaleX(0);
transform-origin: right;
transition: transform .8s cubic-bezier(.24, .43, .15, .97);
width: 100%;
}
#container-header .main-navigation a:hover:before {
transform: scaleX(1);
transform-origin: left;
}
#container-header .main-navigation .menu-item {
display: flex;
flex-direction: row;
align-items: center;
padding-right: 1.1vw;
}
#container-header .main-navigation .menu-item:last-child {
padding-right: 0vw;
}
#container-header .main-navigation .menu-item:after {
color: #453B3D;
content: "|";
font-weight: 600;
margin-left: 1.1vw;
}
#container-header .main-navigation .menu-item:last-child:after,
#container-header .main-navigation .sub-menu .menu-item:after {
content: "";
margin-left: 0px;
}
#container-header .menu-menu-principal-container {
z-index: 2;
background-color: #0e4c59;
padding: 14.5px 20px;
}
#container-header .nav-wsp {
font-family: "Urbanist", sans-serif;
font-size: 0.83333vw;
font-weight: 500 !important;
background-color: #0e4c59;
display: flex;
flex-direction: row;
align-items: center;
padding: 17.5px 22px;
letter-spacing: 0.065vw !important;
gap: 10px;
transition: .3s ease-in-out;
}
#container-header .nav-wsp svg {
width: 16px;
height: auto;
transition: .3s ease-in-out;
}
#container-header .nav-wsp:hover {
background-color: #da1c5c;
}
#container-header .nav-wsp:hover svg {
fill: #fff;
} #container-header #masthead.header-fixo {
position: fixed;
z-index: 99;
bottom: 90%;
}
#container-header #masthead.header-fixo .main-navigation {
padding: 1.2vw 3.125vw;
}
#container-header #masthead.header-fixo .main-navigation .menu-menu-principal-container {
padding: 12px 20px 9px;
}
#container-header #masthead.header-fixo .main-navigation .nav-wsp {
padding: 10px 22px;
}
#container-header #masthead.header-fixo .main-navigation a:before {
bottom: -10px;
}
#container-header #masthead .menu_mobile {
display: none;
} #conteudo-completo {
width: 100%;
}
#banner {
height: 145dvh;
position: relative;
}
#banner .hero-wrapper {
height: 100dvh;
position: sticky;
top: 0%;
}
#banner .image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #b2a096;
background-image: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/legay-banner-bg.webp);
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
will-change: transform, opacity;
}
#banner .legacy-image {
background-image: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/legacy-banner.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
border-radius: 0;
will-change: transform, opacity;
transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
background-color: #00000080;
}
#banner .hero-wrapper.animation-complete .legacy-image {
background-blend-mode: overlay;
}
#banner .text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
will-change: opacity;
transition: opacity 0.5s ease-in-out;
text-align: center;
z-index: 3;
}
#banner .icone-fixo{
position: fixed;
right: 29px;
bottom: 11px;
z-index: 11;
transition: ease-in-out .3s;
}
#banner .icone-fixo:hover{
transform: scale(1.06);
}
.mouse {
position: absolute;
bottom: -77px;
left: 50%;
transform: translateX(-50%);
width: 37px;
height: 65px;
border: 2px solid rgba(255, 255, 255, 0.8);
border-radius: 21px;
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 8px;
animation: mouseFloat 2s ease-in-out infinite, mouseBlink 3s ease-in-out infinite;
}
.mouse::before {
content: '';
width: 17px;
height: 17px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 19px;
animation: mouseScroll 2s ease-in-out infinite;
} @keyframes mouseScroll {
0% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(8px);
opacity: 0.5;
}
100% {
transform: translateY(16px);
opacity: 0;
}
}
.container{
width: 1229px;
max-width: 90%;
margin: 0 auto;
position: relative;
} #video{
position: relative;
margin-bottom: 127px;
}
#video .linha-marrom{
width: 318px;
height: 2px;
background-color: #453B3D;
position: absolute;
top: 50%;
}
#video::after{
content: '';
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/after-video.webp);
position: absolute;
background-repeat: no-repeat;
width: 175px;
height: 332px;
bottom: -333px;
}
#video::before{
content: '';
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/before-canto-video.webp);
position: absolute;
background-repeat: no-repeat;
width: 175px;
height: 332px;
top: -240px;
left: -10px;
z-index: -1;
}
#video .container{
display: flex;
gap: 99px;
}
#video .container .esq{
width: 89.6%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
}
#video .container .esq .texto{
font-family: "Aloevera regular";
font-weight: 400;
color: #453B3D;
font-size: 20.18px;
line-height: 22px;
padding-left: 328px;
text-align: right;
margin-bottom: 22px;
}
#video .container .esq .botao{
width: 282px;
background-color: #453B3D;
color: #ffff;
font-family: "Aloevera regular";
font-size: 20px;
font-weight: 500;
line-height: 100%;
text-align: center;
padding: 16px 1px;
border-radius: 10px;
border: 1px solid #453B3D;
transition: ease-in-out .3s;
}
#video .container .esq .botao:hover{
background-color: #F8F4EC;
border: 1px solid #453B3D;
color: #453B3D;
}
#video .flex{
display: flex;
}
#video .dir {
width: 79.5%;
margin-top: -46px;
position: relative;
} #video .dir.sem-before::before {
display: none;
}
#video .dir .video-wrapper {
position: relative;
width: 100%;
max-width: 1051px;
cursor: pointer;
}
#video .dir .video-thumb {
width: 100%;
display: block;
border-radius: 10px;
}
#video .dir  .play-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
transition: ease-in-out 0.3s;
}
#video .dir .video-container {
width: 100%;
max-width: 1051px;
position: relative;
}
.video-container iframe {
width: 100%;
height: 591px;
border-radius: 10px;
} #form-contato{
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/fundo-form-contato.webp);
width: 100%;
min-height: 475px;
height: auto;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
margin-bottom: 138px;
}
#form-contato .linha-clara{
width: 280px;
height: 2px;
background-color: #FFF3D7;
position: absolute;
top: 50%;
}
#form-contato .container{
display: flex;
gap: 299px;
}
#form-contato .esq{
width: 69.3%;
display: flex;
justify-content: center;
align-items: center;
}
#form-contato .esq .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 40px;
line-height: 38px;
color: #FFF3D7;
padding: 0 10px;
margin-top: 177px;
}
#form-contato .dir{
width: 74%;
position: relative;
z-index: 1;
}
#form-contato .dir .form-exent{
width: 481px;
max-width: 100%;
top: -57px;
background-color: #ffffff;
padding: 52px;
border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
}
#form-contato .dir .form-exent .form-title{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 23.3px;
line-height: 100%;
letter-spacing: 0.24px;
color: black;
text-align: center;
margin-bottom: 15px;
}
#form-contato .dir .form-exent .logo-legacy{
width: 329px;
height: 41.73px;
align-items: center;
margin: 0 auto;
margin-bottom: 20px !important;
}
#form-contato .dir .form-exent .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.12px;
color: black;
text-align: center;
margin-bottom: 8px;
}
#form-contato .dir .form-exent form{
margin-top: 20px;
}
#form-contato .dir .form-exent .campo-form{
position: relative;
margin: 0 0 14px;
}
.form-group {
position: relative;
margin-bottom: 16px;
}
.checkbox-group{
display: flex;
align-items: center;
gap: 5px;
}
.checkbox-group .aceito{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 11px;
line-height: 100%;
color: black;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
width: 100%;
border: 0.5px solid #000;
border-radius: 5px;
padding: 10px 14px;
font-size: 16px;
background-color: transparent;
position: relative;
z-index: 1;
}
.form-group textarea {
height: 57px;
resize: vertical;
}
.form-group label {
position: absolute;
font-family: "Aloevera regular";
top: 17px;
left: 9px;
font-size: 14.91px;
line-height: 13.98px;
color: black;
background-color: #ffffff;
padding: 0 5px;
transition: all 0.2s ease-in-out;
pointer-events: none;
}
.form-group input:focus + label,
.form-group input:valid + label,
.form-group textarea:focus + label,
.form-group textarea:focus + label {
top: -10px;
left: 9px;
font-size: 14px;
color: #000;
z-index: 2;
}
.subir{
top: -10px !important;
left: 9px !important;
font-size: 14px !important;
color: red !important;
z-index: 2 !important;
}
.error::placeholder, .error {
color: red !important;
}
.submit-btn{
width: 377px;
max-width: 100%;
background-color: #453B3D;
border-radius: 13px;
padding: 12px 12px;
color: #fff;
font-family: "Aloevera semibold";
font-size: 19.57px;
line-height: 16.78px;
letter-spacing: 0.19px;
cursor: pointer;
transition: ease-in-out .3s;
}
.submit-btn:hover{
background-color: #fff;
border: 1px solid #453B3D;
color: #453B3D;
} #galeria-externa{
overflow: hidden;
position: relative;
margin-bottom: 83px;
}
#galeria-externa .container{
width: 1357px;
margin-bottom: 65px;
}
#galeria-externa .container .titulo{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 28px;
line-height: 40px;
letter-spacing: 1.84px;
color: #453B3D;
position: relative;
margin-bottom: 10px;
}
#galeria-externa .container .titulo:before{
content: "";
display: inline-block;
width: 38px;
height: 2px;
background-color: #453B3D;
margin-right: 13px;
margin-bottom: 7px;
}
#galeria-externa .container .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
#galeria-externa .swiper-wrapper{
align-items: center !important;
}
#galeria-externa .swiper-container.galeria-principal {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
#galeria-externa .botoes{
display: flex;
justify-content: center;
gap: 21px;
position: relative;
top: 0px;
z-index: 5;
}
#galeria-externa .swiper-slide {
background-position: center;
background-size: cover;
transition: transform 0.5s ease, opacity 0.5s ease, filter 0.5s ease;
}
#galeria-externa .swiper-slide img {
display: block;
width: 100%;
height: 336px;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
object-fit: cover;
}
#galeria-externa .swiper-slide-active {
opacity: 1;
transform: scale(1.393);
z-index: 1;
margin: 0 auto !important;
}
#galeria-externa .swiper-button-next,
#galeria-externa .swiper-button-prev {
position: static !important;
width: 43px !important;
height: 43px !important;
margin: 0 !important;
color: #000 !important;
background-color: #ffffff !important;
opacity: 0.6 !important;
border-radius: 10px !important;
transition: ease-in-out .3s !important;
}
#galeria-externa .swiper-button-next:hover,
#galeria-externa .swiper-button-prev:hover {
transform: scale(1.06);
}
#galeria-externa .swiper-slide-prev img,
#galeria-externa .swiper-slide-next img {
filter: blur(3.5px);
transition: filter 0.3s ease;
}
#galeria-externa .swiper-slide-active img {
filter: none;
}
#galeria-externa .swiper-button-next:after,
#galeria-externa .swiper-button-prev:after {
font-size: 20px !important; font-weight: bold;
}
#galeria-externa .container-galeria {
box-shadow: -1px -3px 25.7px 11px #00000040 inset;
max-width: 95%;
width: 1634px;
height: 761px;
border-radius: 10px;
padding: 68px 60px;
margin: 0 auto;
box-sizing: border-box;
} #plantas{
margin-bottom: 55px;
}
#plantas .container{
width: 1357px;
margin-bottom: 46px;
}
#plantas .container .titulo{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 28px;
line-height: 40px;
letter-spacing: 1.84px;
color: #453B3D;
position: relative;
margin-bottom: 10px;
}
#plantas .container .titulo::before{
content: "";
display: inline-block;
width: 38px;
height: 2px;
background-color: #453B3D;
margin-right: 13px;
margin-bottom: 7px;
}
#plantas .container .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
#plantas .box-filtro {
width: 1012px;
max-width: 100%;
margin: 0 auto;
background-color: #453B3D;
border-radius: 10px;
}
#plantas .botoes{
margin: 40px auto 0;
display: flex;
align-items: stretch;
text-align: center;
justify-content: center;
gap: 21px;
padding: 2px 4px;
border-radius: 12px;
position: relative;
}
#plantas .botoes li.btn-plantas{
font-family: "Aloevera regular";
box-sizing: border-box;
font-size: 20px;
line-height: 27px;
text-align: center;
text-decoration: none;
color: #FFF3D7;
border: 1px solid #453B3D;
padding: 12px 0;
width: 235px;
cursor: pointer;
transition: ease-in-out .3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 10px;
z-index: 1;
}
#plantas .botoes li.btn-plantas:hover {
font-weight: 800;
background-color: #FFF3D7;
color: #453B3D;
}
#plantas .boxes{
color: #fff;
border-radius: 14px;
margin-top: 20px !important;
padding: 52px 72px;
position: relative;
width: 100%; display: flex;
margin: 0 auto;
border-radius: 30px;
align-items: center;
justify-content: center; gap: 20px;
overflow: hidden;
min-height: 735px;
}
.boxes .box {
flex: 0 0 auto;
width: 993px;
max-width: 90%;
transition: transform 0.5s ease, opacity 0.5s ease, filter 0.5s ease;
display: flex;
align-items: center;
gap: 25px;
flex-direction: column;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#plantas .boxes .box .icon{
position: absolute;
top: 0px !important;
right: 0px !important;
width: 34px !important;
height: 34px !important;
z-index: 15 !important;
cursor: pointer !important;
opacity: 1 !important;
transition: ease-in-out .3s;
}
#plantas .boxes .box:hover .icon{
transform: scale(1.1);
}
#plantas img {
width: 100%; height: auto;
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: rgb(161 161 161 / 93%);
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-visita{
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/fundo-form-contato.webp);
width: 100%;
min-height: 686px;
height: auto;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
margin-bottom: 215px;
}
#form-visita .linha-clara{
width: 280px;
height: 2px;
background-color: #FFF3D7;
position: absolute;
top: 50%;
}
#form-visita .container{
display: flex;
gap: 299px;
}
#form-visita .esq{
width: 75.3%;
display: flex;
justify-content: center;
align-items: center;
}
#form-visita .esq .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 40px;
line-height: 38px;
color: #FFF3D7;
padding: 0 10px;
margin-top: 285px;
}
#form-visita .esq .texto span{
font-weight: 800;
}
#form-visita .dir{
width: 74%;
position: relative;
z-index: 1;
}
#form-visita .dir .form-exent{
width: 481px;
max-width: 100%;
top: -57px;
background-color: #ffffff;
padding: 52px;
border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
}
#form-visita .dir .form-exent .form-title{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 23.3px;
line-height: 100%;
letter-spacing: 0.24px;
color: black;
text-align: center;
margin-bottom: 15px;
}
#form-visita .dir .form-exent .logo-legacy{
width: 329px;
height: 41.73px;
align-items: center;
margin: 0 auto;
margin-bottom: 20px !important;
height: auto;
}
#form-visita .dir .form-exent .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.12px;
color: black;
text-align: center;
margin-bottom: 8px;
}
#form-visita .dir .form-exent form{
margin-top: 20px;
}
#form-visita .dir .form-exent .campo-form{
position: relative;
margin: 0 0 14px;
}
#form-visita .some{
display: none;
}
.form-group {
position: relative;
margin-bottom: 16px;
}
.checkbox-group{
display: flex;
align-items: center;
gap: 5px;
}
.checkbox-group .aceito{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 11px;
line-height: 100%;
color: black;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
width: 100%;
border: 0.5px solid #000;
border-radius: 5px;
padding: 10px 14px;
font-size: 16px;
background-color: transparent;
position: relative;
z-index: 1;
}
.form-group textarea {
height: 57px;
resize: vertical;
}
.form-group label {
position: absolute;
font-family: "Aloevera regular";
top: 17px;
left: 9px;
font-size: 14.91px;
line-height: 13.98px;
color: black;
background-color: #ffffff;
padding: 0 5px;
transition: all 0.2s ease-in-out;
pointer-events: none;
}
.form-group input:focus + label,
.form-group input:valid + label,
.form-group textarea:focus + label,
.form-group textarea:focus + label {
top: -10px;
left: 9px;
font-size: 14px;
color: #000;
z-index: 2;
}
form .box-input select {
font-family: "Aloevera regular";
line-height: 13.98px;
font-size: 14.91px;
color: black;
width: 100%;
background-color: transparent;
border: 1px solid #21252d;
height: 45px;
padding-left: 14px;
color: #000;
position: relative;
padding-top: 0px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 5px;
overflow-y: auto;
margin-bottom: 15px;
}
#form-visita .box-select{
border-radius: 15px;
}
form .box-input .box-select::before {
content: '';
width: 10px;
height: 10px;
background-color: #000;
clip-path: polygon(50% 100%, 0 0, 100% 0);
display: block;
position: absolute;
right: 69px;
top: 47.5%;
transform: translateX(-40%);
}
#form-visita .calendario{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.subir{
top: -10px !important;
left: 9px !important;
font-size: 14px !important;
color: red !important;
z-index: 2 !important;
}
.error::placeholder, .error {
color: red !important;
}
.submit-btn{
width: 377px;
max-width: 100%;
background-color: #453B3D;
border-radius: 13px;
padding: 12px 12px;
color: #fff;
font-family: "Aloevera semibold";
font-size: 19.57px;
line-height: 16.78px;
letter-spacing: 0.19px;
cursor: pointer;
transition: ease-in-out .3s;
}
.submit-btn:hover{
background-color: #fff;
border: 1px solid #453B3D;
color: #453B3D;
}
#form-visita .label-mobile{
display: none;
}
#form-visita .box-block{
flex-direction: column;
align-items: start;
} #implantacao{
margin-bottom: 80px;
}
#implantacao .container{
width: 1357px;
margin-bottom: 46px;
}
#implantacao .container .titulo{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 28px;
line-height: 40px;
letter-spacing: 1.84px;
color: #453B3D;
position: relative;
margin-bottom: 10px;
}
#implantacao .container .titulo::before{
content: "";
display: inline-block;
width: 38px;
height: 2px;
background-color: #453B3D;
margin-right: 13px;
margin-bottom: 7px;
}
#implantacao .container .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 22px;
margin-bottom: 45px;
}
#implantacao .container .legenda{
font-family: "Aloevera regular";
text-align: center;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: black;
}
#implantacao .img-implantacao{
margin: 0 auto;
}
#implantacao .boxes-info{
display: flex;
height: auto;
gap: 100px;
margin-top: 42px;
transition: opacity 0.3s ease;
}
#implantacao .boxes-info .info{
display: flex;
flex-direction: column;
gap: 19px;
}
#implantacao .boxes-info .info p{
font-family: "Aloevera light";
color: #453B3D;
font-weight: 300;
font-size: 22px;
line-height: 22px;
}
#implantacao .boxes-info .info p span{
font-family: "Aloevera regular";
font-weight: 600;
color: #AF786C;
margin-right: 24px;
} .boxes-info.hidden {
display: none;
opacity: 0;
} .toggle-detalhes {
padding: 10px;
display: none; background: #453B3D;
border: none;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
align-items: center;
gap: 8px;
color: #FFF3D7;
transition: color 0.3s ease;
} .toggle-detalhes .seta {
display: inline-block;
transition: transform 0.3s ease;
}
.toggle-detalhes.active .seta {
transform: rotate(180deg);
} #lazer{
margin-bottom: 132px;
}
.fundo{
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/fundo-grande.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#lazer .container{
width: 1357px;
}
#lazer .container .titulo{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 28px;
line-height: 40px;
letter-spacing: 1.84px;
color: #453B3D;
position: relative;
margin-bottom: 10px;
}
#lazer .container .titulo::before{
content: "";
display: inline-block;
width: 38px;
height: 2px;
background-color: #453B3D;
margin-right: 13px;
margin-bottom: 7px;
}
#lazer .container .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 22px;
margin-bottom: 45px;
}
#lazer .swiper-container-novo {
width: 100%;
min-height: 619px;
height: auto;
margin: 20px auto;
position: relative;
overflow: hidden;
border-radius: 10px;
}
#lazer .swiper-container-novo .swiper-wrapper {
display: flex;
transition-property: transform;
box-sizing: content-box;
min-height: 619px;
}
#lazer .swiper-container-novo .swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
min-height: 619px;
position: relative;
transition-property: transform;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
margin-right: 20px;
transition: filter 0.3s ease;
}
#lazer .swiper-container-novo .swiper-slide:last-child {
margin-right: 0;
}
#lazer .swiper-container-novo .swiper-image {
width: 100%;
height: 619px;
object-fit: cover;
cursor: pointer;
transition: transform 0.3s ease;
border-radius: 10px;
}
#lazer .swiper-container-novo .swiper-slide .icon{
position: absolute;
z-index: 2;
right: 25px;
top: 23px;
transition: ease-in-out .3s;
}
#lazer .swiper-container-novo .swiper-slide:hover .icon{
transform: scale(1.1);
}
#lazer .swiper-container-novo .swiper-slide .legenda-externa{
margin-top: 20px;
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #000;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
#lazer .swiper-container-novo .swiper-caption {
padding: 15px;
font-size: 16px;
font-weight: 600;
color: #333;
margin: 0;
border-radius: 0 0 10px 10px;
width: 100%;
box-sizing: border-box;
}
#lazer .swiper-container-novo .swiper-slide {
filter: blur(6px);
}
#lazer .swiper-container-novo .swiper-slide-active,
#lazer .swiper-container-novo .swiper-slide-next,
#lazer .swiper-container-novo .swiper-slide-prev {
filter: none;
}
#lazer .swiper-container-novo .swiper-slide-active .legenda-externa,
#lazer .swiper-container-novo .swiper-slide-next .legenda-externa,
#lazer .swiper-container-novo .swiper-slide-prev .legenda-externa {
opacity: 1;
visibility: visible;
} #form-zap{
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/fundo-form-zap.webp);
width: 100%;
min-height: 475px;
height: auto;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
margin-bottom: 138px;
}
#form-zap .linha-clara{
width: 280px;
height: 2px;
background-color: #FFF3D7;
position: absolute;
top: 221px;
}
#form-zap .container{
display: flex;
gap: 299px;
}
#form-zap .esq{
width: 69.3%;
display: flex;
justify-content: center;
align-items: center;
}
#form-zap .esq .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 40px;
line-height: 38px;
color: #FFF3D7;
padding: 0 9px;
margin-top: 177px;
}
#form-zap .dir{
width: 74%;
position: relative;
z-index: 1;
}
#form-zap .dir .form-exent{
width: 481px;
max-width: 100%;
top: -57px;
background-color: #ffffff;
padding: 86px 54px;
border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
}
#form-zap .dir .form-exent .form-title{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 23.3px;
line-height: 100%;
letter-spacing: 0.24px;
color: black;
text-align: center;
margin-bottom: 15px;
}
#form-zap .dir .form-exent .logo-legacy{
width: 329px;
height: 41.73px;
align-items: center;
margin: 0 auto;
margin-bottom: 20px !important;
}
#form-zap .dir .form-exent .texto{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.12px;
color: black;
text-align: center;
margin-bottom: 8px;
}
#form-zap .dir .form-exent form{
margin-top: 20px;
}
#form-zap .dir .form-exent .campo-form{
position: relative;
margin: 0 0 14px;
}
#form-zap  .form-group {
position: relative;
margin-bottom: 16px;
}
#form-zap  .checkbox-group{
display: flex;
align-items: center;
gap: 5px;
}
#form-zap  .checkbox-group .aceito{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 11px;
line-height: 100%;
color: black;
}
#form-zap  .form-group input[type="text"],
#form-zap  .form-group input[type="email"],
#form-zap  .form-group input[type="tel"],
#form-zap  .form-group textarea {
width: 100%;
border: 0.5px solid #000;
border-radius: 5px;
padding: 10px 14px;
font-size: 16px;
background-color: transparent;
position: relative;
z-index: 1;
}
#form-zap .form-group textarea {
height: 57px;
resize: vertical;
}
#form-zap  .form-group label {
position: absolute;
font-family: "Aloevera regular";
top: 17px;
left: 9px;
font-size: 14.91px;
line-height: 13.98px;
color: black;
background-color: #ffffff;
padding: 0 5px;
transition: all 0.2s ease-in-out;
pointer-events: none;
}
#form-zap  .form-group input:focus + label,
#form-zap  .form-group input:valid + label,
#form-zap  .form-group textarea:focus + label,
#form-zap  .form-group textarea:focus + label {
top: -10px;
left: 9px;
font-size: 14px;
color: #000;
z-index: 2;
}
#form-zap  .submit-btn{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 377px;
max-width: 100%;
background-color: #453B3D;
border-radius: 13px;
padding: 12px 12px;
color: #fff;
font-family: "Aloevera semibold";
font-size: 19.57px;
line-height: 16.78px;
letter-spacing: 1px;
cursor: pointer;
transition: ease-in-out .3s;
}
#form-zap .icon-zap {
width: 22px; height: 22px;
transition: ease-in-out .3s;
}
#form-zap  .submit-btn:hover{
background-color: #fff;
border: 1px solid #453B3D;
color: #453B3D;
}
#form-zap .submit-btn:hover .icon-zap{
filter: brightness(0) saturate(100%) invert(20%) sepia(6%) saturate(585%) hue-rotate(291deg) brightness(93%) contrast(90%);
} #localizacao{
padding-bottom: 100px;
position: relative;
}
#localizacao::after{
content: '';
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/after-mapa.webp);
position: absolute;
background-repeat: no-repeat;
width: 175px;
height: 332px;
top: -381px;
left: -17px;
}
#localizacao::before{
content: '';
background: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/before-mapa.webp);
position: absolute;
background-repeat: no-repeat;
width: 175px;
height: 332px;
top: -299px;
right: 0px;
}
#localizacao .container{
box-shadow: -1px -3px 25.7px 11px #00000040 inset;
max-width: 95%;
width: 1643px;
height: 963px;
border-radius: 10px;
padding: 78px 146px;
margin: 0 auto;
box-sizing: border-box;
}
#localizacao .container .localizacao-container{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 17px;
}
#localizacao .container .titulo{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 32px;
line-height: 40px;
letter-spacing: 2.56px;
}
#localizacao .container .subtitulo{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 22px;
letter-spacing: 0%;
text-align: justify;
margin-bottom: 44px;
}
#localizacao .container .boxes-localiza{
display: flex;
gap: 139px;
margin-bottom: 22px;
}
#localizacao .container .boxes-localiza .box{
display: flex;
gap: 10px;
}
#localizacao .container .boxes-localiza .box .ico-localizacao{
width: 56px;
height: 56px;
}
#localizacao .container .boxes-localiza .box .texto{
font-family: "Aloevera medium";
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #453B3D;
}
#localizacao .container .boxes-localiza .box span{
font-family: "Aloevera medium";
font-weight: 500;
font-size: 16px;
line-height: 27px;
color: #453B3D;
}
#localizacao .container .boxes-localiza .box .textos{
display: flex;
flex-direction: column;
}
#localizacao .container .mapa{
position: relative;
}
#localizacao .container .mapa iframe{
border-radius: 10px !important;
}
#localizacao .container .mapa .botao{
display: flex;
gap: 26px;
justify-content: center;
margin-top: -25px;
}
#localizacao .container .mapa .btn-maps{
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: ease-in-out .3s;
}
#localizacao .container .mapa .btn-maps .btm-mapa{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #453B3D !important;
}
#localizacao .container .mapa .btn-waze{
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
gap: 10px;
width: 245px;
border: 1px solid #fff;
border-radius: 14px;
background-color: #453B3D;
padding: 10px;
transition: ease-in-out .3s;
}
#localizacao .container .mapa .btn-waze:hover,
#localizacao .container .mapa .btn-maps:hover{
transform: scale(1.04);
}
#localizacao .container .mapa .btn-waze .btm-mapa{
font-family: "Aloevera regular";
font-weight: 400;
font-size: 18px;
line-height: 27px;
color: #fff !important;
} #realizacao{
background-color: #F8F4EC;
background-image: url(//www.legacyosasco.com.br/wp-content/themes/legacy/assets/images/fundo-realiza.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#realizacao .container{
width: 1356px;
}
#realizacao .container .boxes-realiza{
display: flex;
justify-content: center;
gap: 302px;
align-items: center;
margin-bottom: 82px;
}
#realizacao .container .boxes-realiza .box{
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
}
#realizacao .container .boxes-realiza .box .texto{
font-family: "Aloevera medium";
font-weight: 500;
font-size: 18px;
line-height: 105%;
letter-spacing: 2.7px;
color: #000;
}
#realizacao .container .texto-legal{
font-family: "Aloevera light";
font-weight: 400;
font-size: 12px;
line-height: 150%;
letter-spacing: 0.96px;
text-align: center;
color: #000000;
} #footer-exent{
background-color: #636362;
}
#footer-exent .container{
padding: 23px;
margin-top: 80px;
}
#footer-exent .container img{
width: 205px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}   @media screen and (max-width: 1780px){
#form-contato .container,
#form-zap .container,
#form-visita .container {
width: 1073px;
gap: 87px;
}
#localizacao .container .boxes-localiza .box .texto br{
display: none;
}
}
@media screen and (max-width: 1680px) {
#form-contato .container, #form-zap .container, #form-visita .container {
width: 990px;
gap: 52px;
}
#form-contato .linha-clara,
#form-zap .linha-clara {
width: 199px;
}
#localizacao .container .boxes-localiza {
gap: 89px;
}
#localizacao .container .boxes-localiza .box{
align-items: center;
}
#form-visita .linha-clara {
width: 173px;
}
}
@media screen and (max-width: 1600px){
#localizacao .container .titulo {
font-size: 30px;
}
#localizacao .container {
padding: 70px 70px;
}
}
@media screen and (max-width: 1440px){
#video .container .esq {
width: 94%;
}
#video .container .esq .texto {
font-size: 18px;
padding-left: 268px;
}
#form-contato .esq .texto,
#form-zap .esq .texto,
#form-visita .esq .texto {
font-size: 34px;
padding: 0 43px;
}
#form-contato .linha-clara, #form-zap .linha-clara {
width: 173px;
}
#plantas .boxes {
padding: 100px 13px;
margin-top: 0px !important;
}
#implantacao .boxes-info {
gap: 82px;
}
#localizacao .container .titulo {
font-size: 28px;
}
#localizacao .container .boxes-localiza {
gap: 55px;
}
#localizacao .container .boxes-localiza .box .texto {
font-size: 15px;
}
#localizacao .container .boxes-localiza .box span {
font-size: 14px;
}
}
@media screen and (max-width: 1280px){
#video .linha-marrom {
width: 242px;
}
#video .container .esq .texto {
padding-left: 224px;
}
#video .dir {
width: 92.5%;
}
#form-contato .linha-clara, #form-zap .linha-clara, #form-visita .linha-clara {
width: 109px;
}
#form-contato .esq .texto, #form-zap .esq .texto, #form-visita .esq .texto {
font-size: 33px;
padding: 0px 48px;
}
}
@media screen and (max-width: 1200px){
#form-contato .container, #form-zap .container, #form-visita .container  {
width: 965px;
gap: 26px;
}
#form-contato .esq {
width: 77.3%;
}
#form-contato .esq .texto {
font-size: 32px;
padding: 0px 56px;
}
#form-zap .esq .texto{
padding: 0px 41px;
font-size: 32px;
}
#form-visita .esq .texto {
padding: 0px 27px;
font-size: 30px;
padding-left: 78px;
padding-right: 13px;
}
#form-visita .esq .texto {
font-size: 30px;
padding-left: 78px;
padding-right: 13px;
}
#form-zap .linha-clara {
width: 69px;
}
#galeria-externa .swiper-slide img {
height: 314px;
}
#plantas .boxes {
padding: 108px 13px;
}
#localizacao .container {
padding: 60px 39px;
}
#realizacao .container .boxes-realiza {
gap: 203px;
}
#realizacao .container .boxes-realiza .box .texto {
font-size: 16px;
}
}
@media screen and (max-width: 1080px){
#video .container {
margin-top: 32px;
}
#video .linha-marrom {
top: 61%;
}
#form-contato .esq .texto{
font-size: 30px;
padding-left: 154px;
padding-right: 44px;
}
#form-zap .esq .texto {
font-size: 30px;
padding-left: 78px;
padding-right: 13px;
}
#plantas {
margin-bottom: 74px;
}
}
@media screen and (max-width: 1024px) {
#container-header .main-navigation {
display: none;
}
#container-header #masthead.header-fixo {
bottom: 64px;
}
#container-header .main-navigation .menu-item:after {
display: none;
}
.menu_mobile {
display: block !important;
position: fixed;
top: 0px;
right: -1px;
z-index: 1001;
background-color: #453B3D;
width: 60px;
height: 50px;
}
.menu-toggle, .main-navigation.toggled ul {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
margin-top: 40px;
}
#container-header .main-navigation .menu-item {
display: block;
}
#site-navigation.toggled {
display: block;
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 100vh;
border-radius: 0;
background-color: #453B3D;
z-index: 999;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding-top: 55px;
}
.btn-nav {
display: block;
position: relative;
top: 12px;
right: 0px;
width: 33px;
height: 22px;
background: transparent;
border: none;
cursor: pointer;
color: rgba(255, 255, 255, 0.8) ;
}
.icon-bar {
display: block;
width: 100%;
height: 3px;
background-color: #fff; position: absolute;
transition: transform 0.3s ease;
}
.icon-bar.top {
top: 0;
}
.icon-bar.middle {
top: 50%;
transform: translateY(-50%);
}
.icon-bar.bottom {
bottom: 0;
} .btn-nav.active .icon-bar.top {
transform: translateY(9.5px) rotate(45deg);
}
.btn-nav.active .icon-bar.middle {
opacity: 0;
}
.btn-nav.active .icon-bar.bottom {
transform: translateY(-9.5px) rotate(-45deg);
}
#container-header .main-navigation .menu-item {
padding-right: 0 !important;
}
#container-header .main-navigation a {
color: #FFF3D7 !important;
font-size: 18px !important;
}
#banner .text-overlay {
width: 75%;
}
#video {
margin-bottom: 60px;
}
#video::after{
bottom: -289px;
}
#video .flex {
flex-direction: column;
}
#video .linha-marrom {
display: none;
}
#video .container {
margin-top: 73px;
}
#video .container .esq {
width: 100%;
align-items: center;
}
#video .container .esq .texto {
text-align: center;
padding-left: 0px;
}
#video .container .esq .botao {
width: 232px;
font-size: 17px;
}
#video .dir {
width: 90%;
margin: 63px auto;
}
#video .dir .play-video {
width: 20%;
}
#form-contato .container,
#form-zap .container,
#form-visita .container {
flex-direction: column;
}
#form-contato .linha-clara,
#form-zap .linha-clara,
#form-visita .linha-clara {
width: 271px;
top: 12%;
}
#form-contato .esq,
#form-zap .esq,
#form-visita .esq {
width: 100%;
}
#form-contato .esq .texto,
#form-zap .esq .texto,
#form-visita .esq .texto{
margin-top: 41px;
font-size: 30px;
text-align: center;
padding: 0 203px;
}
#form-contato .dir,
#form-zap .dir,
#form-visita .dir {
width: 100%;
}
#form-contato .dir .form-exent,
#form-zap .dir .form-exent,
#form-visita .dir .form-exent {
position: relative;
align-items: center;
margin: 0 auto;
top: 0;
margin-bottom: -45px;
}
#galeria-externa .container-galeria {
padding: 57px 27px;
}
#plantas .boxes {
min-height: 707px;
}
#plantas .box-filtro {
max-width: 90%;
overflow-x: auto;
}
#plantas .botoes {
margin: 0 auto;
min-width: 1012px;
justify-content: flex-start;
}
.boxes .box {
align-items: center;
}
#implantacao .boxes-info {
flex-direction: column;
gap: 19px;
}
#implantacao .container .legenda {
margin-bottom: 25px;
}
.toggle-detalhes {
display: flex;
}
.boxes-info.hidden {
display: none !important;
}
#form-zap .dir {
width: 100%;
}
#lazer {
margin-bottom: 74px;
}
#localizacao .container {
height: auto;
}
#localizacao .container .titulo {
line-height: 30px;
font-size: 24px;
}
#localizacao .container .subtitulo {
font-size: 16px
}
#localizacao .container .boxes-localiza {
flex-direction: column;
gap: 18px;
}
#localizacao .container .mapa .botao {
flex-direction: column;
align-items: center;
margin-top: -31px;
gap: 16px;
}
#realizacao .container .boxes-realiza {
flex-direction: column;
gap: 64px;
}
#realizacao .container .boxes-realiza .box {
gap: 19px;
}
}
@media screen and (max-width: 996px){
#form-contato .esq .texto,
#form-zap .esq .texto,
#form-visita .esq .texto {
margin-top: 36px;
font-size: 29px;
padding: 0px 199px;
}
#form-contato .linha-clara,
#form-zap .linha-clara,
#form-visita .linha-clara {
width: 157px;
}
}
@media screen and (max-width: 900px){
#form-contato .esq .texto,
#form-zap .esq .texto,
#form-visita .esq .texto {
padding: 0px 140px;
font-size: 28px;
}
#plantas .boxes {
padding: 10px 13px;
min-height: 600px;
}
}
@media screen and (max-width: 768px) {
#video {
margin-bottom: 34px;
}
#video::after {
bottom: -266px;
}
#video::before{
top: -261px;
}
#video .dir::before {
width: 78px;
height: 28px;
}
#form-contato .esq .texto {
padding: 0px 99px;
font-size: 28px;
}
#plantas {
margin-bottom: 0px;
}
#form-zap .esq .texto {
padding: 0px 102px;
}
#galeria-externa .container .titulo {
font-size: 26px;
margin-bottom: 6px;
}
}
@media screen and (max-width: 680px) {
#form-contato .esq .texto {
padding: 0px 47px;
font-size: 26px;
}
#form-zap .esq .texto {
padding: 0px 66px;
}
#form-contato .linha-clara,
#form-zap .linha-clara,
#form-visita .linha-clara {
width: 92px;
}
#form-visita .esq .texto {
padding: 0px 114px;
font-size: 28px;
line-height: 32px;
}
.boxes .box {
top: 45%;
}
#plantas .boxes .box .icon {
top: -35px;
}
#plantas {
margin-bottom: -79px;
}
}
@media screen and (max-width: 600px) {
#banner .icone-fixo {
width: 65px;
position: fixed;
right: 11px;
bottom: 11px;
}
.btn-agende-visita {
padding: 10px;
left: 17px;
font-size: 13px;
bottom: 20px;
}
#banner .text-overlay {
width: 85%;
}
#video .container .esq .texto {
font-size: 16px;
}
#form-contato .linha-clara,
#form-zap .linha-clara,
#form-visita .linha-clara {
display: none;
}
#form-visita .esq .texto {
padding: 0px 78px;
}
#form-contato .esq .texto {
padding: 0px 2px;
font-size: 26px;
}
#form-contato .dir .form-exent .logo-legacy {
height: auto;
}
#galeria-externa .container-galeria {
padding: 52px 19px;
max-width: 97%;
}
#galeria-externa .container .titulo {
font-size: 24px;
line-height: 23px;
margin-bottom: 19px;
}
#galeria-externa .container .titulo:before {
margin-bottom: 5px;
}
#galeria-externa .container .texto {
font-size: 16px;
}
#plantas {
margin-bottom: -117px;
}
#plantas .container .titulo {
font-size: 25px;
}
#plantas .boxes .box .icon {
top: -17px !important;
}
.boxes .box {
top: 39%;
}
#implantacao .container .titulo {
line-height: 33px;
}
#implantacao .boxes-info .info p {
font-size: 16px;
}
#implantacao .boxes-info .info {
gap: 10px;
}
#implantacao .boxes-info {
gap: 10px;
}
#lazer .container .titulo {
line-height: 33px;
}
#form-zap .esq .texto {
padding: 0px 7px;
}
#form-zap .dir .form-exent .logo-legacy {
height: auto;
}
#localizacao .container {
padding: 48px 17px;
}
#localizacao .container .titulo {
font-size: 20px;
line-height: 23px;
}
#localizacao .ico-localizacao{
width: 20px;
}
}
@media screen and (max-width: 518px){
#form-visita .esq .texto {
padding: 0px 41px;
}
}
@media screen and (max-width: 490px){
.mouse{
width: 30px;
height: 50px;
}
.mouse::before{
width: 12px;
height: 12px;
}
#video::before {
left: -36px;
}
#form-contato {
margin-bottom: 101px
}
#form-contato .esq .texto,
#form-zap .esq .texto {
font-size: 22px;
line-height: 29px;
}
#form-contato .dir .form-exent {
padding: 36px;
}
#form-visita .some{
display: block;
}
form .box-input .box-select::before {
top: 67.5%;
}
#galeria-externa .container .texto {
font-size: 14px;
}
#plantas {
margin-bottom: -196px;
}
#plantas .boxes {
padding: 127px 13px;
}
#plantas .box-filtro {
margin-bottom: 27px !important;
}
#plantas .container .texto {
font-size: 16px;
}
#plantas .boxes .box .icon {
top: -33px !important;
}
#plantas .container .titulo {
font-size: 24px;
line-height: 23px;
}
#form-visita .label-mobile{
display: block;
}
.boxes .box {
top: 28%;
}
.modal-content-plantas {
max-width: 96%;
}
#implantacao .container .titulo {
font-size: 24px;
line-height: 23px;
}
#implantacao .container .texto {
font-size: 16px
}
#implantacao .container .legenda {
font-size: 16px;
}
#implantacao .boxes-info .info p {
font-size: 20px;
}
#lazer .container .titulo {
font-size: 24px;
line-height: 23px;
}
#lazer .container .texto {
font-size: 16px;
}
#form-zap .esq .texto {
padding: 0px 27px;
}
#localizacao .container .titulo {
font-size: 19px;
}
#localizacao .container .subtitulo {
font-size: 15px;
}
#localizacao .container .mapa .btn-waze .btm-mapa {
font-size: 16px;
}
#localizacao .container .mapa .btn-maps .btm-mapa {
font-size: 16px
}
#localizacao .icon-mapa{
width: 26px;
}
}
@media screen and (max-width: 436px){
#form-visita .esq .texto {
padding: 0px 26px;
font-size: 25px;
}
}
@media screen and (max-width: 400px) {
#banner .text-overlay {
width: 94%;
}
#form-zap .dir .form-exent {
padding: 86px 24px;
}
#form-zap .submit-btn {
font-size: 16px;
}
#form-visita .esq .texto {
padding: 0px 22px;
font-size: 23px;
line-height: 25px;
}
#form-visita .dir .form-exent {
padding: 27px;
}
form .box-input .box-select::before {
top: 68%;
right: 45px;
}
#plantas {
margin-bottom: -244px;
}
.boxes .box {
top: 32%;
}
#localizacao .container .mapa .btn-waze {
width: 222px;
}
#localizacao .container .mapa .btn-maps{
width: 222px;
}
#localizacao .container .titulo {
font-size: 18px;
}
#localizacao .container .subtitulo {
font-size: 14px;
}
#realizacao .container .boxes-realiza .box .texto {
font-size: 14px;
text-align: center;
}
}
@media screen and (max-width: 360px){
#form-contato .esq .texto,
#form-zap .esq .texto {
font-size: 20px;
}
#form-visita .dir .form-exent .form-title {
font-size: 21.3px;
}
}
@media screen and (max-width: 330px){
#form-contato .esq .texto,
#form-zap .esq .texto {
line-height: 23px;
}
#form-contato .dir .form-exent {
padding: 23px;
}
}
@media screen and (max-width: 300px){
#form-zap .submit-btn {
font-size: 14px;
}
}