html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
overflow: hidden!important;
font-family: Montserrat, sans-serif;
}
html{
width: 100%;
overflow-x: hidden;
}
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;
}
a{
text-decoration: none;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
/* GERAL */
.container {
max-width: 1210px;
padding: 0 20px;
}
select:focus,
select:focus-visible {
border: none;
outline: none;
}
.subtitulo {
color: var(--600, rgba(0, 0, 0, 0.40));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
width: fit-content;
text-transform: uppercase;
}
::selection {
background-color: #C17038;
color: #fff;
}
button {
border: none;
}
.botao {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
cursor: pointer;
padding: 18px 30px;
border-radius: 100px;
border: 1px solid rgba(67, 66, 71, 0.10);
background: transparent;
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: all .5s;
}
.botao:hover {
background: #C17038;
color: #fff;
border-color: #C17038;
}
.botao-nav {
width: fit-content;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 100px;
border: 1px solid rgba(0, 0, 0, 0.10);
transition: all .5s;
width: 52px;
height: 52px;
}
.botao-nav:hover {
background: #C17038;
}
.botao-nav:hover path {
stroke: #fff;
}
svg,
svg path,
svg path stroke {
transition: all .5s;
}
.primeira-parte-titulo {
font-weight: 300;
}
.restante-titulo {
font-weight: 700;
}
.show-mob {
display: none;
}
.linha-brand {
display: flex;
gap: 10px;
align-items: end;
width: 100%;
}
.linha-brand .line {
height: 2px;
background: rgba(67, 66, 71, 0.10);
width: calc(50% - 29px);
}
.secao-black {
position: relative;
min-height: 75vh;
padding: 100px 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.secao-black .img-banner {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
z-index: 1;
filter: brightness(.5) grayscale(1);
}
.secao-black::before {
content: '';
display: block;
background: radial-gradient(294.19% 102.5% at 0% 47.07%, rgba(0, 0, 0, 0.00) 71.99%, rgb(0 0 0 / 69%) 100%), radial-gradient(303.93% 141.42% at 100% 0%, rgba(0, 0, 0, 0.00) 47.88%, rgb(0 0 0 / 81%) 80.24%), linear-gradient(0deg, rgb(0 0 0 / 68%) 0%, rgb(0 0 0 / 76%) 100%), linear-gradient(180deg, rgb(0 0 0 / 65%) 0%, rgba(0, 0, 0, 0.00) 50%);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.secao-black::after {
content: "";
display: block;
width: 40px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='32' viewBox='0 0 40 32' fill='none'%3E%3Cpath d='M18.44 0.901408C19.1333 -0.30047 20.8667 -0.300469 21.56 0.901409L39.5 32H0.5L18.44 0.901408Z' fill='%23C17038'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
.secao-black .infos {
position: relative;
z-index: 3;
max-width: 620px;
margin: 0 auto;
}
.secao-black .infos h2 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
text-transform: uppercase;
letter-spacing: 5.6px;
}
.secao-black .infos h1 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
margin: 20px auto;
}
.secao-black .infos h1 b {
font-weight: 700;
}
.secao-black .infos .botao {
background: #C17038;
border-color: #C17038;
color: #fff;
margin: 0 auto;
}
.secao-black .infos .botao:hover {
background: transparent;
border-color: #fff;
}
@media (max-width: 991px) {
.show-desk {
display: none !important;
}
.show-mob {
display: block;
}
}
.degrade {
position: relative;
}
.degrade::before {
position: absolute;
z-index: 4;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
display: block;
background-size: cover;
pointer-events: none;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.52) 100%);
}
.degrade:after{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
pointer-events: none;
height: 100%;
content: '';
display: block;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 50%);
}
header {
background-color: transparent;
position: fixed;
top: 0;
padding: 32px 0;
width: 100%;
transition: .5s;
z-index: 50;
}
header::before {
/* background-image: url(../images/efeito-header.png); */
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
mask: linear-gradient(black, black, transparent);
backdrop-filter: blur(4px);
opacity: 1;
transition: .5s;
}
header.header-menor::before {
width: 100%;
top: 0;
height: 100%;
mask: linear-gradient(black, black, #000000f2);
backdrop-filter: blur(15px);
opacity: 1;
transition: all .5s;
}
header.header-menor {
background-image: linear-gradient(#000000bf -10%, #0000004f 100%);
padding: 20px 0;
transition: all .5s;
}
header .wrapper-menu {
display: flex;
align-items: center;
justify-content: end;
gap: 15px;
margin-right: 18px;
transition: all .5s;
opacity: 0;
width: 0%;
}
header .wrapper-menu.active {
opacity: 1;
width: 404px;
}
header .wrapper-header{
display: flex;
justify-content: space-between;
align-items: center;
gap: 0;
}
header .wrapper-header .conteudo {
width: 80%;
display: flex;
align-items: center;
justify-content: end;
gap: 0;
}
header .wrapper-header ul {
display: flex;
align-items: center;
gap: 24px;
}
header .wrapper-header ul li {
transition: .5s;
}
header .wrapper-menu a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -7px;
height: 2px;
width: 0%;
background-color: #C17038;
transition: .5s;
}
header .wrapper-menu a:hover::before {
width: 100%;
}
header .wrapper-header ul li a {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
position: relative;
}
header .wrapper-header ul li.current-menu-item a::before {
width: 100%;
}
header .botoes {
display: flex;
align-items: center;
justify-content: end;
}
header .botoes .item {
border-radius: 100px;
display: flex;
width: 52px;
height: 52px;
justify-content: center;
align-items: center;
border: 1px solid var(--Primary-Medium, #C17038);
transition: all .5s;
cursor: pointer;
}
header .botoes .item:hover {
background: #C17038;
}
header .btn-empreendimentos {
position: relative;
}
header .btn-empreendimentos a {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display: flex;
align-items: center;
position: relative;
z-index: 3;
}
header .btn-empreendimentos .aba-empreendimentos {
border-radius: 0px;
border-left: 5px solid #C17038;
background: #fff;
padding: 32px;
width: 280px;
}
header .btn-empreendimentos .padding {
position: absolute;
top: 0;
pointer-events: none;
padding-top: 40px;
cursor: pointer;
opacity: 0;
width: 219px;
transition: all .5s;
}
header .btn-empreendimentos .aba-empreendimentos a {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: .5s;
padding: 8px 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 7px;
}
header .btn-empreendimentos .aba-empreendimentos ul {
display: flex;
flex-direction: column;
}
header .btn-empreendimentos .aba-empreendimentos li {
width: 100%;
}
header .btn-empreendimentos .aba-empreendimentos li a::before {
width: 100%;
background-color: #ffffff1a;
height: 1px;
}
header .btn-empreendimentos .aba-empreendimentos a:hover {
color: var(--Primary-Yellow, #C17038);
}
header .btn-empreendimentos .aba-empreendimentos a:hover svg {
transform: rotate(-45deg);
}
header .btn-empreendimentos:hover .padding {
opacity: 1;
pointer-events: visible
}
.botao-duplo {
display: flex;
align-self: center;
}
header .botao-duplo {
margin-right: 14px;
}
.botao-duplo .botao.um {
border-radius: 100px 0 0 100px;
border-right: 0;
}
.botao-duplo .botao.dois {
border-radius: 0 100px 100px 0;
border-left: 0;
position: relative;
}
.botao-duplo .botao.dois::after {
content: '';
display: block;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), rgba(255, 255, 255, 0.10);
position: absolute;
left: -.5px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 27px;
transition: all .5s;
}
.botao-duplo a.botao {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
border: 1px solid rgba(0, 0, 0, 0.10);
}
header.header-menor .botao-duplo .botao.dois::after {
background-color: rgba(255, 255, 255, 0.20);
}
header .pesquisar {
position: relative;
margin-right: 14px;
}
header .pesquisar svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .5s;
}
header .pesquisar .fechar {
opacity: 0;
}
header .pesquisar.active .fechar {
opacity: 1;
}
header .pesquisar.active .abrir {
opacity: 0;
}
header .pesquisar.active .barra-search {
opacity: 1;
pointer-events: visible
}
header .barra-search {
opacity: 0;
pointer-events: none;
transition: all .5s;
width: 0px;
display: flex;
align-items: center;
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 0.20);
overflow: hidden;
}
header .barra-search.active {
opacity: 1;
pointer-events: visible;
margin-right: 14px;
width: 450px;
}
header .barra-search .search-filter-input-text {
padding: 10px 22px;
width: 0px !important;
}
header .barra-search.active .search-filter-input-text {
width: 100% !important;
border: none;
}
header .barra-search .search-filter-field--input-type-text {
width: 0px !important;
transition: all .5s !important;
}
header .barra-search.active .search-filter-field--input-type-text {
width: 100% !important;
}
header .barra-search input {
padding: 0 !important;
color: var(--400, rgba(255, 255, 255, 0.858)) !important;
leading-trim: both;
text-edge: cap;
font-family: Exo !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
text-transform: uppercase !important;
}
header .barra-search input::placeholder {
color: var(--400, rgba(255, 255, 255, 0.40)) !important;
leading-trim: both;
text-edge: cap;
font-family: Exo !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
text-transform: uppercase !important;
}
header .barra-search input:focus {
border: none !important;
}
header .barra-search .search-filter-input-button {
border-radius: 30px;
background: var(--Primary-Medium, #C17038);
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
padding: 16.5px 30px;
border: none;
transition: all .5s
}
header .btn-menu {
position: relative;
}
header .btn-menu .menu-hamburguer .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
header .btn-menu .menu-hamburguer svg {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
header .btn-menu .menu-hamburguer svg.fechar {
opacity: 0;
}
header .btn-menu.active .menu-hamburguer svg.fechar {
opacity: 1;
}
header .btn-menu.active .menu-hamburguer svg.abrir {
opacity: 0;
}
.f-html {
background: transparent !important;
}
.fancybox__slide.has-close-btn {
padding: 0 !important;
}
.submenu {
background: #fff !important;
transition: all .5s;
width: 100vw;
position: relative;
z-index: 100;
padding: 60px !important;
overflow-x: hidden !important;
height: 100vh;
}
.fancybox__slide .f-button[data-fancybox-close] {
border-radius: 100px !important;
border: 1px solid var(--Primary-Medium, #C17038) !important;
background: var(--Primary-Medium, #C17038) !important;
color: #fff !important;
top: 70px !important;
right: 70px !important;
transition: all .5s !important;
opacity: 1 !important;
padding: 12px;
transform: scale(.7);
}
.fancybox__slide .f-button[data-fancybox-close] svg {
position: relative;
left: -1px;
}
.fancybox__slide .f-button[data-fancybox-close]:hover {
border-radius: 10px !important;
}
.submenu .logo-submenu {
display: block;
margin: 0 auto 30px auto;
}
.submenu .botao-duplo {
justify-content: center;
padding: 0 32px;
margin: 0 auto;
background: #fff;
position: relative;
z-index: 2;
width: fit-content;
}
.submenu .botao-duplo a.botao {
border-color: rgba(67, 66, 71, 0.10);
color: #434247;
width: 170px;
}
.submenu .botao-duplo a.botao:focus,
.submenu .botao-duplo a.botao:focus-visible {
outline: none;
border: 1px solid rgba(67, 66, 71, 0.10);
}
.submenu .botao-duplo a.botao.um {
border-right: 0;
}
.submenu .botao-duplo a.botao.dois {
border-left: 0;
}
.submenu .botao-duplo a.botao:hover {
color: #fff;
}
.submenu .botao-duplo a.botao:hover svg path {
stroke: #fff;
}
.submenu .info-topo .linha {
background: rgba(67, 66, 71, 0.10);
height: 1px;
width: 100%;
position: relative;
top: -28px;
}
.submenu .info-meio {
display: flex;
justify-content: space-between;
gap: 50px;
margin: 30px auto;
}
.submenu .info-meio .left {
display: flex;
flex-direction: column;
gap: 60px;
align-self: center;
padding: 70px;
width: calc(50% - 50.5px);
}
.submenu .info-meio .left a {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
position: relative;
display: block;
width: fit-content;
}
.submenu .info-meio .left a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -15px;
height: 2px;
width: 0%;
background-color: #C17038;
transition: .5s;
}
.submenu .info-meio .left a:hover::before {
width: 100%;
}
.submenu .info-meio .linha {
background: rgba(67, 66, 71, 0.10);
width: 1px;
}
.submenu .info-meio .right {
padding: 70px;
align-self: center;
width: calc(50% - 50.5px);
}
.submenu .info-meio .right ul {
display: flex;
flex-direction: column;
gap: 30px;
}
.submenu .info-meio .right ul li a {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
display: block;
width: fit-content;
position: relative;
}
.submenu .info-meio .right ul li a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -10px;
height: 2px;
width: 0%;
background-color: #C17038;
transition: .5s;
}
.submenu .info-meio .right ul li a:hover::before {
width: 100%;
}
.submenu .info-bottom {
display: flex;
align-items: center;
gap: 50px;
justify-content: space-between;
}
.submenu .info-bottom .contatos {
display: flex;
align-items: center;
gap: 8px;
}
.submenu .info-bottom .contatos a {
display: flex;
height: 52px;
width: 52px;
align-items: center;
justify-content: center;
border-radius: 80px;
background: #434247;
transition: all .5s;
cursor: pointer;
}
.submenu .info-bottom .contatos a:hover svg {
transform: scale(1.5);
}
.submenu .info-bottom .contatos a:hover {
background: #302f33;
}
.submenu .info-bottom .contatos a.wpp {
background: #73C138;
}
.submenu .info-bottom .contatos a.wpp:hover {
background: #4c8521;
}
.submenu .info-bottom .contatos a.tel {
background: #C17038;
}
.submenu .info-bottom .contatos a.tel:hover {
background: #884e24;
}
.submenu .info-bottom .item {
width: fit-content;
text-align: center;
}
.submenu .info-bottom .item span {
color: var(--600, rgba(0, 0, 0, 0.40));
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
}
.submenu .info-bottom .item div {
display: flex;
align-items: center;
gap: 3px;
}
.submenu .info-bottom .item a {
padding: 10px;
border-bottom: 2px solid transparent;
transition: all .5s;
border-radius: 50px;
}
.submenu .info-bottom .item a:hover {
border-color: #C17038;
}
.submenu .info-bottom .item a:hover svg {
transform: scale(1.1);
}
.submenu .info-bottom .item a:hover path {
fill: #C17038;
}
.submenu .info-bottom .linha {
background: rgba(67, 66, 71, 0.10);
height: 1px;
width: 100%;
}
header.branco {
background: var(--100, #FFF);
position: relative;
left: auto;
top: auto;
}
header.branco.header-menor{
position: fixed;
}
header.branco::before {
display: none;
}
header.branco .btn-empreendimentos a,
header.branco .wrapper-header ul li a {
color: var(--Primary-Dark, #434247);
}
header.branco .botao-duplo a.botao {
border-color: rgba(0, 0, 0, 0.10);
color: var(--Primary-Dark, #434247);
}
header.branco .botao-duplo a.botao:hover {
color: #fff;
}
header.branco .botao-duplo a.botao:hover path {
stroke: #fff;
}
header.branco .botoes .item:hover path {
stroke: #fff;
}
header .btn-empreendimentos .aba-empreendimentos a {
color: #434247 !important;
}
header.branco .barra-search {
border-color: rgba(0, 0, 0, 0.10);
}
header.branco .search-filter-icon__svg {
fill: #434247;
}
header.branco .barra-search input {
color: #434247 !important;
}
.header.branco .barra-search input::placeholder {
color: var(--600, rgba(0, 0, 0, 0.40)) !important;
}
header.branco .botoes .item {
border-color: rgba(0, 0, 0, 0.10);
}
/* HOME */
.nav-slidehome {
display: flex;
align-items: center;
gap: 16px;
justify-content: end;
height: 0px;
position: relative;
top: -111px;
z-index: 20;
}
.nav-slidehome .botao-nav {
border-color: #fff;
}
.nav-slidehome .botao-nav:hover {
border-color: #C17038;
}
.home-slide-wrapper .item-slide-home {
height: 100vh;
padding: 85px 0;
display: flex;
align-items: end;
}
.home-slide-wrapper .item-slide-home::after {
background: radial-gradient(124.19% 102.5% at 0% 47.07%, rgba(0, 0, 0, 0.00) 71.99%, rgb(0 0 0 / 67%) 100%), radial-gradient(143.93% 141.42% at 100% 0%, rgba(0, 0, 0, 0.00) 47.88%, rgba(0, 0, 0, 0.60) 80.24%), linear-gradient(180deg, rgb(0 0 0 / 65%) 0%, rgba(0, 0, 0, 0.00) 50%);
position: absolute;
z-index: 3;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
display: block;
}
.home-slide-wrapper .slide-imagem {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-slide-wrapper .slide-imagem img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center bottom;
}
.home-slide-wrapper .conteudo-slide{
width: 100%;
z-index: 5;
position: relative;
display: flex;
gap: 25px;
align-items: end;
justify-content: space-between;
}
.home-slide-wrapper .conteudo-slide .left {
width: 100%;
}
.home-slide-wrapper .conteudo-slide .last-destaque {
display: flex;
align-items: end;
gap: 25px;
}
.home-slide-wrapper .conteudo-slide .last-destaque .linha {
height: 1.5px;
background: rgba(255, 255, 255, 0.70);
width: 100%;
position: relative;
top: -5px;
}
.home-slide-wrapper .conteudo-slide .estagio {
color: var(--200, rgba(255, 255, 255, 0.70));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 7.2px;
text-transform: uppercase;
}
.home-slide-wrapper .conteudo-slide h2 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 72px;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 72px */
text-transform: uppercase;
margin: 15px 0 20px 0;
}
.home-slide-wrapper .conteudo-slide h2::first-line {
font-weight: 700;
}
.home-slide-wrapper .conteudo-slide .item-destaque {
display: flex;
align-items: start;
gap: 18px;
margin-bottom: 15px;
width: fit-content;
}
.home-slide-wrapper .conteudo-slide .last-destaque .item-destaque {
margin-bottom: 0;
position: relative;
}
/* .home-slide-wrapper .conteudo-slide .item-destaque:last-child::before {
content: '';
display: block;
position: absolute;
bottom: 0;
width: 100%;
background: rgba(255, 255, 255, 0.70);
height: 1px;
width: 100%;
} */
.home-slide-wrapper .conteudo-slide .item-destaque .icone {
display: flex;
align-items: center;
width: 18px;
height: 18px;
justify-content: center;
}
.home-slide-wrapper .conteudo-slide .item-destaque .icone svg {
max-width: 17px;
max-height: 17px;
height: 100%;
}
.home-slide-wrapper .conteudo-slide .item-destaque .icone svg path {
fill: #fff;
}
.home-slide-wrapper .conteudo-slide .item-destaque p {
color: rgba(255, 255, 255, 0.70);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase;
max-width: 600px;
}
.home-slide-wrapper .conteudo-slide .botao {
margin-right: 150px;
background: #C17038;
white-space: nowrap;
padding: 15px 30px;
color: #fff;
}
.home-slide-wrapper .conteudo-slide .botao:hover {
background: transparent;
border-color: #fff;
}
.imoveis-home {
background: #FBFAFF;
padding: 80px 0;
}
.imoveis-home .info-bottom {
margin: 45px auto 0 auto;
display: flex;
align-items: center;
gap: 30px;
width: 100%;
}
.imoveis-home .info-bottom .botao {
white-space: nowrap;
}
.imoveis-home .info-bottom .linha {
height: 2px;
background: rgba(67, 66, 71, 0.10);
width: 100%;
}
.imoveis-home .subtitulo {
margin: 0 auto;
}
.imoveis-home h2.titulo {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 39.6px */
text-transform: uppercase;
text-align: center;
margin: 35px auto;
}
.imoveis-home .info-topo {
display: flex;
gap: 10px;
align-items: end;
justify-content: space-between;
margin-bottom: 45px;
}
.imoveis-home .info-topo .custom-select {
position: relative;
display: inline-block;
}
.imoveis-home .info-topo .custom-select select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
border: none;
padding: 8px 30px 8px 10px;
width: 185px;
cursor: pointer;
border-bottom: 2px solid #C17038;
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.imoveis-home .info-topo .custom-select select:focus {
outline: none;
}
.imoveis-home .info-topo .select-icon {
position: absolute;
top: 45%;
right: 10px;
transform: translateY(-50%);
pointer-events: none;
}
.imoveis-home .info-topo .nav-imoveis {
display: flex
;
align-items: center;
gap: 10px;
width: 185px;
justify-content: end;
}
.empreendimentos-destaque {
background: rgba(0, 84, 112, 0.04);
}
.empreendimentos-destaque .btn-mais {
margin: 48px 0 0 0;
}
.empreendimentos-destaque .nav-imoveis {
display: flex;
align-items: center;
gap: 10px;
}
.imoveis-slide {
margin-top: 55px;
position: relative;
}
.imoveis-slide::before {
content: '';
display: block;
position: absolute;
width: 200%;
top: 50%;
transform: translateY(-50%);
left: -200%;
height: 110%;
background: #FBFAFF;
z-index: 3;
}
.imoveis-slide .slick-list {
overflow: visible;
}
.card-imovel {
padding: 0 15px;
width: auto;
position: relative;
transition: all .5s;
}
.card-imovel .card-interno {
height: 550px;
position: relative;
cursor: pointer;
overflow: hidden;
display: flex;
transition: all .5s;
flex-direction: column;
justify-content: end;
padding: 30px;
width: 100%;
}
.imoveis-slide .card-imovel {
width: 400px;
}
.imoveis-slide .card-imovel:hover {
width: 740px;
}
.card-imovel .card-interno::before {
background: radial-gradient(148.65% 100% at 100% 0%, rgba(0, 0, 0, 0.00) 60.35%, rgba(0, 0, 0, 0.70) 100%);
position: absolute;
z-index: 3;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
display: block;
pointer-events: none;
}
.card-imovel .contatos {
position: absolute;
z-index: 4;
display: flex;
gap: 8px;
overflow: hidden;
top: 0;
left: 30px;
}
.card-imovel .contatos .item {
border-radius: 0px 0px 80px 80px;
padding: 32px 14px 18px 14px;
background: #434247;
transform: translateY(-75px);
transition: background .5s;
}
.card-imovel .contatos .item:hover {
background: #302f33;
}
.card-imovel .contatos .item .icon {
display: flex;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
}
.card-imovel .contatos .item.wpp {
background: #73C138;
transition: all .5s;
}
.card-imovel .contatos .item.wpp:hover {
background: #4c8521;
}
.card-imovel .contatos .item.tel {
background: var(--Primary-Medium, #C17038);
transition: all .7s;
}
.card-imovel .contatos .item.tel:hover {
background: #884e24;
}
.card-imovel .contatos .item.mail {
transition: all .9s;
cursor: pointer;
}
.card-imovel:hover .contatos .item {
transform: translateY(0);
}
.imoveis-slide .card-imovel:hover .contatos {
opacity: 1;
pointer-events: initial;
}
.imoveis-slide .card-imovel .contatos {
left: auto;
right: 30px;
pointer-events: none;
overflow: hidden;
}
.card-imovel .wrapper-img-card-imovel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card-imovel .wrapper-img-card-imovel img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .5s;
}
.card-imovel:hover img {
transform: scale(1.1);
}
.card-imovel .abrir {
border-radius: 100px;
border: 1px solid #FFF;
display: flex;
width: 50px;
height: 50px;
align-items: center;
position: absolute;
bottom: 30px;
right: 30px;
z-index: 6;
justify-content: center;
align-items: center;
transition: all .5s;
}
.card-imovel:hover .abrir svg {
transform: rotate(-40deg);
}
.imoveis-slide .card-interno {
flex-direction: row;
align-items: end;
justify-content: start;
}
.imoveis-slide .card-imovel:hover .infos{
height: auto;
max-width: 270px;
}
.imoveis-slide .card-imovel .card-interno .destaques {
position: absolute;
z-index: 4;
left: -80px;
max-width: 190px;
width: 100%;
}
.imoveis-slide .card-imovel .card-interno .destaques .item-destaque p {
max-width: 280px;
width: 100%;
}
.imoveis-slide .card-imovel .card-interno .infos {
height: auto;
}
.imoveis-slide .card-imovel:hover .destaques {
left: 320px;
}
.imoveis-slide .card-imovel .card-interno .infos h2 {
margin: 10px 0 0 0;
height: 70.4px;
}
.imoveis-slide .card-interno .abrir span {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
opacity: 0;
pointer-events: none;
margin-left: -85px;
white-space: nowrap;
transition: all .5s;
}
.imoveis-slide .card-imovel:hover .abrir span {
opacity: 1;
margin: 0 10px 0 0;
}
.imoveis-slide .card-imovel:hover .abrir {
width: 160px;
}
.card-imovel .abrir:hover {
background: #C17038;
border-color: #C17038;
}
/* .imoveis-slide .card-interno .abrir {
gap: 20px;
white-space: nowrap;
width: 50px;
height: 50px;
justify-content: end;
padding: 0;
} */
/* .imoveis-slide .card-interno:hover .abrir {
width: auto;
height: auto;
padding: 15px 25px;
} */
.imoveis-slide .card-imovel .card-interno .infos {
}
.card-imovel .card-interno .infos {
position: relative;
z-index: 3;
transition: all .5s;
height: 95px;
max-width: 250px;
overflow: hidden;
}
.card-imovel:hover .infos {
height: 50%;
transition: all .5s;
}
.card-imovel .card-interno .infos .estagio {
color: var(--200, rgba(255, 255, 255, 0.70));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.card-imovel .card-interno .infos h2 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 110%; /* 35.2px */
text-transform: uppercase;
margin: 10px 0;
}
.card-imovel .card-interno .destaques {
opacity: 0;
transition: all .5s;
}
.card-imovel:hover .destaques {
opacity: 1;
}
.card-imovel .card-interno .destaques .item-destaque {
display: flex;
align-items: start;
gap: 18px;
margin-bottom: 12px;
}
.card-imovel .card-interno .destaques .item-destaque:last-child {
margin-bottom: 5px;
}
.card-imovel .card-interno .destaques .item-destaque .icone {
display: flex;
align-items: center;
width: 18px;
height: 18px;
justify-content: center;
}
.card-imovel .card-interno .destaques .item-destaque .icone path {
fill: #fff;
}
.card-imovel .card-interno .destaques .item-destaque p {
color: rgba(255, 255, 255, 0.70);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1.6px;
max-width: 190px;
}
.card-imovel.pagina-inacessivel > a {
pointer-events: none !important;
}
.sobre-home {
padding: 90px 0 80px 0;
background-image: url(../images/bg-secao-sobre.webp);
max-width: 1920px;
height: 1003px;
margin: 0 auto;
position: relative;
background-position: 60% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.sobre-home .conteudo {
max-width: 800px;
margin-left: auto;
}
.sobre-home .conteudo .info-top {
padding-bottom: 35px;
border-bottom: 1.5px solid rgba(67, 66, 71, 0.10);
}
.sobre-home h2 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 46.8px */
text-transform: uppercase;
margin: 35px 0 0 0;
max-width: 650px;
}
.sobre-home h2 b {
font-weight: 700;
}
.sobre-home .left {
max-width: 319px;
margin-left: auto;
margin-top: 55px;
}
.sobre-home .texto {
margin-bottom: 28px;
display: -webkit-box;
-webkit-line-clamp: 20;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.sobre-home .texto p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
margin-bottom: 15px;
}
.sobre-home .texto p:last-child {
margin-bottom: 0;
}
.sobre-home .conteudo .box .texto p:not(:first-of-type) {
display: none;
}
.sobre-home .conteudo .box .botao {
margin-top: 44px;
}
.sobre-home .numeros {
display: block;
width: 380px;
height: 440px;
position: absolute;
top: 385px;
right: 40.1%;
}
.sobre-home .numeros .item-contador.item1 {
width: 195px;
position: relative;
top: 30px;
left: 18px;
}
.sobre-home .numeros .item-contador.item2 {
width: 195px;
position: relative;
top: -10px;
left: 162px;
}
.sobre-home .numeros .item-contador.item3 {
width: 195px;
position: relative;
top: 60px;
left: 162px;
}
.sobre-home .numeros .item-contador span {
color: var(--100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 95%; /* 39.9px */
text-transform: uppercase;
margin: 0 auto 15px auto;
max-width: 110px;
text-align: center;
display: block;
}
.sobre-home .numeros .item-contador p {
color: var(--100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 95%; /* 17.1px */
text-transform: uppercase;
background: var(--Primary-Dark, #434247);
padding: 8px;
width: fit-content;
margin: 0 auto;
}
.feed {
background: #FBFAFF;
padding: 85px 0;
}
.feed .info-topo {
display: flex;
align-items: center;
gap: 30px;
}
.feed .info-topo .linha {
height: 2px;
background: rgba(67, 66, 71, 0.10);
width: 100%;
}
.feed h2 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
max-width: 390px;
font-style: normal;
font-weight: 300;
margin: 45px 0;
line-height: 130%; /* 46.8px */
text-transform: uppercase;
}
.feed h2 b {
font-weight: 700;
}
.feed .grid-feed {
}
.secao-blog {
padding: 95px 0;
background-color: #fff;
}
.secao-blog .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 45px;
}
.secao-blog .nav-blog {
display: flex;
align-items: center;
gap: 10px;
}
.destaque-blog .card-blog > a {
position: relative;
cursor: pointer;
overflow: hidden;
transition: all .5s;
display: flex;
max-width: 840px;
}
.destaque-blog .card-blog > a:hover .botao {
background: #C17038;
border-color: #C17038;
color: #fff;
}
.destaque-blog .card-blog .img-card-blog {
width: 50%;
height: auto;
overflow: hidden;
position: relative;
}
.card-blog {
padding: 0 15px;
}
.card-blog > a {
position: relative;
cursor: pointer;
overflow: hidden;
transition: all .5s;
}
.card-blog > a:hover {
box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
.card-blog .conteudo {
padding: 66px 30px 30px 30px;
background: #fff;
width: 50%;
min-height: 500px;
}
.card-blog .img-card-blog {
height: 332px;
width: 100%;
overflow: hidden;
position: relative;
}
.card-blog .img-card-blog img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .5s;
}
.card-blog > a:hover .img-card-blog img {
transform: scale(1.1);
}
.card-blog .infos {
background: #fff;
padding: 30px;
}
.card-blog .data-blog {
color: var(--600, rgba(0, 0, 0, 0.40));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
}
.card-blog h3 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
margin: 22px 0 28px 0;
font-size: 26px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 33.6px */
display: -webkit-box;
-webkit-line-clamp: 2; /* número de linhas que deseja mostrar */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.card-blog .conteudo p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
display: -webkit-box;
-webkit-line-clamp: 6; /* número de linhas que deseja mostrar */
-webkit-box-orient: vertical;
max-width: 320px;
overflow: hidden;
text-overflow: ellipsis;
}
.card-blog .conteudo .botao {
margin-top: 45px;
}
/* PÁGINA SOBRE */
.page-template-template-sobre .sobre-home {
height: 1150px;
}
.page-template-template-sobre .sobre-home .texto {
-webkit-line-clamp: inherit;
display: block;
}
.page-template-template-sobre .sobre-home .botao {
display: none;
}
.page-template-template-sobre .sobre-home .numeros {
display: block;
width: 430px;
height: 440px;
position: absolute;
top: 440px;
right: 40.1%;
}
.page-template-template-sobre .sobre-home .numeros .item-contador.item1 {
left: 31px;
}
.page-template-template-sobre .sobre-home .numeros .item-contador.item2 {
top: 30px;
left: 192px;
}
.page-template-template-sobre .sobre-home .numeros .item-contador.item3 {
top: 120px;
left: 195px;
}
.video-sobre {
padding: 85px 0;
position: relative;
background: #FBFAFF;
}
.video-sobre .subtitulo {
margin: 0 auto;
padding: 0 27px 0 30px;
background: #FBFAFF;
position: relative;
z-index: 2;
}
.video-sobre .linha {
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 2px;
position: relative;
bottom: -9px;
}
.video-sobre .item-video {
position: relative;
display: flex;
height: 500px;
align-items: center;
justify-content: center;
background-position: center;
overflow: hidden;
background-size: cover;
max-width: 100%;
margin: 0 auto;
margin-top: 45px;
}
.video-sobre .content-video {
display: inline-flex
;
flex-direction: column;
align-items: center;
gap: 15px;
position: relative;
z-index: 4;
}
.video-sobre .content-video svg {
transition: .5s;
}
.video-sobre .content-video p {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: .5s;
}
.video-sobre .item-video:hover svg,
.video-sobre .item-video:hover p {
transform: scale(1.07);
}
.mvv-sobre {
padding: 85px 0;
background: linear-gradient(180deg, #FBFAFF 0%, #FFF 100%);
position: relative;
}
.mvv-sobre .container {
position: relative;
z-index: 3;
}
.mvv-sobre::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background-image: url(../images/bg-mvv.webp);
background-size: cover;
background-position: left top;
width: 100%;
height: 100%;
pointer-events: none;
}
.mvv-sobre .info-topo h3 {
margin: 0 auto;
}
.mvv-sobre .info-topo h2 {
color: var(--Primary-Dark, #434247);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 46.8px */
text-transform: uppercase;
max-width: 534px;
margin: 35px auto;
}
.mvv-sobre .info-topo h2 b {
font-weight: 700;
}
.mvv-sobre .linha-brand {
margin-bottom: -40px;
}
.mvv-sobre .conteudo {
display: flex;
align-items: end;
margin-top: 20px;
}
.mvv-sobre .conteudo > img {
width: 61%;
}
.mvv-sobre .conteudo .box {
background: #fff;
padding: 40px;
height: 500px;
width: 100%;
display: flex
;
flex-direction: column;
justify-content: center;
}
.mvv-sobre .conteudo .box h5 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 57.6px */
margin: 25px 0 30px 0;
}
.mvv-sobre .conteudo .box .texto p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
margin-bottom: 15px;
}
.mvv-sobre .conteudo .box .texto p:last-child {
margin-bottom: 0;
}
.mvv-sobre .conteudo .item-valores {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 15px;
}
.mvv-sobre .conteudo .item-valores:last-child {
margin-bottom: 0;
}
.mvv-sobre .conteudo .item-valores .icone {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.mvv-sobre .conteudo .item-valores p {
color: rgba(67, 66, 71, 0.70);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
}
.page-template-template-sobre-php .imoveis-home .titulo,
.page-template-template-sobre-php .imoveis-home .info-topo {
display: none;
}
/* BLOG */
.topo-blog {
padding: 70px 0;
background-size: cover;
position: relative;
min-height: 80vh;
display: flex;
justify-content: space-between;
overflow: hidden;
background-position: 50%
}
.topo-blog::before {
position: absolute;
z-index: 4;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
content: "";
display: block;
pointer-events: none;
background: radial-gradient(294.19% 102.5% at 0% 47.07%, rgb(0 0 0 / 1%) 71.99%, #000 100%), radial-gradient(229.3% 174.42% at 119.38% -6.17%, rgb(0 0 0 / 14%) 47.88%, rgb(0 0 0 / 60%) 76.27%), linear-gradient(115deg, rgb(0 0 0 / 73%) 0%, rgb(0 0 0 / 26%) 50%);
}
/* .topo-blog::after {
position: absolute;
z-index: 4;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
content: "";
display: block;
pointer-events: none;
background: radial-gradient(294.19% 102.5% at 0% 47.07%, rgb(0 0 0 / 1%) 71.99%, #000 100%), radial-gradient(229.3% 174.42% at 119.38% -6.17%, rgb(0 0 0 / 14%) 47.88%, rgb(0 0 0 / 60%) 76.27%), linear-gradient(266deg, rgb(0 0 0 / 73%) 0%, rgb(0 0 0 / 26%) 50%);
} */
.topo-blog .container {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
position: relative;
z-index: 4;
}
.topo-blog .info-topo {
display: flex;
align-items: center;
gap: 30px;
}
.topo-blog .info-topo .small {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
}
.topo-blog .info-topo .linha {
background: rgba(255, 255, 255, 0.20);
width: 100%;
height: 1.5px;
}
.topo-blog .conteudo {
display: flex;
align-items: end;
gap: 40px 20px;
justify-content: space-between;
position: relative;
z-index: 5;
flex-wrap: wrap;
}
.topo-blog .infos {
max-width: 725px;
}
.topo-blog .data-blog {
color: var(--200, rgba(255, 255, 255, 0.70));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
}
.topo-blog h1 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 48px */
margin-top: 20px;
text-transform: uppercase;
}
.topo-blog .botao {
background: #C17038;
border-color: #C17038;
color: #fff;
}
.topo-blog .botao:hover {
background: transparent;
border-color: #fff;
}
.destaque-blog {
background: #FBFAFF;
padding: 85px 0 45px 0;
}
.destaque-blog .info-topo {
display: flex;
margin-bottom: 45px;
align-items: center;
gap: 30px;
}
.destaque-blog .info-topo .linha {
background-color: rgba(67, 66, 71, 0.10);
width: 100%;
height: 2px;
}
.destaque-blog .info-topo .nav-blog {
display: flex;
align-items: center;
gap: 8px;
}
.destaque-blog .slide-blog .slick-list {
overflow: visible;
}
.mais-posts {
background: #FBFAFF;
padding: 60px 0;
}
.mais-posts .info-topo {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 35px;
}
.mais-posts .subtitulo {
white-space: nowrap;
}
.mais-posts .info-topo .linha {
background-color: rgba(67, 66, 71, 0.10);
width: 100%;
height: 2px;
}
.mais-posts .grid-posts {
margin-top: 45px;
display: grid;
gap: 30px 0;
grid-template-columns: repeat(3, 1fr);
}
.mais-posts .card-blog {
padding: 0;
}
/* SINGLE BLOG */
.single-post .topo-blog .container {
justify-content: center;
}
.single-post .topo-blog .infos {
max-width: 830px;
margin: 0 auto;
position: relative;
z-index: 5;
}
.single-post .topo-blog .data-blog {
color: var(--200, rgba(255, 255, 255, 0.70));
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
}
.single-post .topo-blog h1 {
color: var(--100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 48px */
text-transform: uppercase;
margin-top: 25px;
}
.single-post .conteudo-blog {
padding: 90px 0;
}
.single-post .conteudo-blog .content-single h2 {
color: var(--Primary-Blue, #C17038);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 100%;
margin-bottom: 30px;
margin-top: 45px;
}
.single-post .conteudo-blog .content-single h3,
.single-post .conteudo-blog .content-single h4,
.single-post .conteudo-blog .content-single h5,
.single-post .conteudo-blog .content-single h6 {
color: var(--Primary-Blue, #C17038);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 100%;
margin-bottom: 30px;
margin-top: 45px;
}
.single-post .conteudo-blog .content-single p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
margin-bottom: 23px;
}
.single-post .conteudo-blog .content-single b,
.single-post .conteudo-blog .content-single strong {
font-weight: 700;
}
.single-post .conteudo-blog .content-single ul {
list-style: disc;
padding-left: 20px;
}
.single-post .conteudo-blog .content-single li {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
margin-bottom: 15px;
}
.single-post .conteudo-blog .content-single a {
color: #005470;
font-weight: 500;
}
.single-post .conteudo-blog .content-single .wp-caption {
width: 100% !important;
}
.single-post .conteudo-blog .content-single .wp-caption img {
margin: 30px 0 40px 0;
}
.single-post .conteudo-blog .content-single p.wp-caption-text {
display: none !important;
}
.single-post .compartilhe {
padding-top: 64px;
margin-top: 64px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.single-post .compartilhe .info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.single-post .compartilhe .info p {
color: var(--600, rgba(0, 0, 0, 0.40));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.single-post .redes {
justify-content: center;
max-width: fit-content;
margin-top: 0;
display: flex;
gap: 13px;
}
.single-post .redes a svg path, .single-post .redes a svg {
transition: all .5s;
}
.single-post .redes a svg:hover {
transform: scale(1.3);
}
.single-post .compartilhe a:hover svg path{
fill: rgba(67, 66, 71, 0.70);
}
.single-post .secao-blog {
background: rgba(0, 84, 112, 0.04);
}
/* EMPREENDIMENTOS */
.topo-empreendimentos {
min-height: 65vh;
}
.secao-black.topo-empreendimentos::before {
background: radial-gradient(294.19% 102.5% at 0% 47.07%, rgb(157 157 157 / 4%) 71.99%, rgb(0 0 0 / 50%) 100%), radial-gradient(303.93% 141.42% at 100% 0%, rgb(0 0 0 / 0%) 47.88%, rgb(0 0 0 / 81%) 80.24%), linear-gradient(0deg, rgb(0 0 0 / 68%) 0%, rgb(0 0 0 / 0%) 100%), linear-gradient(180deg, rgb(0 0 0 / 65%) 0%, rgb(0 0 0 / 0%) 50%);
}
.content-empreendimentos {
padding: 70px 0;
background: #FBFAFF;
}
.content-empreendimentos .infos-topo {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 45px;
justify-content: space-between;
}
.content-empreendimentos .infos-topo .linha {
background-color: rgba(67, 66, 71, 0.10);
width: 100%;
height: 2px;
}
.content-empreendimentos .infos-topo #filter-status {
display: flex;
align-items: center;
gap: 30px;
}
.content-empreendimentos .infos-topo #filter-status button {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
background: none;
line-height: normal;
text-transform: uppercase;
border: none;
transition: all .5s;
white-space: nowrap;
position: relative;
}
.content-empreendimentos .infos-topo #filter-status button:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -7px;
height: 2px;
width: 0%;
background-color: #C17038;
transition: .5s;
}
.content-empreendimentos .infos-topo #filter-status button:hover::before,
.content-empreendimentos .infos-topo #filter-status button.active::before {
width: 100%;
}
.content-empreendimentos .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 0;
}
.topo-estagio .infos {
max-width: 800px;
}
.topo-estagio .infos h1 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
margin: 20px auto 0 auto;
}
/* SINGLE EMPREENDIMENTO */
.topo-single {
padding: 140px 0 110px 0;
background-size: cover;
position: relative;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
background-attachment: fixed;
}
.topo-single .conteudo {
position: relative;
width: fit-content;
margin: 0 auto;
max-width: 1200px;
z-index: 6;
}
.topo-single .estagio {
color: var(--200, rgba(255, 255, 255, 0.70));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0 auto;
display: block;
text-align: center;
text-transform: uppercase;
letter-spacing: 7.2px;
}
.topo-single h1 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 65px;
font-style: normal;
font-weight: 300;
line-height: 100%;
text-transform: uppercase;
width: fit-content;
margin: 20px auto;
text-align: center;
}
.topo-single h1::first-line {
font-weight: 700;
}
.topo-single .destaques {
display: flex;
align-items: center;
justify-content: center;
gap: 35px;
}
/* .topo-single .destaques .linha {
background: rgba(255, 255, 255, 0.50);
width: 1px;
height: 26px;
margin: auto 25px;
} */
.topo-single .destaques .item-destaque {
display: flex;
align-items: center;
gap: 15px;
}
.topo-single .destaques .icone {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.topo-single .destaques .icone svg {
max-width: 18px;
max-height: 18px;
width: 100%;
height: 100%;
}
.topo-single .destaques .icone svg path {
fill: #fff;
}
.topo-single .destaques .descricao {
color: var(--100, #FFF);
text-align: start;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase;
}
.topo-single .localizacao-topo {
color: var(--100, #FFF);
text-align: start;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase;
text-align: center;
margin-top: 20px;
}
.topo-single .linha {
width: 2px;
height: 52px;
background: #FFF;
margin: 23px auto;
}
.topo-single .box-valor {
margin: 0 auto 23px auto;
}
.topo-single .box-valor p {
color: rgba(255, 255, 255, 0.70);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.6px;
margin-bottom: 8px;
text-align: center;
}
.topo-single .box-valor p.valor {
color: var(--100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 42px */
text-transform: uppercase;
margin-bottom: 0;
}
.topo-single .box-valor p.valor span {
color: var(--100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 23.423px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 23.423px */
text-transform: uppercase;
}
.topo-single .contatos {
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
width: fit-content;
margin: 0 auto;
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 0.40);
}
.topo-single .contatos p {
color: var(--100, #FFF);
text-align: right;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 14.4px */
letter-spacing: 1.6px;
padding: 0 6px;
}
.topo-single .contatos .icon {
display: flex;
height: 52px;
width: 52px;
align-items: center;
justify-content: center;
border-radius: 80px;
transition: all .5s;
background: var(--100, #FFF);
cursor: pointer;
}
.topo-single .contatos .icon:hover {
background: #C17038;
}
.topo-single .contatos .icon.wpp {
background: #73C138;
}
.topo-single .contatos .icon.wpp:hover {
background: #429502;
}
.topo-single .contatos .icon:hover svg {
transform: scale(1.3);
}
.topo-single .contatos .icon:hover svg path {
fill: #Fff;
}
.sobre-imovel {
background-color: #FBFAFF;
padding: 85px 0;
}
.sobre-imovel .conteudo {
position: relative;
}
.sobre-imovel .imagem-lateral {
position: absolute;
left: 0;
width: 51.5%;
height: 100%;
min-height: 200px;
object-position: center;
object-fit: cover;
z-index: 3;
}
.sobre-imovel h2 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin: 45px 0;
}
.sobre-imovel h2::first-line {
font-weight: 300;
}
.sobre-imovel .descricao p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
margin-bottom: 15px;
}
.sobre-imovel .descricao p:last-child {
margin-bottom: 0;
}
.diferenciais {
margin-top: 48px;
}
/* .diferenciais .slide-diferenciais .slick-list {
overflow: visible;
position: relative;
} */
/* .diferenciais .slide-diferenciais .slick-list::before {
content: '';
display: block;
background: #FBFAFF;
width: 400px;
height: 110%;
position: absolute;
left: -400px;
z-index: 2;
top: 50%;
transform: translateY(-50%);
} */
.diferenciais .item-diferencial {
display: flex
;
align-items: center;
justify-content: center;
gap: 24px;
padding: 24px;
border: 1px solid rgba(67, 66, 71, 0.10);
min-height: 172px;
margin: 0 8px;
}
.diferenciais .item-diferencial .conteudo {
max-width: 204px;
width: 100%;
}
.diferenciais .item-diferencial .icone {
display: flex
;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
margin: 0 auto 22px auto;
}
.diferenciais .item-diferencial .icone svg {
max-height: 32px;
max-width: 32px;
width: 100%;
height: 100%;
}
.diferenciais .item-diferencial .icone svg path {
fill: #C17038;
}
.diferenciais .item-diferencial p {
color: var(--Primary-Dark, #434247);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 18.2px */
text-transform: uppercase;
}
.diferenciais .info-bottom {
display: flex;
gap: 30px;
align-items: center;
margin-top: 40px;
justify-content: space-between;
}
.diferenciais .nav-diferenciais {
display: flex;
gap: 8px;
align-items: center;
}
.diferenciais .info-bottom .linha {
background-color: rgba(67, 66, 71, 0.10);
width: 100%;
height: 2px;
}
.secao-videos {
background: #FBFAFF;
padding: 85px 0;
}
.secao-videos .info-top {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 45px;
}
.secao-videos .info-top .linha {
background-color: rgba(67, 66, 71, 0.10);
width: 100%;
height: 2px;
}
.secao-videos .nav-videos.show-desk {
display: flex;
align-items: center;
gap: 8px;
}
.secao-videos .slide-videos {
width: 100%;
margin: 0 auto;
}
.secao-videos a {
margin: 0 10px;
display: block;
overflow: hidden;
}
.secao-videos .item-video {
position: relative;
display: flex;
height: 500px;
align-items: center;
justify-content: center;
background-position: center;
overflow: hidden;
background-size: cover;
max-width: 100%;
margin: 0 auto;
}
.secao-videos .item-video::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
display: block;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
z-index: 1;
transition: all .5s;
}
.secao-videos a:hover .item-video::after {
opacity: .7;
}
.videos a:hover .item-video::before {
opacity: .9;
}
.secao-videos .content-video {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 15px;
position: relative;
z-index: 4;
}
.secao-videos .content-video p {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: all .5s;
}
.secao-videos .content-video .icon {
transition: .5s;
}
.secao-videos a:hover .icon {
transform: scale(1.1);
}
.secao-videos a:hover p {
transform: scale(1.1);
}
#ficha {
padding: 75px 0;
position: relative;
}
#ficha .subtitulo {
white-space: nowrap;
}
#ficha .info-topo {
display: flex;
justify-content: space-between;
gap: 30px;
align-items: center;
}
#ficha .info-topo .linha {
background-color: rgba(67, 66, 71, 0.10);
width: 100%;
height: 2px;
}
#ficha .nav-fichas {
display: flex;
gap: 8px;
}
#ficha .nav-tipos {
display: flex;
align-items: center;
gap: 14px;
margin: 35px 0 45px 0;
}
#ficha .nav-tipos .botao {
gap: 8px;
}
#ficha .nav-tipos .botao .icone {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
#ficha .nav-tipos .botao .icone svg {
max-height: 17px;
}
#ficha .nav-tipos .botao .icone svg path {
stroke: #000000;
fill: transparent;
stroke-width: 1.5px;
}
#ficha .nav-tipos .botao:hover .icone svg path {
stroke: #fff;
fill: transparent;
}
#ficha .nav-tipos .botao.active .icone svg path {
stroke: #fff;
fill: transparent;
}
#ficha .nav-tipos .botao.active {
background: #C17038;
color: #fff;
border-color: #C17038;
}
#ficha .slide-fichas {
margin-bottom: 0;
}
#ficha .slide-fichas .slick-dots {
pointer-events: none;
height: 0px;
visibility: hidden;
}
#ficha .slide-fichas .slick-slide > div {
margin: 0 8px;
}
#ficha .slide-fichas .slick-slide > div:first-child {
margin-bottom: 18px;
}
#ficha .slide-fichas .item {
width: 390px;
border: 1px solid rgba(67, 66, 71, 0.10);
min-height: 172px;
padding: 42px 20px 24px 20px;
text-align: center;
display: flex !important;
flex-direction: column;
align-items: center;
color: var(--Primary-Dark, #434247);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 18.2px */
text-transform: uppercase;
}
#ficha .slide-fichas .item span {
font-size: 10px;
margin-top: 5px;
line-height: 110%;
display: block;
text-transform: none;
}
#ficha .slide-fichas .item .icone {
width: 32px;
height: 32px;
display: flex;
align-items: center;
margin-bottom: 10px;
justify-content: center;
}
#ficha .slide-fichas .item .icone svg {
max-height: 32px;
max-width: 32px;
width: 100%;
height: 100%;
}
#ficha .slide-fichas .item .icone svg path {
fill: #C17038;
}
.tour {
min-height: 75vh;
width: 100%;
background-size: cover;
background-position: center;
position: relative;
}
.tour::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
width: 100%;
height: 100%;
pointer-events: none;
}
.tour a {
display: flex;
position: relative;
height: 100%;
align-items: center;
min-height: inherit;
}
.tour svg {
margin: 0 auto 18px auto;
display: block;
}
.tour p {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
transition: all .5s;
text-align: center;
text-transform: uppercase;
}
.plantas {
height: auto;
padding: 90px 0;
position: relative;
background: #FBFAFF;
overflow: hidden;
}
.plantas .info-topo {
display: flex;
align-items: center;
gap: 30px;
}
.plantas .info-topo .linha {
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 2px;
}
.plantas .info-topo .filtros-topo {
display: flex;
align-items: center;
gap: 10px;
}
.plantas .info-topo .filtros-topo .botao {
white-space: nowrap;
}
.plantas .info-topo .filtros-topo .botao.active {
background: #C17038;
border-color: #C17038;
color: #fff;
}
.plantas select-wrapper.inactive {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.plantas .conteudo {
background: var(--100, #FFF);
width: 100%;
padding: 60px 45px;
margin-top: 45px;
overflow: hidden;
}
.plantas .slide-plantas {
max-width: 800px;
margin: 0 auto;
overflow: hidden;
}
.plantas .item-slide {
max-width: 600px;
width: 100%;
transition: all .5s;
transform: scale(.5);
opacity: .3;
}
.plantas .slick-list {
overflow: visible;
}
.plantas .slick-track {
display: flex;
align-items: center;
justify-content: center;
}
.plantas .item-slide h4 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 7.2px;
text-transform: uppercase;
text-align: center;
margin-bottom: 45px;
opacity: 0;
transform: scale(.5);
transition: all .5s;
}
.plantas .item-slide img {
max-height: 350px;
width: 100%;
object-fit: contain;
cursor: pointer;
margin: 0 auto;
transition: all .5s;
}
.plantas .item-slide.slick-center {
transform: scale(1);
opacity: 1;
}
.plantas .item-slide.slick-center h4 {
opacity: 1;
transform: scale(1);
}
.plantas .info-bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
position: relative;
}
.plantas .info-bottom .hidden {
width: 160px;
background: #fff;
position: relative;
z-index: 2;
}
.plantas .info-bottom::after {
content: '';
display: block;
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 2px;
position: absolute;
}
.plantas .select-wrapper {
position: relative;
display: inline-block;
padding-right: 20px;
top: -52px;
float: left;
background: #fff;
z-index: 3;
}
.plantas .select-wrapper::after {
content: '';
position: absolute;
top: 50%;
right: 25px;
transform: translateY(-50%);
pointer-events: none;
width: 25px;
height: 25px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
.plantas select {
border-radius: 100px;
border: 1px solid rgba(0, 0, 0, 0.10);
appearance: none;
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 140px;
padding: 16px 30px 16px 15px;
text-transform: uppercase;
cursor: pointer;
}
/*
.plantas .info-bottom .linha {
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 2px;
} */
.plantas .info-bottom .descricao-tipo {
color: rgba(67, 66, 71, 0.70);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 0 20px;
width: 100%;
max-width: 350px;
position: relative;
text-align: center;
z-index: 2;
background: #fff;
}
.plantas .info-bottom .nav-plantas {
display: flex;
align-items: center;
gap: 8px;
padding-left: 20px;
position: relative;
z-index: 2;
background: #fff;
}
.plantas .aba-item:last-child {
margin-bottom: 0;
}
.plantas .aba-item.ativa {
border-right: 5px solid var(--Primary-Yellow, #FEA000);
background: var(--Primary-Yellow, #FEA000);
color: #fff;
}
.plantas .aba-item:hover {
background: #005470;
}
.plantas .aba-item .nome {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Signika;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.plantas .aba-item svg.fechado {
opacity: 1;
}
.plantas .aba-item svg.aberto {
opacity: 0;
}
.plantas .info-topo .icons svg {
transition: all .5s;
}
.plantas .aba-item.ativa svg.fechado {
opacity: 0;
}
.plantas .aba-item.ativa svg.aberto {
opacity: 1;
transform: translateX(-27px);
}
.plantas .imagem-item {
display: none;
}
.plantas .imagem-item.ativa {
display: flex;
}
.plantas .imagem-item {
height: 100%;
transition: all .5s;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 20px;
background: rgba(0, 84, 112, 0.04);
padding: 52px 33px;
}
.plantas .imagem-item img {
max-width: 100%;
width: 100%;
height: auto;
max-height: 400px;
object-fit: contain;
cursor: pointer;
transition: all .5s;
}
.plantas .imagem-item img:hover {
transform: scale(0.98);
}
.estagio-obra {
padding: 84px 0;
}
.estagio-obra .info-top {
display: flex;
align-items: end;
gap: 30px;
margin: 50px 0;
}
.estagio-obra h2 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 300;
max-width: 460px;
line-height: 130%;
text-transform: uppercase;
width: 100%;
position: relative;
bottom: -10px;
}
.estagio-obra h2 b {
font-weight: 700;
}
.estagio-obra .info-top .linha {
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 2px;
}
.estagio-obra .info-top .nav-status {
display: flex;
align-items: center;
gap: 8px;
}
.estagio-obra .galeria-status {
margin-bottom: 70px;
}
.estagio-obra .item-slide {
overflow: hidden;
position: relative;
height: 300px;
transition: all .5s;
margin: 0 7px;
}
.estagio-obra .item-slide::before {
background: radial-gradient(148.65% 100% at 100% 0%, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 39.65%);
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: all .5s;
}
.estagio-obra .item-slide:hover::before {
opacity: 1;
}
.estagio-obra .item-slide::after {
background: radial-gradient(148.65% 100% at 100% 0%, rgba(0, 0, 0, 0.00) 60.35%, rgba(0, 0, 0, 0.70) 100%);
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: all .5s;
}
.estagio-obra .item-slide:hover::after{
opacity: 0.7;
}
.estagio-obra .item-slide a:hover img {
transform: scale(1.1);
}
.estagio-obra .item-slide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .5s;
}
.estagio-obra .item-slide .icon {
border-radius: 100px;
border: 1px solid var(--100, #FFF);
background: transparent;
position: absolute;
right: 18px;
top: 18px;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
opacity: 0;
transition: all .5s;
}
.estagio-obra .item-slide a:hover .icon {
opacity: 1;
}
.estagio-obra .item-slide .legenda {
color: var(--200, rgba(255, 255, 255, 0.70));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: absolute;
left: 18px;
bottom: 18px;
z-index: 3;
opacity: 0;
transition: all .5s;
}
.estagio-obra .item-slide a:hover .legenda {
opacity: 1;
}
.estagio-obra .all-status {
display: flex;
gap: 40px;
justify-content: center;
}
.estagio-obra .all-status .linha {
width: 2px;
background: rgba(67, 66, 71, 0.10);
}
.estagio-obra .box-status {
display: grid;
gap: 25px;
grid-template-columns: repeat(4, 1fr);
max-width: 800px;
width: 100%;
align-self: center;
}
.estagio-obra .all-status .item {
width: 100%;
max-width: 165px;
margin: 0 auto;
}
.estagio-obra .all-status .status-maior .item {
max-width: 275px;
}
.estagio-obra .all-status .item p {
color: var(--800, rgba(0, 0, 0, 0.60));
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
margin-top: 20px;
}
.estagio-obra .circular-chart {
display: block;
margin: 0px auto;
max-width: 125px;
}
.estagio-obra .circle-bg {
fill: none;
stroke: #eee;
}
.estagio-obra .circle {
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke: #C17038;
stroke-dasharray: 0 100; /* Estado inicial */
transition: stroke-dasharray 2s ease-out;
}
.status-maior .circle {
stroke: #C1BA38 !important;
}
.animated {
animation: progress 5s ease-out forwards;
}
@keyframes progress {
0% {
stroke-dasharray: 0 100;
}
}
.estagio-obra .percentage {
font-size: 0.5em;
text-anchor: middle;
fill: var(--Primary-Dark, #434247);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 30px */
}
.estagio-obra .all-status .status-maior {
align-self: center;
}
.estagio-obra .all-status .status-maior .circular-chart {
display: block;
max-width: 270px;
width: 100%;
max-height: 495px;
}
.banner-footer {
/* background-attachment: fixed; */
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 350px;
}
.page-empreendimento .localizacao {
position: relative;
padding: 85px 0 0 0;
width: 100%;
overflow: hidden;
min-height: 720px;
}
.page-empreendimento .localizacao .info-topo {
display: flex;
align-items: center;
gap: 30px;
margin-bottom: 55px;
}
.page-empreendimento .localizacao .info-topo .linha {
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 2px;
}
.page-empreendimento .localizacao {
/* -webkit-mask-image: url(../images/mask-localizacao.png);
mask-image: url(../images/mask-localizacao.png);
mask-repeat: no-repeat;
mask-position: top right;
mask-size: cover; */
}
.page-empreendimento .localizacao .iframe {
height: 580px;
width: 60%;
position: absolute;
right: 0;
top: 160px;
-webkit-mask-image: url(../images/mask-localizacao.png);
mask-image: url(../images/mask-localizacao.png);
mask-repeat: no-repeat;
mask-position: 10%;
mask-size: cover;
}
.page-empreendimento .localizacao .iframe iframe {
height: 100%;
width: 70vw;
}
.page-empreendimento .localizacao .box-loc {
position: relative;
z-index: 2;
max-width: 400px;
background: #fff;
}
.page-empreendimento .localizacao .box-loc h2 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 33px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 46.8px */
text-transform: uppercase;
margin-bottom: 35px;
}
.page-empreendimento .localizacao .box-loc h2::first-line,
.page-empreendimento .localizacao .box-loc h2 b {
font-weight: 700;
}
.page-empreendimento .localizacao .box-loc .texto p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
margin-bottom: 40px;
line-height: 140%; /* 22.4px */
}
.page-empreendimento .localizacao .endereco {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.page-empreendimento .localizacao .endereco svg {
margin-right: 15px;
}
.page-empreendimento .localizacao .botao:hover svg path {
fill: #fff;
}
.page-empreendimento .localizacao .endereco span {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 23.4px */
text-transform: uppercase;
padding-left: 15px;
border-left: 2px solid rgba(67, 66, 71, 0.10);
}
.page-empreendimento .localizacao .botoes {
display: flex;
align-items: center;
gap: 15px;
}
.contato-single {
height: auto;
background-image: url(../images/bg-contato-single.webp);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding: 85px 0;
position: relative;
overflow: hidden;
}
.contato-single .conteudo {
background: var(--100, #FFF);
padding: 60px;
}
.contato-single .conteudo .info-topo {
display: flex;
align-items: end;
justify-content: space-between;
gap: 25px;
margin-bottom: 55px;
}
.contato-single .conteudo .info-topo .left {
max-width: 345px;
width: 100%;
}
.contato-single .conteudo .info-topo h2 {
color: var(--Primary-Medium, #C17038);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin: 23px 0;
}
.contato-single .conteudo .info-topo h2::first-line {
color: var(--Primary-Dark, #434247);
font-weight: 300;
}
.contato-single .conteudo .info-topo .texto {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
}
.contato-single .info-topo .botoes {
display: flex;
align-items: center;
gap: 14px;
}
.contato-single .info-topo .botoes .botao:hover path {
fill: #fff;
}
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
outline: none !important;
border: 1px solid rgba(67, 66, 71, 0.10) !important;
}
.contato-single .formpadrao .conteudo-form {
display: flex;
}
.formpadrao .conteudo-form .left,
.formpadrao .conteudo-form .right {
width: 50%;
padding: 0 8px;
}
.formpadrao input, .formpadrao textarea{
padding: 14px 24px;
border-radius: 8px;
border: 1px solid rgba(67, 66, 71, 0.10);
background: transparent;
margin-bottom: 20px;
color: var(--Primary-Dark, #434247);
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 300;
width: 100%;
line-height: normal;
}
/* .formpadrao input::placeholder, .formpadrao textarea::placeholder{
} */
.formpadrao textarea{
height: 191px;
}
.formpadrao .form-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-top: 0;
}
.formpadrao .politica {
display: flex;
align-items: center;
gap: 14px;
cursor: pointer;
user-select: none;
}
.formpadrao .politica input[type="checkbox"] {
display: none; /* Esconde o checkbox nativo */
}
.formpadrao .politica .checkmark {
width: 30px;
height: 30px;
border-radius: 100px;
border: 1px solid rgba(67, 66, 71, 0.10);
background: var(--100, #FFF);
display: inline-block;
position: relative;
flex-shrink: 0;
}
/* Marca de seleção (check) */
.formpadrao .politica input[type="checkbox"]:checked + .checkmark::after {
content: '';
position: absolute;
left: 10px;
top: 5px;
width: 8px;
height: 14px;
border: solid #C17038;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.formpadrao .politica input[type="checkbox"] {
width: 20px;
height: 20px;
margin-bottom: 0;
}
.formpadrao .politica span {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 15.4px */
white-space: nowrap;
}
.formpadrao .politica span a {
color: inherit;
text-decoration: underline;
}
.formpadrao .form-bottom .linha {
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 1.5px;
}
.formpadrao input.botao {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
cursor: pointer;
padding: 18px 30px;
border-radius: 100px;
border: 1px solid rgba(67, 66, 71, 0.10);
background: transparent;
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: all .5s;
margin: 0;
}
.formpadrao input.botao:hover {
border-color: #C17038;
background: #C17038;
color: #fff;
}
.formpadrao .custom-select {
position: relative;
width: 100%;
}
.formpadrao .custom-select select {
appearance: none; /* Remove o estilo padrão */
-webkit-appearance: none;
-moz-appearance: none;
padding: 14px 24px;
border-radius: 8px;
border: 1px solid rgba(67, 66, 71, 0.10);
background: transparent;
margin-bottom: 20px;
color: var(--Primary-Dark, #434247bf);
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 300;
width: 100%;
line-height: normal;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 6L9 1' stroke='%23434247c2' stroke-width='1'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
cursor: pointer;
}
/* CONTATO */
.topo-contato {
padding: 85px 0;
background-size: cover;
position: relative;
min-height: 75vh;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 20px;
overflow: hidden;
background-position: 50%;
}
.topo-contato::before {
position: absolute;
z-index: 4;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
content: "";
display: block;
pointer-events: none;
mix-blend-mode: multiply;
background: linear-gradient(264deg, rgba(0, 84, 112, 0.00) 32.29%, rgba(0, 84, 112, 0.80) 82.71%);
}
.topo-contato::after {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
pointer-events: none;
height: 100%;
content: "";
display: block;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}
.topo-contato .infos {
position: relative;
z-index: 4;
max-width: 640px;
}
.topo-contato .infos {
color: var(--100, #FFF);
text-align: start;
leading-trim: both;
text-edge: cap;
font-family: Signika;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 3.2px;
text-transform: uppercase;
}
.topo-contato .infos h1 {
color: var(--100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Signika;
font-size: 70px;
font-style: normal;
font-weight: 700;
line-height: 90%;
text-transform: uppercase;
margin-top: 15px;
}
.topo-contato .infos h1::first-line {
font-weight: 300;
}
.secao-contato .conteudo {
display: flex;
justify-content: space-between;
gap: 50px;
}
.secao-contato .contatos-form .item {
margin-bottom: 18px;
cursor: pointer;
display: block;
transition: all .5s;
}
.secao-contato .contatos-form .item:hover {
transform: translateX(10px);
}
.secao-contato .contatos-form .item:last-child {
margin-bottom: 0;
}
.secao-contato .contatos-form .item span {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 3px;
color: rgb(67 66 71);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 4.6px;
width: fit-content;
text-transform: uppercase;
}
.secao-contato .contatos-form .item .icon {
background: #434247;
width: 30px;
height: 30px;
display: flex;
border-radius: 200px;
align-items: center;
justify-content: center;
}
.secao-contato .contatos-form .item p {
color: #434247;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.secao-contato.contato-single .conteudo .info-topo {
flex-direction: column;
align-items: start;
margin: 0;
}
.contato-single.secao-contato .formpadrao .conteudo-form .left, .contato-single.secao-contato .formpadrao .conteudo-form .right {
width: 100%;
padding: 0;
}
.formpadrao .conteudo-form {
display: block;
}
.secao-contato .formpadrao .conteudo-form {
display: block;
}
.mapa-contato {
width: 100%;
height: 80vh;
overflow: hidden;
position: relative;
padding: 60px 0 40px 0;
display: flex;
align-items: end;
}
.mapa-contato iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.mapa-contato .conteudo {
border-radius: 20px;
background: var(--100, #FFF);
display: flex;
align-items: end;
padding: 45px 60px;
width: 100%;
justify-content: space-between;
gap: 20px;
position: relative;
max-width: 100%;
margin: 0 auto;
z-index: 3;
}
.mapa-contato .conteudo .endereco {
display: flex;
align-items: center;
}
.mapa-contato .conteudo .endereco p {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 31.2px */
text-transform: uppercase;
margin-left: 18px;
padding-left: 18px;
border-left: 2px solid rgba(67, 66, 71, 0.10);
}
.mapa-contato .conteudo .botoes {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.mapa-contato .conteudo .botao:hover path {
fill: #fff;
}
/* FOOTER */
footer {
position: relative;
padding: 88px 0;
background: #fff;
}
footer .info-topo {
display: flex;
align-items: center;
gap: 40px;
justify-content: space-between;
}
footer .botao-duplo a.botao {
border-color: rgba(67, 66, 71, 0.10);
color: #434247;
width: 170px;
}
footer .botao-duplo a.botao:hover {
color: #fff;
}
footer .botao-duplo a.botao:hover svg path {
stroke: #fff;
}
footer .info-topo .linha {
background-color: rgba(67, 66, 71, 0.1);
width: 100%;
height: 1.4px;
}
footer .info-topo .item {
width: fit-content;
text-align: center;
}
footer .info-topo .item span {
color: var(--600, rgba(0, 0, 0, 0.40));
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
}
footer .info-topo .item div {
display: flex;
align-items: center;
gap: 3px;
}
footer .info-topo .item a {
padding: 10px;
border-bottom: 2px solid transparent;
transition: all .5s;
border-radius: 50px;
}
footer .info-topo .item a:hover {
border-color: #C17038;
}
footer .info-topo .item a:hover svg {
transform: scale(1.1);
}
footer .info-topo .item a:hover path {
fill: #C17038;
}
footer .meio {
margin: 50px 0;
padding-bottom: 50px;
border-bottom: 1px solid rgba(67, 66, 71, 0.10);
display: flex;
justify-content: space-between;
gap: 54px;
}
footer .meio .left {
max-width: 542px;
width: 100%;
}
footer .meio .mapa iframe {
height: 312px;
border-radius: 18px;
margin-bottom: 30px;
width: 100%;
}
footer .meio .left .endereco {
display: flex;
align-items: center;
gap: 20px;
}
footer .meio .left p,
footer .meio .left a {
display: flex;
align-items: center;
gap: 16px;
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 19.2px */
}
footer .meio .left .linha {
width: 1.5px;
height: 26px;
background: rgba(67, 66, 71, 0.10);
}
footer .meio .left span {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 16.8px */
}
footer .meio .linha {
background: rgba(67, 66, 71, 0.10);
width: 1px;
}
footer .links {
padding: 44px 7px 0 7px;
display: flex;
flex-direction: column;
gap: 30px;
}
footer .links a {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
transition: all .5s;
position: relative;
}
footer .links a:hover {
color: #C17038;
}
footer .links a:hover::before {
width: 100%;
}
footer .links a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -7px;
height: 2px;
width: 0%;
background-color: #C17038;
transition: .5s;
}
footer .info-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
footer .info-bottom p {
color: var(--500, rgba(0, 0, 0, 0.40));
font-family: Exo;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
footer .info-bottom a {
color: var(--500, rgba(0, 0, 0, 0.40));
text-align: right;
font-family: Exo;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/* BARRAFIXA */
.barrafixa{
flex-direction: column;
right: 15px;
top: 50%;
transform: translateY(-50%);
display: flex
;
gap: 8px;
position: fixed;
overflow: hidden;
align-items: center;
z-index: 30;
border-radius: 100px;
background: #FFF;
padding: 8px;
}
.barrafixa .item {
display: flex
;
background: #434247;
width: 52px;
justify-content: center;
height: 52px;
border-radius: 200px;
transition: all .5s;
align-self: normal;
align-items: center;
cursor: pointer;
}
.barrafixa .item.main {
padding: 10px 6px;
cursor: default;
background: #fff;
}
.barrafixa .item.main:hover {
background: #fff;
}
.barrafixa .item.main:hover svg {
transform: none;
}
.barrafixa .item:hover svg {
transform: scale(1.5);
}
.barrafixa .item:hover {
background: #302f33;
}
.barrafixa .item.wpp {
background: #73C138;
}
.barrafixa .item.wpp:hover {
background: #4c8521;
}
.barrafixa .item.tel {
background: #C17038;
}
.barrafixa .item.tel:hover {
background: #884e24;
}
/* MODAIS */
.modal-contato {
border-radius: 0px !important;
max-width: 795px !important;
width: 100% !important;
padding: 0 !important;
overflow: visible !important;
background: #fff !important;
}
.fancybox__slide .modal-contato .f-button[data-fancybox-close] {
right: -30px !important;
top: 30px !important;
}
.modal-contato .conteudo {
padding: 50px;
}
.modal-contato .conteudo .info-topo {
display: flex;
align-items: center;
}
.modal-contato .info-topo .icon {
height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.modal-contato .info-topo > div {
display: flex;
gap: 95px;
align-items: center;
}
.modal-contato .info-topo h4 {
color: var(--600, rgba(0, 0, 0, 0.40));
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.6px;
padding-left: 15px;
margin-left: 15px;
border-left: 1.5px solid rgba(67, 66, 71, 0.10);
}
.modal-contato .info-topo h4 span {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 300;
line-height: 100%;
margin-top: 5px;
text-transform: uppercase;
display: block;
}
.modal-contato .info-topo p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
max-width: 290px;
}
.modal-contato .info-form {
margin-top: 30px;
}
.modal-contato form {
width: 100%;
}
.modal-contato .conteudo-form {
display: flex;
}
.modal-contato .conteudo-form .left,
.modal-contato .conteudo-form .right {
padding: 0 9px;
width: 50%;
}
.modal-contato .conteudo-form textarea {
height: 196px;
}
.modal-contato .fancybox-close-small {
right: 0 !important;
top: 0 !important;
}
.modal-contato .fancybox-close-small {
border-radius: 8px 8px 0px 8px !important;
border-right: 5px solid var(--Primary-Yellow, #FEA000) !important;
background: var(--Blue-03, #00829A) !important;
color: #fff !important;
width: 60px !important;
height: 42px !important;
opacity: 1 !important;
transition: all .5s !important;
}
.modal-contato .fancybox-close-small:hover {
opacity: .5 !important;
}
/* PAGE PADRÃO */
.secao-padrao {
padding: 50px 0 70px 0;
}
.secao-padrao h1 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 46.8px */
max-width: 400px;
text-transform: uppercase;
}
.secao-padrao h1::first-line {
font-weight: 300;
}
.secao-padrao .conteudo h2,
.secao-padrao .conteudo h3,
.secao-padrao .conteudo h4,
.secao-padrao .conteudo h5,
.secao-padrao .conteudo h6 {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 25px;
font-style: normal;
font-weight: 700;
margin: 25px 0 10px 0;
}
.secao-padrao .conteudo p,
.secao-padrao .conteudo li {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 22.4px */
}
.secao-padrao .conteudo li {
margin-bottom: 10px;
}
.secao-padrao .conteudo ul {
padding-left: 23px;
}
.page-padrao {
min-height: 80vh;
padding: 80px 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.page-padrao.erro404 h1 {
color: var(--Primary-Blue, #005470);
leading-trim: both;
text-align: center;
text-edge: cap;
font-family: Exo;
font-size: 260px;
font-style: normal;
font-weight: 700;
line-height: 90%;
text-transform: uppercase;
}
.page-padrao.erro404 svg {
max-width: 552px;
height: auto;
width: 95%;
}
.page-padrao.obrigado svg {
max-width: 870px;
height: auto;
width: 95%;
}
.page-padrao .descricao {
color: var(--Primary-Dark, #434247);
leading-trim: both;
text-edge: cap;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.92px;
text-transform: uppercase;
margin: 35px auto;
}
.page-padrao .botao {
margin: 0 auto;
background: #C17038;
border-color: #C17038;
color: #fff;
}
.page-padrao .botao:hover {
background: transparent;
color: #434247;
border-color: #434247;
}
.page-template-template-corretor {
}
.page-template-template-corretor label {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 130%;
display: flex;
align-items: center;
gap: 10px;
}
.page-template-template-corretor p {
color: rgba(67, 66, 71, 0.70);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 130%;
margin-bottom: 10px;
}
.page-template-template-corretor .custom-select select {
font-weight: 600;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 6L9 1' stroke='%23434247c2' stroke-width='2'/%3E%3C/svg%3E");
}
.page-template-template-corretor .aba label.tipo_parceiro {
margin-bottom: 15px;
}
.page-template-template-corretor .aba label input {
margin: 0;
width: fit-content;
}
.page-template-template-corretor .aba label.last-label {
margin-bottom: 20px;
}
.page-template-template-corretor #form_bottom {
align-items: center;
justify-content: space-between;
gap: 30px;
margin-top: 0;
}
@media (max-width: 1199px) and (min-width: 991px) {
header .logo img {
max-width: 180px;
}
header .wrapper-header ul {
gap: 15px;
}
header .wrapper-header ul li a,
header .btn-empreendimentos a {
font-size: 13px;
}
header .barra-search input,
header .barra-search input::placeholder,
header .barra-search .search-filter-input-button {
font-size: 13px !important;
}
.botao-duplo a.botao {
font-size: 13px;
padding: 13px 20px;
}
header .barra-search.active {
width: 350px;
}
}
@media (max-width: 991px){
/* GERAL */
.site-main {
background-image: none;
}
.secao-black .infos h2 {
max-width: 350px;
margin: 0 auto;
}
.secao-black .infos h1 {
font-size: 35px;
}
/* HEADER */
header {
padding: 20px 0;
}
header .barra-search {
opacity: 0;
background-color: #434247;
width: 90%;
max-width: 700px;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 80px;
}
.submenu {
padding: 45px 0 !important;
min-height: 100vh;
height: 100vh;
}
.fancybox__slide .f-button[data-fancybox-close] {
top: 30px !important;
right: 30px !important;
}
.submenu .logo-submenu {
max-width: 150px;
margin-bottom: 10px;
}
.submenu .botao-duplo {
padding: 0 15px;
}
.submenu .info-topo .linha {
top: -23px;
}
.submenu .botao-duplo a.botao {
font-size: 12px;
width: 140px;
padding: 15px;
}
.submenu .botao-duplo a.botao svg {
height: 15px;
}
.submenu .info-meio {
flex-direction: column;
gap: 0;
}
.submenu .info-meio .left,
.submenu .info-meio .linha,
.submenu .info-bottom .linha {
display: none;
}
.submenu .info-meio .right {
width: 100%;
max-width: 400px;
padding: 0;
margin: 0 auto;
}
.submenu .info-meio .right ul {
align-items: center;
gap: 10px;
}
.submenu .info-meio .right ul li a::before {
bottom: -2px;
}
.submenu .info-bottom {
flex-direction: column;
gap: 20px;
}
/* HOME */
.home-slide-wrapper .item-slide-home {
padding: 85px 0 105px 0;
height: 87vh;
}
.home-slide-wrapper .item-slide-home::after {
background: radial-gradient(124.19% 102.5% at 0% 47.07%, rgba(0, 0, 0, 0.00) 71.99%, rgb(0 0 0 / 67%) 100%), radial-gradient(143.93% 141.42% at 100% 0%, rgb(0 0 0 / 20%) 47.88%, rgb(0 0 0 / 77%) 80.24%), linear-gradient(180deg, rgb(0 0 0 / 65%) 0%, rgba(0, 0, 0, 0.00) 50%);
}
.home-slide-wrapper .slide-imagem {
mask-position: top left;
}
.home-slide-wrapper .conteudo-slide h2 {
font-size: 40px;
}
.home-slide-wrapper .conteudo-slide .botao {
margin: 30px auto 0 auto;
}
.home-slide-wrapper .conteudo-slide {
flex-direction: column;
max-width: 450px;
margin: 0 auto;
}
.home-slide-wrapper .conteudo-slide .right,
.home-slide-wrapper .conteudo-slide .left {
width: 100%;
}
.nav-slidehome {
justify-content: center;
margin: -45px auto 45px auto;
top: -20px;
}
.imoveis-home {
padding: 70px 0;
}
.imoveis-home .subtitulo {
margin: 0 auto;
}
.imoveis-home h2 {
font-size: 35px;
}
.imoveis-home .info-topo {
margin-bottom: 35px;
flex-direction: column-reverse;
align-items: center;
}
.imoveis-home .info-topo .custom-select select {
width: 214px;
}
.imoveis-home .info-topo .linha-brand {
display: none;
}
.card-imovel {
padding: 0 7px;
}
.card-imovel .card-interno::before {
background: radial-gradient(148.65% 100% at 100% 0%, rgb(0 0 0 / 44%) 60.35%, rgba(0, 0, 0, 0.70) 100%);
}
.card-imovel .card-interno {
height: 450px;
}
.card-imovel .card-interno .infos h2 {
font-size: 25px;
height: auto !important;
}
.card-imovel .card-interno .infos {
height: auto;
max-width: 100%;
width: 85%;
}
.card-imovel .card-interno .infos .destaques {
opacity: 1;
}
.card-imovel .card-interno:hover .infos {
height: auto;
}
.imoveis-home .nav-imoveis {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
gap: 15px;
}
.imoveis-home .info-bottom {
gap: 15px;
}
.sobre-home {
background-image: none;
padding: 70px 0 0 0;
height: auto;
}
.sobre-home .subtitulo {
margin: 0 auto;
}
.sobre-home .conteudo {
display: block;
margin: 0 auto;
max-width: 100%;
}
.sobre-home .conteudo .info-top {
border-bottom: 0;
padding-bottom: 0;
}
.sobre-home h2 {
font-size: 35px;
text-align: center;
margin: 30px auto 0 auto;
}
.sobre-home .left {
margin: 30px auto 0 auto;
width: 100%;
max-width: 430px;
text-align: center;
}
.sobre-home .left .botao {
margin: 0 auto;
}
.sobre-home .numeros{
position: static;
height: auto;
width: 100%;
display: flex;
margin-top: 40px;
flex-direction: column;
gap: 25px;
}
.sobre-home .numeros .item-contador {
position: static !important;
width: 100%;
max-width: 350px;
border-radius: 10px;
background: #C17038;
padding: 30px 20px;
margin: 0 auto;
}
.sobre-home .numeros .item-contador span {
font-size: 35px;
max-width: 80px;
}
.feed h2 {
font-size: 25px;
max-width: 290px;
}
.sobre-home .numeros .item-contador p {
font-size: 14px;
}
.sobre-home .mask-sobre {
-webkit-mask-image: url(../images/mask-sobre.png);
mask-image: url(../images/mask-sobre.png);
mask-repeat: no-repeat;
mask-position: center top;
mask-size: cover;
width: 100%;
margin: 60px auto 0 auto;
height: 100%;
}
.sobre-home .mask-sobre img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* PÁGINA SOBRE */
.page-template-template-sobre .sobre-home {
height: auto;
}
.page-template-template-sobre .sobre-home .numeros {
position: static;
height: auto;
width: 100%;
display: flex;
margin-top: 40px;
flex-direction: column;
gap: 25px;
}
.video-sobre .item-video {
height: 400px;
}
.mvv-sobre {
padding-top: 80px;
}
.mvv-sobre .info-topo h2 {
font-size: 35px;
}
.mvv-sobre .linha-brand {
margin-bottom: 10px;
}
.mvv-sobre .conteudo {
flex-direction: column;
gap: 10px;
margin-top: 40px;
}
.mvv-sobre .conteudo .box {
align-items: center;
justify-content: center;
height: auto;
padding: 40px 25px;
}
.mvv-sobre .conteudo .box h5 {
font-size: 30px;
margin: 20px auto;
}
.mvv-sobre .conteudo .box .texto p {
text-align: center;
}
.mvv-sobre .conteudo > img{
max-width: 500px;
width: 100%;
margin: 0 auto;
order: 2;
}
.secoes-sobre .row > div {
margin-bottom: 20px;
}
.secoes-sobre .row.row-valores {
margin-top: -17px;
}
.secoes-sobre .box-conteudo {
padding: 40px 20px;
}
.secoes-sobre .box-conteudo h2 {
font-size: 35px;
max-width: 350px;
font-size: 35px;
max-width: 350px;
margin: 20px 0;
}
.secoes-sobre .box-img {
height: 400px;
}
.secoes-sobre .box-conteudo-azul {
padding: 40px 20px;
}
.secoes-sobre .interno {
padding-left: 20px;
}
.secoes-sobre .box-conteudo-azul h4,
.secoes-sobre .box-conteudo .politica h4 {
font-size: 35px;
}
.secoes-sobre .box-conteudo-azul .itens {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
.secoes-sobre .box-conteudo-azul .item-valores {
flex-direction: column;
align-items: start;
gap: 10px;
}
.secoes-sobre .box-conteudo-azul .item-valores p br {
display: none;
}
/* BLOG */
.topo-blog h1 {
font-size: 35px;
max-width: 400px;
}
.mais-posts .grid-posts {
grid-template-columns: repeat(2, 1fr);
}
/* SINGLE BLOG */
.single-post .topo-blog h1 {
font-size: 35px;
max-width: 100%;
}
.single-post .conteudo-blog .content-single h2 {
font-size: 28px;
}
.single-post .compartilhe .info {
flex-direction: column;
justify-content: center;
align-items: center;
}
.single-post .compartilhe .info p {
text-align: center;
}
/* EMPREENDIMENTOS */
.topo-empreendimentos h1 {
font-size: 38px;
max-width: 350px;
}
.content-empreendimentos .infos-topo {
flex-direction: column;
}
.content-empreendimentos .grid {
grid-template-columns: repeat(2, 1fr);
}
.topo-estagio h1 {
font-size: 30px;
}
/* SINGLE EMPREENDIMENTO */
.topo-single .conteudo {
margin: 0 auto;
width: 100%;
max-width: 500px;
}
.topo-single .estagio {
font-size: 16px;
}
.topo-single h1 {
font-size: 40px;
}
.topo-single .destaques {
align-items: center;
flex-direction: column;
gap: 20px;
max-width: 300px;
margin: 0 auto;
}
.topo-single .box-valor .linha {
width: 50px;
height: 1px;
}
.topo-single .box-valor p.valor {
font-size: 35px;
}
.sobre-imovel {
padding: 60px 0;
}
.sobre-imovel .imagenm-mob {
display: block;
border-radius: 12px;
height: 400px;
width: 100%;
object-position: center;
object-fit: cover;
}
.sobre-imovel h2 {
font-size: 35px;
margin: 30px auto;
}
.diferenciais .slide-diferenciais .slick-list {
overflow: hidden;
}
.diferenciais .slide-diferenciais .slick-list::before {
display: none;
}
.diferenciais .info-bottom {
margin: 30px 0 40px 0;
}
.secao-videos {
padding: 60px 0;
}
.secao-videos .conteudo {
flex-direction: column;
gap: 30px;
}
.secao-videos .slide-videos {
width: 100%;
}
.secao-videos .item-video {
height: 330px;
}
.secao-videos .nav-videos.show-mob {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
gap: 8px;
}
#ficha {
padding: 65px 0;
}
#ficha .nav-tipos {
flex-direction: column;
align-items: start;
}
#ficha .nav-tipos .botao {
font-size: 12px;
padding: 15px 10px;
width: 100%;
}
#ficha .nav-fichas {
justify-content: center;
}
#ficha .conteudo {
margin-bottom: 30px;
}
.plantas {
background-position: right center;
padding: 60px 0;
}
.plantas .conteudo {
padding: 60px 5px;
}
.plantas .info-bottom::after {
bottom: 25px;
}
.plantas .abas-lista .conteudo {
padding: 40px 20px;
}
.plantas .info-topo {
flex-direction: column;
}
.plantas .item-slide {
max-width: 380px;
}
.plantas .item-slide h4 {
letter-spacing: 5px;
font-size: 15px;
}
.plantas .info-bottom {
flex-direction: column;
gap: 20px;
}
.plantas .info-bottom .hidden {
display: none;
}
.plantas .select-wrapper {
display: block;
margin: 20px auto 0 auto;
float: none;
padding: 0;
text-align: center;
top: auto;
width: fit-content;
}
.plantas .info-bottom .descricao-tipo {
white-space: normal;
text-align: center;
}
.plantas .info-bottom .nav-plantas,
.plantas .info-bottom .select-wrapper {
padding: 0;
margin: 0 auto;
}
.plantas .select-wrapper::after {
right: 15px;
}
.plantas h2{
font-size: 35px;
}
.plantas .imagem-item {
margin-top: 30px;
}
.estagio-obra {
padding: 70px 0;
}
.estagio-obra .subtitulo {
margin: 0 auto;
text-align: center;
}
.estagio-obra .info-top {
justify-content: center;
margin: 30px 0 50px 0;
}
.estagio-obra h2 {
font-size: 30px;
text-align: center;
max-width: 450px;
}
.estagio-obra .galeria-status {
margin-bottom: 30px;
}
.estagio-obra .show-mob .nav-status {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 40px;
}
.estagio-obra .all-status {
flex-direction: column;
gap: 30px;
}
.estagio-obra .all-status .status-maior .circular-chart{
max-width: 200px;
}
.estagio-obra .all-status .item p {
font-size: 16px;
margin-top: 10px;
}
.estagio-obra .box-status {
grid-template-columns: repeat(2, 1fr);
max-width: 400px;
}
.estagio-obra .box-status-pd {
padding: 0;
margin-top: 50px;
}
.estagio-obra .box-status-pd .item {
flex-direction: column;
gap: 10px;
}
.estagio-obra .item-slide {
height: 320px;
}
.estagio-obra .nav-status {
margin: 30px auto 0 auto;
justify-content: center;
}
.banner-footer {
height: 50vh;
}
.page-empreendimento .localizacao {
min-height: auto;
height: auto;
flex-direction: column-reverse;
gap: 50px;
}
.page-empreendimento .localizacao .iframe {
height: 400px;
width: 100%;
position: static;
mask-image: none;
margin-top: 60px;
-webkit-mask-image: none;
}
.page-empreendimento .localizacao .iframe iframe {
height: 100%;
width: 100%;
}
.page-empreendimento .localizacao .box-loc {
margin: 0;
padding: 0;
transform: none;
position: static;
max-width: 4100%;
border-radius: 0;
background: none;
}
.page-empreendimento .localizacao h2 {
margin: 30px 0;
font-size: 35px;
}
.page-empreendimento .localizacao .texto {
line-height: 110%;
max-width: 450px;
}
.page-empreendimento .localizacao .botoes {
flex-wrap: wrap;
align-items: start;
}
.contato-single {
padding: 60px 0;
height: auto;
}
.contato-single .conteudo {
width: 93%;
padding: 45px 25px;
margin: 0 auto;
}
.contato-single .conteudo .info-topo {
display: block;
}
.contato-single h3 {
margin: 0 auto;
}
.contato-single .left .infos h3 {
margin: 0 auto;
}
.contato-single .conteudo .info-topo h2 {
margin: 30px auto;
font-size: 30px;
text-align: center;
}
.contato-single .conteudo .info-topo .left {
max-width: 500px;
margin: 0 auto;
}
.contato-single .conteudo .info-topo .texto {
text-align: center;
margin: 0 auto 30px auto;
max-width: 350px;
}
.contato-single .info-topo .botoes {
flex-direction: column;
}
.formpadrao .conteudo-form {
flex-direction: column;
}
.formpadrao .conteudo-form .left, .formpadrao .conteudo-form .right {
width: 100%;
padding: 0;
}
.formpadrao input, .formpadrao textarea {
font-size: 14px;
margin-bottom: 15px;
}
.formpadrao textarea {
height: 100px;
}
.formpadrao .form-bottom {
margin-top: 0;
align-items: start;
flex-direction: column;
gap: 20px;
}
.formpadrao .politica span {
font-size: 12px;
}
.formpadrao input.botao {
width: 100%;
}
/* CONTATO */
.topo-contato .infos h1 {
font-size: 38px;
max-width: 400px;
}
.contato-single.secao-contato {
padding-top: 60px;
}
.secao-contato .conteudo {
flex-direction: column;
gap: 30px;
}
.mapa-contato {
padding: 60px 0 0 0;
display: block;
height: auto;
}
.mapa-contato .conteudo {
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 auto 50px 0;
border-radius: 0;
background: none;
}
.mapa-contato .conteudo .endereco p {
font-size: 23px;
}
.mapa-contato .conteudo .endereco p span {
font-size: 18px;
}
.mapa-contato iframe {
position: static;
height: 60vh;
}
/* FOOTER */
footer {
padding: 60px 0 90px 0;
}
footer .info-topo {
flex-direction: column;
gap: 30px;
}
footer .info-topo .linha {
display: none;
}
footer .meio {
flex-direction: column;
gap: 30px;
}
footer .meio .left {
margin: 0 auto;
}
footer .meio .left .endereco {
flex-direction: column;
}
footer .links {
padding: 0;
margin: 0 auto;
flex-direction: column;
text-align: center;
gap: 20px;
}
footer .meio .linha {
display: none;
}
footer .info-bottom {
flex-direction: column;
}
/* BARRAFIXA */
.barrafixa {
right: 50%;
transform: translateX(50%);
top: auto;
bottom: 13px;
flex-direction: row;
}
.barrafixa .item.main {
display: none;
}
/* MODAIS */
.modal-contato {
max-width: 450px !important;
width: 95% !important;
}
.modal-contato .conteudo {
padding: 40px 20px;
}
.modal-contato .conteudo .info-topo {
gap: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-contato .info-topo > div {
flex-direction: column;
align-items: start;
gap: 10px;
}
.modal-contato .info-topo h4 {
font-size: 14px;
padding: 0;
margin: 0 auto;
text-align: center;
border: none;
}
.modal-contato .info-topo h4 span {
font-size: 30px;
margin-top: 5px;
}
.modal-contato .info-topo p {
font-size: 13px;
text-align: center;
max-width: 240px;
}
.modal-contato .conteudo-form {
display: block;
}
.modal-contato .conteudo-form .left, .modal-contato .conteudo-form .right {
padding: 0;
width: 100%;
}
.modal-contato .conteudo-form textarea {
height: 100px;
}
.page-padrao.erro404 h1 {
font-size: 100px;
}
.page-padrao.obrigado h1 {
font-size: 50px;
}
.page-template-template-corretor .secao-black .img-banner {
object-position: 20% 50%;
}
.secao-contato.contato-single .conteudo .info-topo {
margin: 0 auto;
}
.page-template-template-corretor #form_bottom {
flex-direction: column;
}
}
@media (max-width: 767px) {
.mais-posts .grid-posts,
.content-empreendimentos .grid {
grid-template-columns: repeat(1, 1fr);
}
.content-empreendimentos .infos-topo #filter-status {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.card-imovel .contatos .item {
transform: translateY(0);
}
.imoveis-slide .card-imovel:hover {
width: 400px;
}
.imoveis-slide .card-imovel .abrir,
.imoveis-slide .card-imovel:hover .abrir {
width: 30px !important;
height: 30px !important;
}
.imoveis-slide .card-imovel .abrir span {
display: none;
}
.imoveis-slide .card-imovel .card-interno .destaques,
.imoveis-slide .card-imovel:hover .destaques {
position: static;
opacity: 1;
}
.imoveis-slide .card-interno,
.card-imovel .card-interno {
flex-direction: column;
align-items: start;
justify-content: end;
gap: 20px;
}
.imoveis-slide .card-interno .abrir span {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Exo;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
opacity: 0;
pointer-events: none;
margin-left: -85px;
white-space: nowrap;
transition: all .5s;
}
.imoveis-slide .card-imovel:hover .abrir span {
opacity: 1;
margin: 0 10px 0 0;
}
.imoveis-slide .card-imovel:hover .abrir {
width: 160px;
}
.card-imovel .abrir:hover {
background: #C17038;
border-color: #C17038;
}
.imoveis-slide .card-imovel .contatos {
opacity: 1;
}
}
.fancybox__dialog {
width: 100vw !important;
height: 100vh !important;
}
.fancybox__backdrop {
width: 100vw !important;
}