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;
}
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;
}
a:hover {
color: #fff;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
/* GERAL */
@font-face {
font-family: "Tomato Grotesk";
src: url('../fonts/TomatoGrotesk-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Tomato Grotesk";
src: url('../fonts/TomatoGrotesk-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Tomato Grotesk";
src: url('../fonts/TomatoGrotesk-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Tomato Grotesk";
src: url('../fonts/TomatoGrotesk-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Tomato Grotesk";
src: url('../fonts/TomatoGrotesk-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
*:focus {
outline: none;
border: none;
}
body {
}
.fancybox-caption__body {
font-family: "Tomato Grotesk";
}
.container {
max-width: 1210px;
}
*::selection {
background-color: #004833;
color: #fff;
}
svg.prev, svg.next {
transition: all .5s;
cursor: pointer;
}
svg.prev:hover, svg.next:hover {
transform: scale(1.2);
}
svg path {
transition: all .5s;
}
.subtitulo {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 12px;
text-align: center;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 7.2px;
text-transform: uppercase;
}
.botao {
padding: 14px 17px;
border-radius: 30px;
border-radius: 100px;
background: rgba(223, 221, 217, 0.20);
display: block;
width: fit-content;
transition: all .5s;
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
transition: all .5s;
}
.yes-mobile {
display: none;
}
@media (max-width: 991px) {
.yes-desk {
display: none;
}
.yes-mobile {
display: block;
}
}
.icon-nav {
border-radius: 100px;
background: #FCFAF6;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
transition: all .5s;
cursor: pointer;
}
.icon-nav:hover {
background: #004833;
}
.icon-nav:hover svg path {
stroke: #FCFAF6;
}
/* ------ */
header {
position: fixed;
top: 0;
left: 0;
transition: all .5s;
z-index: 3;
width: 100%;
z-index: 5;
}
header .logoprincipal {
position: relative;
z-index: 2;
}
header .logoprincipal svg {
width: auto;
transition: all .5s;
}
header.header-scroll .logoprincipal svg {
height: 20px;
}
header > .containerheader::before {
content: '';
display: block;
position: absolute;
left: -348%;
top: 0;
width: 400%;
height: 100%;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: cover;
background-position: right;
pointer-events: none;
transition: all .8s;
}
header.header-scroll .containerheader::before {
left: -169%;
}
header .containerheader {
position: relative;
padding: 35px 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
transition: all .5s;
}
header.header-scroll .containerheader {
padding: 13px 20px;
}
header nav.menu-header ul {
display: flex;
align-items: center;
gap: 15px;
}
header nav.menu-header ul li a {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 10px 10px;
opacity: 0.6;
transition: all .5s;
position: relative;
}
header nav.menu-header ul li a:hover {
opacity: 1;
}
header nav.menu-header ul li a::before {
content: '';
display: block;
width: 1px;
height: 0px;
transition: all .5s;
background: #CDF07B;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
header nav.menu-header ul li a:hover::before {
height: 15px;
}
header .icones {
display: flex;
align-items: center;
gap: 15px;
position: relative;
z-index: 3;
}
header .icones .linha {
opacity: 0.1;
background: #FFF;
width: 1px;
height: 40px;
}
header .menu-toggle {
position: relative;
top: 2px;
transition: all .5s;
cursor: pointer;
}
header .menu-toggle:hover {
transform: scale(1.05);
}
header .flutuante {
width: 100%;
max-width: 1020px;
padding: 32px;
background: linear-gradient(0deg, #FCFAF6 0%, #FCFAF6 100%), #FFF;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100px;
display: flex;
justify-content: space-between;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: all .5s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
header .flutuante.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
header .flutuante .left {
border-right: 1px solid #00483326;
padding-right: 50px;
margin-right: 50px;
width: 30%;
display: flex;
align-items: center;
}
header .flutuante .left ul a {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.3;
transition: all .5s;
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
header .flutuante .left ul a:hover {
opacity: 1;
}
header .flutuante .left ul a svg {
opacity: 0;
transition: all .5s;
}
header .flutuante .left ul a:hover svg {
opacity: 1;
}
header .flutuante .left ul li {
margin-bottom: 20px;
}
header .flutuante .left ul li:last-child {
margin-bottom: 0;
}
header .flutuante .right {
width: 70%;
}
header .flutuante .info-topo {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
margin-bottom: 20px;
}
header .flutuante .info-topo {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
header .flutuante .nav-flutuante {
display: flex;
align-items: center;
gap: 8px;
}
header .flutuante .card-imovel-externo {
padding: 0 6px;
}
header .flutuante .card-imovel {
height: 300px;
}
header .flutuante .card-imovel .estagio-obra {
left: 20px;
top: 20px;
}
header .flutuante .card-imovel h3,
header .flutuante .card-imovel:hover h3 {
font-size: 26px;
left: 20px;
bottom: 20px;
}
header .flutuante .card-imovel:hover .icon {
opacity: 0;
}
header .card-imovel:hover .info-bottom {
opacity: 0;
}
#fancybox-container-1 .fancybox-bg {
background: rgba(0, 72, 51, 0.70);
opacity: 1;
}
#modal-search {
padding: 60px 27px;
width: 100%;
max-width: 620px;
overflow: visible;
}
#modal-search .box {
display: flex;
align-items: center;
gap: 10px;
}
#modal-search form {
width: 100%;
position: relative;
}
#modal-search.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#modal-search input {
width: calc(100% - 109.04px);
max-width: 470px;
padding: 13px 10px 13px 35px;
border: none;
border-bottom: 1px solid rgba(0, 72, 51, 0.30);
transition: all .5s;
color: rgba(0, 0, 0, 0.644);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#modal-search form::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#modal-search input::placeholder {
color: rgba(0, 0, 0, 0.45);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#modal-search button[type="submit"] {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 100px;
background: var(--Primary, #004833);
padding: 14px 20px;
transition: all .5s;
cursor: pointer;
border: 1px solid #004833;
margin-left: 10px;
}
#modal-search button[type="submit"]:hover {
color: #004833;
background: #fff;
border-color: #004833;
}
#modal-search .fancybox-close-small {
top: -40px;
font-family: "Tomato Grotesk";
color: #004833;
right: -50px;
border-radius: 100px;
border: 1px solid var(--Grey-200, #DFDDD9);
background: var(--Grey-100, #FFF);
opacity: 1;
transition: all .5s;
}
#modal-search .fancybox-close-small:hover {
opacity: 0.7;
}
header .submenu {
position: fixed;
top: 0; left: 0;
z-index: 10;
width: 100%;
border: 0;
overflow: hidden;
height: 100%;
transition: all .5S;
background: #fff;
opacity: 0;
transform: translateY(-100%);
}
header .submenu.active {
transform: translateY(0%);
opacity: 1;
z-index: 7;
}
.submenu .close {
cursor: pointer;
}
.submenu::before {
content: '';
display: block;
position: absolute;
background-image: url("data:image/svg+xml;utf8,");
z-index: 3;
bottom: 0;
right: 0;
width: 327px;
height: 127px;
}
.submenu .header {
position: relative;
}
.submenu .header .container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 35px 20px;
position: relative;
}
.submenu .header .container::before {
content: '';
display: block;
position: absolute;
left: -345%;
top: 0;
width: 400%;
height: 100%;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: cover;
background-position: right;
pointer-events: none;
}
.submenu .header .logo {
position: relative;
z-index: 2;
}
.submenu .conteudo {
display: flex;
justify-content: center;
margin: 100px auto 0 auto;
gap: 80px;
}
.submenu .conteudo .left {
text-align: end;
}
.submenu .conteudo > div {
padding: 10px 0 30px 0;
}
.submenu .conteudo h3 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 38px */
width: 320px;
}
.submenu .conteudo .linha {
opacity: 0.1;
background: #004833;
width: 1px;
}
.submenu .conteudo li a {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */
opacity: 0.3;
transition: all .5s;
margin-bottom: 20px;
display: block;
width: fit-content;
}
.submenu .conteudo .left li a {
margin-left: auto;
}
.submenu .conteudo li svg {
transition: all .5s;
opacity: 0;
width: 0;
margin-left: 7px;
}
.submenu .conteudo > div .linha {
opacity: 0.1;
background: #004833;
width: 100px;
height: 1px;
margin: 40px 0 40px 0;
}
.submenu .conteudo > div.left .linha {
margin-left: auto;
}
.submenu .conteudo li a:hover {
opacity: 1;
}
.submenu .conteudo li a:hover svg {
opacity: 1;
width: 12px;
}
.page-template-default header {
background: #004833;
}
.page-template-default .template-padrao {
padding: 150px 0;
}
.page-template-default .template-padrao .container {
max-width: 1060px;
}
.page-template-default .template-padrao h1.titulo {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
}
.page-template-default .template-padrao .linha {
opacity: 0.06;
background: #004833;
width: 100%;
height: 1px;
margin: 45px 0;
}
.page-template-default .template-padrao .conteudo ul {
list-style: disc;
padding-left: 23px;
}
.page-template-default .template-padrao .conteudo p,
.page-template-default .template-padrao .conteudo li {
color: var(--Grey-900, #1d1d1b8d);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%;
margin-bottom: 17px;
}
.page-template-default .template-padrao .conteudo b,
.page-template-default .template-padrao .conteudo strong {
font-weight: 500;
}
.page-template-default .template-padrao .conteudo a {
color: var(--Grey-900, #1d1d1b8d);
font-weight: 500;
text-decoration: underline;
}
.page-template-default .template-padrao .conteudo h1, .page-template-default .template-padrao .conteudo h2, .page-template-default .template-padrao .conteudo h3, .page-template-default .template-padrao .conteudo h4, .page-template-default .template-padrao .conteudo h5, .page-template-default .template-padrao .conteudo h6 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 100%;
margin-bottom: 15px;
margin-top: 30px;
}
.page-template-default .template-padrao .botao {
margin-top: 40px;
display: flex;
align-items: center;
gap: 15px;
background: var(--Primary, #004833);
transition: all .5s;
}
.page-template-default .template-padrao .botao:hover {
opacity: .7;
transform: scale(1.05);
}
.topo {
min-height: 100vh;
height: 100%;
padding: 200px 0;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.topo::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
z-index: 2;
}
.topo video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.topo .container {
position: relative;
z-index: 3;
}
.topo h1 {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
margin: 55px auto 0 auto;
max-width: 520px;
}
.atuacao2 {
padding: 100px 0 80px 0;
}
.atuacao {
position: sticky;
z-index: 2;
top: 80px;
}
.atuacao .conteudo {
display: flex;
justify-content: center;
gap: 55px;
margin: 0 auto 0px auto;
}
.atuacao .conteudo .item {
max-width: 460px;
}
.atuacao .conteudo .item.blumenau {
text-align: end;
}
.atuacao .conteudo h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
margin-bottom: 15px;
}
.atuacao .conteudo p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
opacity: .6;
}
.atuacao .conteudo .linha {
width: 1px;
background: #f0f4f3;
}
.imoveis-atuacao {
padding-bottom: 60px;
position: relative;
}
.imoveis-atuacao .container {
display: flex;
justify-content: center;
gap: 55px;
position: relative;
z-index: 4;
}
.imoveis-atuacao::before {
z-index: 2;
content: '';
display: block;
background: #ffffff;
width: 100%;
min-height: 215vh;
position: absolute;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
bottom: -200vh;
}
.imoveis-atuacao .container .linha {
width: 1px;
background: #f0f4f3;
}
.imoveis-atuacao .imoveis-rel {
max-width: 520px;
width: 100%;
margin-top: 60px;
}
.imoveis-atuacao .imoveis-rel .card-imovel {
position: sticky;
top: 300px;
margin-bottom: 25px;
z-index: 3;
}
.card-imovel {
position: relative;
padding: 32px;
height: 420px;
display: block;
border-radius: 2px;
overflow: hidden;
}
.sem-clique .card-imovel .icon {
display: none;
}
/* .card-imovel::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 2px;
background: radial-gradient(125.09% 125.09% at 26.27% 113.38%, rgba(0, 0, 0, 0.00) 66.42%, rgba(0, 0, 0, 0.60) 100%), radial-gradient(91.32% 91.32% at 50% 8.68%, rgba(0, 0, 0, 0.00) 59.6%, rgba(0, 0, 0, 0.60) 86.07%);
z-index: 2;
opacity: 0;
transition: all .5s;
}
.card-imovel:hover::before {
opacity: .7;
} */
.card-imovel .estagio-obra {
color: var(--Grey-200, #DFDDD9);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
padding: 7px 16px;
position: absolute;
left: 32px;
top: 32px;
z-index: 3;
border-radius: 2px;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(8.25px);
}
.card-imovel h3 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 36px */
position: absolute;
left: 32px;
bottom: 32px;
z-index: 3;
transition: all .5s;
}
.card-imovel:hover h3 {
bottom: 80px;
}
.card-imovel .info-bottom {
position: absolute;
z-index: 3;
left: 32px;
bottom: -52px;
display: flex;
flex-direction: column;
gap: 10px;
transition: all .5s;
opacity: 0;
}
.card-imovel:hover .info-bottom {
bottom: 20px;
opacity: 1;
}
.card-imovel .info-bottom > div {
display: flex;
align-items: center;
gap: 17px;
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
}
.card-imovel .thumb {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.card-imovel .thumb::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: .7;
height: 100%;
z-index: 2;
transition: all .5s;
background: radial-gradient(125.09% 125.09% at 26.27% 113.38%, rgba(0, 0, 0, 0.00) 66.42%, rgba(0, 0, 0, 0.30) 100%), radial-gradient(91.32% 91.32% at 50% 8.68%, rgba(0, 0, 0, 0.00) 59.6%, rgba(0, 0, 0, 0.60) 86.07%);
}
.card-imovel .thumb:hover::before {
opacity: 1;
}
.card-imovel .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .5s;
}
.card-imovel:hover img {
transform: scale(1.05);
}
.card-imovel .icon {
position: absolute;
right: 32px;
bottom: 32px;
z-index: 3;
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
border-radius: 100px;
background: var(--Grey-100, #FFF);
transition: all .5s;
opacity: 0;
}
.card-imovel .icon {
fill: none;
}
.card-imovel:hover .icon {
opacity: 1;
}
.col-sobre {
position: sticky;
z-index: 2;
top: 60px;
}
.col-sobre.coluna {
background: var(--Primary, #004833);
min-height: 100vh;
padding: 40px 60px 40px 20px;
width: 33.33%;
display: flex;
flex-direction: column;
justify-content: center;
}
.col-sobre.coluna::before {
content: '';
display: block;
position: absolute;
right: -50%;
width: 50%;
top: 0;
background: #004833;
z-index: auto;
height: 100%;
}
.col-sobre.coluna .container-interno {
max-width: 353px;
margin-left: auto;
position: relative;
}
.col-sobre.coluna .container-interno .botao {
position: relative;
}
.col-sobre.coluna .container-interno .botao::after {
content: '';
display: block;
right: -170px;
bottom: -30px;
position: absolute;
background-image: url(../img/assinatura-valter.svg);
width: 76px;
height: 93px;
background-repeat: no-repeat;
}
.col-sobre .botao:hover {
background: #fff;
color: #004833;
}
.col-sobre h2 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
margin: 40px 0 30px 0;
}
.col-sobre .texto p {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 24px */
opacity: 0.6;
margin-bottom: 15px;
}
.col-sobre .texto p:last-child {
margin-bottom: 0;
}
.col-sobre .botao {
margin-top: 50px;
}
.col-valter {
position: sticky;
top: 60px;
z-index: 2;
}
.col-valter.coluna {
background-image: url('../img/bg-valter.jpg');
background-position: center;
min-height: 100vh;
background-size: cover;
padding: 20px;
width: 33.33%;
margin: 0 auto;
display: flex;
max-width: 485px;
align-items: start;
z-index: 3;
}
.col-valter .infos {
/* max-width: 409px;
padding: 18px;
background: #FFF;
margin: 0 auto; */
max-width: 409px;
padding: 18px;
margin: 0 auto;
display: none;
}
.col-valter .infos .conteudo {
/* border: 1px solid rgba(0, 72, 51, 0.08); */
padding: 50px 30px 30px 30px;
position: relative;
}
.col-valter .infos .conteudo::after {
content: '';
display: block;
right: 0;
bottom: -60px;
position: absolute;
background-image: url('../img/assinatura-valter.svg');
width: 109px;
height: 105px;
opacity: 0;
}
.col-valter p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 21px */
opacity: 0.6;
}
.col-valter span {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */
margin-top: 20px;
display: block;
}
.col-numeros {
position: sticky;
z-index: 2;
top: 60px;
}
.col-numeros.coluna {
min-height: 100vh;
background: #DFDDD9;
padding: 20px 20px 0 60px;
width: 33.33%;
margin: 0 0 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.col-numeros.coluna::before {
content: '';
display: block;
position: absolute;
left: -50%;
width: 50%;
top: 0;
background: #DFDDD9;
z-index: auto;
height: 100%;
}
.col-numeros .numeros {
max-width: 350px;
width: fit-content;
}
.col-numeros .item {
text-align: center;
}
.col-numeros hr {
width: 50px;
height: 1px;
border: none;
background: #004833;
margin: 30px auto;
opacity: 1;
}
.col-numeros hr:last-child {
display: none;
}
.col-numeros .item p {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 42px */
}
.col-numeros .item span {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */
display: block;
margin-top: 7px;
}
.blog-home {
position: relative;
z-index: 3;
background: #fff;
display: block;
padding: 100px 0;
}
.blog-home .container {
position: relative;
}
.blog-home .container::before {
content: '';
display: block;
right: 75%;
bottom: 25%;
position: absolute;
width: 1445px;
height: 246px;
background-image: url(../img/faixa-blog.svg);
background-size: cover;
z-index: -1;
display: none;
}
.blog-home .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 55px;
}
.blog-home .info-topo .subtitulo {
text-align: start;
margin: 0;
}
.blog-home .info-topo .botao {
color: var(--Primary, #004833);
background: rgba(223, 221, 217, 0.20);
}
.blog-home .info-topo .botao:hover {
background: var(--Primary, #004833);
color: #fff;
}
.blog-home .grid-posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.card-post {
background: #FCFAF6;
padding: 30px;
transition: all .5s;
}
.card-post:hover {
background: #f4f1eb;
}
.card-post .thumb {
height: 340px;
width: 100%;
overflow: hidden;
position: relative;
}
.card-post .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .5s;
}
.card-post:hover .thumb img {
transform: scale(1.05);
}
.card-post .thumb .icon {
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
border-radius: 100px;
background: var(--Grey-100, #FFF);
position: absolute;
right: 18px;
top: 18px;
z-index: 2;
}
.card-post .conteudo {
border-left: 1px solid var(--Primary, #004833);
padding: 5px 0 5px 30px;
margin-top: 30px;
}
.card-post h3 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 24px */
}
.card-post .subtitulo-post {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 24px */
opacity: 0.6;
margin-top: 6px;
}
footer {
padding: 65px 0 100px 0;
background: #FCFAF6;
position: relative;
z-index: 2;
}
footer .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 23px;
}
footer .info-topo .redes {
display: flex;
align-items: center;
gap: 30px;
}
footer .info-topo .redes a {
transition: all .5s;
display: block;
}
footer .info-topo .redes a:hover {
transform: scale(1.07);
}
footer .info-topo .contatos {
display: flex;
align-items: center;
gap: 30px;
}
footer .info-topo .contatos .item {
transition: all .5s;
display: block;
cursor: pointer;
}
footer .info-topo .contatos .item:hover {
transform: scale(1.07);
}
footer hr {
opacity: 0.06;
background: #004833;
border: 0;
width: 100%;
margin: 55px 0;
}
footer .conteudo {
display: flex;
justify-content: space-between;
gap: 30px;
}
footer .conteudo .linha {
opacity: 0.06;
background: #004833;
width: 1px;
}
footer .coluna {
width: fit-content;
}
footer .coluna h4 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 28px */
margin-bottom: 55px;
}
footer .coluna li a {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 100%; /* 24px */
opacity: 0.3;
transition: all .5s;
display: flex;
align-items: center;
margin-bottom: 20px;
}
footer .coluna li:last-child a {
margin-bottom: 0;
}
footer .coluna li a:hover {
opacity: 1;
}
footer .coluna li a svg {
opacity: 0;
transition: all .5s;
margin-left: 12px;
margin-top: 5px;
}
footer .coluna li a:hover svg {
opacity: 1;
}
footer .info-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
footer .info-bottom p {
color: var(--Primary, #004833);
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
footer .info-bottom .links {
display: flex;
align-items: center;
gap: 18px;
justify-content: center;
}
footer .info-bottom .links a {
border-radius: 100px;
background: rgba(243, 243, 243, 0.40);
padding: 7px 15px;
max-width: 180px;
width: 100%;
color: var(--Primary, #004833);
white-space: nowrap;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
transition: all .5s;
}
footer .info-bottom .links a:hover {
background: #004833;
color: #fff;
}
.barra-fixa {
position: fixed;
bottom: 0;
right: 0;
z-index: 4;
background: linear-gradient(-70deg, #FCFAF6 95.5%, #ffffff00 10%);
display: flex;
align-items: center;
gap: 12px;
height: 80px;
padding: 0 40px 0 70px;
}
.barra-fixa .icone-torresani {
display: flex;
width: 70px;
height: 70px;
justify-content: center;
border-radius: 116.37px;
background: var(--Primary, #004833);
align-items: center;
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
}
.barra-fixa .item {
border-radius: 116.37px;
padding: 10px 16px;
transition: all .5s;
display: flex;
align-items: center;
gap: 17px;
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */
cursor: pointer;
}
.barra-fixa .item:hover {
background: #004833;
color: #fff;
}
.barra-fixa .item:hover svg path {
fill: #fff;
}
.barra-fixa .item.tel:hover svg path {
stroke: #fff;
fill: none;
}
.barra-fixa .item.wpp {
color: var(--Primary, #004833);
background: var(--Secundary, #CDF07B);
padding: 11px 16px;
}
.barra-fixa .item.wpp:hover {
color: var(--Primary, #fff);
background: #004833;
}
.barra-fixa .item.wpp:hover svg path {
fill: #fff;
}
.barra-fixa .linha {
opacity: 0.06;
background: #004833;
height: 48px;
width: 1px;
}
.barra-fixa .icone-insta {
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
border-radius: 116.37px;
background: rgba(223, 221, 217, 0.20);
transition: all .5s;
cursor: pointer;
}
.barra-fixa .icone-insta:hover {
background: #004833;
}
.barra-fixa .icone-insta:hover path {
stroke: #fff;
}
.modal-contato {
padding: 0 !important;
max-width: 920px !important;
width: 100% !important;
overflow: visible !important;
}
.modal-contato .white {
background: var(--Grey-100, #FFF);
padding: 50px 60px;
position: relative;
}
.modal-contato .white::after {
content: '';
display: block;
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3E%3Cpath d='M22.4994 2.85134H1.20342L1.9609 0H23.2574L22.4993 2.85134H22.4994Z' fill='%23004833'/%3E%3Cpath d='M21.2981 7.38433H15.3118V19.3285H12.4609V4.53287H22.0477L21.2981 7.38374V7.38433Z' fill='%23004833'/%3E%3Cpath d='M10.79 4.53287V19.3289H7.93916V7.38433H0V7.38386L0.757484 4.53299H10.7899L10.79 4.53287Z' fill='%23004833'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
width: 23px;
height: 19px;
}
.modal-contato .icon {
display: flex;
width: 48.876px;
height: 48.876px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 116.37px;
background: var(--Primary, #004833);
}
.modal-contato h4 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 32px */
margin: 30px 0 50px 0;
}
.modal-contato h4 span {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 21px */
display: block;
margin-bottom: 5px;
opacity: 0.6;
}
.modal-contato .infos p {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 21px */
opacity: 0.6;
max-width: 175px;
}
.modal-contato .box {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
background: var(--Primary, #004833);
width: 550px;
height: 460px;
padding: 60px;
}
.modal-contato .formpadrao .conteudo {
display: block;
}
.modal-contato .formpadrao .select-custom select,
.modal-contato .formpadrao input {
padding: 18px 24px;
}
.modal-contato .formpadrao .select-custom select:disabled {
pointer-events: none
}
.modal-contato .formpadrao .botao {
border-radius: 100px;
background: rgba(223, 221, 217, 0.20);
color: var(--Grey-100, #FFF);
padding: 14px 18px;
border-color: transparent;
}
.modal-contato .formpadrao .botao:hover {
border-color: #fff;
}
.modal-contato .formpadrao .form-bottom {
margin-top: 25px;
}
.modal-contato button .fancybox-button svg {
border-radius: 100px;
border: 1px solid var(--Grey-200, #DFDDD9);
background: var(--Grey-100, #FFF);
}
.modal-contato#modal-tel .white {
padding: 120px 60px;
}
.modal-contato#modal-tel h4 {
margin-bottom: 0;
}
.modal-contato#modal-tel .box p {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 21px */
opacity: 0.6;
max-width: 193px;
}
.modal-contato#modal-tel .box a.numero {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 32px */
margin: 30px auto;
}
.modal-contato#modal-tel .box a.botao {
border-radius: 100px;
background: rgba(223, 221, 217, 0.20);
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 1px solid transparent;
transition: all .5s;
}
.modal-contato#modal-tel .box a.botao:hover {
border-color: #fff;
background: #004833;
}
.modal-contato#modal-tel .box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.resultados-pesquisa .topo-resultados {
background-image: url('../img/bg-grato.webp');
background-position: center;
background-size: cover;
height: 330px;
padding: 160px 0 0 0;
}
.resultados-pesquisa h1 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.resultados-pesquisa .search-empreendimentos {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 70px 0;
}
.resultados-pesquisa .paginacao {
display: none;
}
.single-empreendimento .topo-empreendimento {
min-height: 100vh;
height: 100%;
padding: 120px 0;
position: relative;
display: flex;
align-items: end;
justify-content: center;
overflow: hidden;
}
.single-empreendimento .topo-empreendimento .topo-slider {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100vh;
}
.single-empreendimento .topo-empreendimento .slide {
min-height: 100vh;
height: 100%;
width: 100%;
}
.single-empreendimento .topo-empreendimento .topo-slider .slide {
overflow: hidden;
}
.single-empreendimento .topo-empreendimento .topo-slider .slide img {
width: 100%;
min-height: 100vh;
height: 100%;
transform: scale(1.1);
transition: transform 6s ease;
object-fit: cover;
object-position: center;
}
/* Zoom só quando o slider estiver "ativo" */
.single-empreendimento .topo-empreendimento .topo-slider.is-zooming .slick-active img {
transform: scale(1.3);
}
.single-empreendimento .topo-empreendimento video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.single-empreendimento .topo-empreendimento::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
}
.single-empreendimento .topo-empreendimento .container {
position: relative;
z-index: 2;
}
.single-empreendimento .topo-empreendimento h1 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 70px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 72px */
margin-bottom: 23px;
text-align: center;
}
.single-empreendimento .topo-empreendimento .infos .tags {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 40px;
}
.single-empreendimento .topo-empreendimento .infos .tags .localizacao-topo {
color: var(--Grey-200, #DFDDD9);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
border-radius: 2px;
background: rgba(0, 72, 51, 0.30);
backdrop-filter: blur(8.25px);
padding: 8px 18px;
}
.single-empreendimento .topo-empreendimento .infos .tags .estagio-topo {
color: var(--Grey-200, #DFDDD9);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
border-radius: 2px;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(8.25px);
padding: 8px 18px;
}
.single-empreendimento .topo-empreendimento .infos .chamada {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 32px */
margin: 0 auto 50px auto;
max-width: 770px;
}
.single-empreendimento .topo-empreendimento .bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
}
.single-empreendimento .topo-empreendimento .bottom .item {
display: flex;
align-items: center;
gap: 18px;
}
.single-empreendimento .topo-empreendimento .bottom .item path {
stroke: #fff;
}
.single-empreendimento .topo-empreendimento .bottom .item .texto-suites {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
}
.single-empreendimento .diferenciais {
padding: 120px 0;
background: #FFF;
position: relative;
}
.single-empreendimento .diferenciais .subtitulo {
text-align: start;
margin-bottom: 25px;
}
.single-empreendimento .diferenciais h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
margin: 0 0 50px 0;
max-width: 427px;
}
.single-empreendimento .diferenciais .texto {
max-width: 427px;
}
.single-empreendimento .diferenciais .texto p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
opacity: 0.5;
}
.single-empreendimento .diferenciais .info {
position: relative;
z-index: 2;
}
.single-empreendimento .diferenciais .info .item-diferencial {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
align-items: center;
gap: 18px;
padding: 18px;
margin: 0 5px;
transition: all .5s;
opacity: 0;
pointer-events: none;
}
.single-empreendimento .diferenciais .info .item-diferencial .icone {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.single-empreendimento .diferenciais .info .item-diferencial .icone svg {
max-width: 100%;
max-width: 100%;
}
.single-empreendimento .diferenciais .info .item-diferencial p {
opacity: .75;
}
.single-empreendimento .diferenciais .info .slide-diferenciais {
margin: 55px 0;
}
.single-empreendimento .diferenciais .info .item-diferencial.slick-active {
background: #FCFAF6;
opacity: 1;
pointer-events: all;
}
.single-empreendimento .diferenciais .box-img {
position: absolute;
right: 0;
top: 0;
width: 60%;
height: 100%;
}
.single-empreendimento .diferenciais .box-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.single-empreendimento .diferenciais .box-img::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(75deg, #ffffff 240px, transparent 0%);
}
.single-empreendimento .diferenciais .nav-diferenciais {
display: flex;
gap: 8px;
}
.videos {
background: #FCFAF6;
padding: 100px 0;
overflow: hidden;
}
.videos .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 65px;
}
.videos .info-topo .nav-videos {
display: flex;
gap: 8px;
}
.videos .bottom.nav-videos {
display: none;
}
.videos .nav-videos .icon-nav {
background: #fff;
}
.videos .nav-videos .icon-nav:hover {
background: #004833;
}
.videos .slide-videos .slick-list {
overflow: visible;
}
.videos .slide-videos .item-video {
height: 600px;
position: relative;
background-position: center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.videos .slide-videos .item-video::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
transition: all .5s;
}
.videos .slide-videos .item-video:hover::before {
opacity: 0
}
.videos .slide-videos a {
padding: 0 10px;
}
.videos .slide-videos button {
background: var(--Grey-100, #FFF);
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
border: 1px solid transparent;
border-radius: 0;
line-height: normal;
padding: 15px 30px;
display: flex;
align-items: center;
gap: 15px;
cursor: pointer;
white-space: nowrap;
position: relative;
z-index: 2;
transition: all .5s
}
.videos .slide-videos:hover button {
border-color: #004833;
color: #fff;
background: #004833;
}
.videos .slide-videos:hover button path {
stroke: #fff;
}
.single-empreendimento .plantas {
padding: 100px 0;
overflow: hidden;
background: linear-gradient(0deg, #FCFAF6 0%, #FCFAF6 100%), #FFF;
position: relative;
}
.single-empreendimento .plantas .container {
position: relative;
z-index: 2;
}
.single-empreendimento .plantas .vetor-plantas {
position: absolute;
left: 80px;
top: 0;
pointer-events: none;
}
.single-empreendimento .plantas .info-topo {
display: flex;
align-items: center;
gap: 30px;
justify-content: center;
margin: 55px auto;
}
.single-empreendimento .plantas .info-topo .linha {
opacity: 0.1;
background: #004833;
width: 1px;
height: 15px;
}
.single-empreendimento .plantas .info-topo span {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 22px */
transition: all .5s;
opacity: 0.2;
cursor: pointer;
}
.single-empreendimento .plantas .info-topo span:hover,
.single-empreendimento .plantas .info-topo span.active {
opacity: 1;
}
.single-empreendimento .plantas .bloco-slide .item-for img {
max-width: 765px;
margin: 0 auto;
max-height: 485px;
width: 100%;
object-fit: contain;
}
.single-empreendimento .plantas .bloco-slide .item-nav {
padding: 0 8px;
}
.single-empreendimento .plantas .bloco-slide .item-nav .thumb-item {
border-radius: 8px;
padding: 32px;
text-align: center;
transition: all .5s;
transform: scale(.9);
border: 1px solid transparent;
}
.single-empreendimento .plantas .bloco-slide .item-nav.slick-active .thumb-item {
border-color: rgba(223, 221, 217, 0.30);
}
.single-empreendimento .plantas .bloco-slide .item-nav.slick-center .thumb-item {
background: var(--Grey-100, #FFF);
transform: scale(1);
border-color: transparent;
}
.single-empreendimento .plantas .bloco-slide .item-nav.slick-active:hover .thumb-item {
border-color: rgba(223, 221, 217, 0.508);
}
.single-empreendimento .plantas .bloco-slide .item-nav.slick-center:hover .thumb-item {
border-color: transparent;
}
.single-empreendimento .plantas .bloco-slide .item-nav h4 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
}
.single-empreendimento .plantas .bloco-slide .item-nav img {
max-width: 157px;
max-height: 100px;
object-fit: contain;
margin: 30px auto;
width: 100%;
}
.single-empreendimento .plantas .bloco-slide .item-nav a {
pointer-events: none;
}
.single-empreendimento .plantas .bloco-slide .item-nav.slick-center a {
pointer-events: all;
}
.single-empreendimento .plantas .bloco-slide .item-nav p {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
background: var(--Primary, #004833);
padding: 7px 15px;
width: fit-content;
margin: 0 auto;
}
.single-empreendimento .plantas .bloco-slide .slider-nav {
margin-top: 40px;
}
.single-empreendimento .plantas button.slick-arrow {
border-radius: 100px;
background: #ffffff;
padding: 0;
width: 40px;
height: 40px;
}
.single-empreendimento .plantas .slick-prev:before {
content: "";
display: inline-block;
width: 6px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M4.75 8.75L0.75 4.75L4.75 0.75' stroke='%23004833' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.single-empreendimento .plantas .slick-prev {
left: 0;
}
.single-empreendimento .plantas .slick-next:before {
content: "";
display: inline-block;
width: 6px;
height: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M0.75 8.75L4.75 4.75L0.75 0.75' stroke='%23004833' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.single-empreendimento .plantas .slick-next {
right: 0;
}
.single-empreendimento .tour {
}
.single-empreendimento .tour .item-tour {
min-height: 75vh;
height: 100%;
padding: 80px 20px;
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s;
position: relative;
}
.single-empreendimento .tour .item-tour button {
background: var(--Grey-100, #FFF);
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
border: 1px solid transparent;
border-radius: 0;
line-height: normal;
padding: 15px 30px;
display: flex;
align-items: center;
gap: 15px;
cursor: pointer;
white-space: nowrap;
position: relative;
z-index: 2;
transition: all .5s;
}
.single-empreendimento .tour .item-tour::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
transition: all .5s;
}
.single-empreendimento .tour .item-tour:hover::before {
opacity: 0;
}
.single-empreendimento .tour .item-tour:hover button {
border-color: #004833;
color: #fff;
background: #004833;
}
.single-empreendimento .tour .item-tour:hover button path {
stroke: #fff;
}
.single-empreendimento .ficha {
padding: 100px 0;
background: #FCFAF6;
position: relative;
overflow: hidden;
}
.single-empreendimento .ficha .container {
position: relative;
z-index: 2;
}
.single-empreendimento .ficha .vetor-ficha {
position: absolute;
left: 80px;
top: 50%;
pointer-events: none;
transform: translateY(-0%);
display: none;
}
.single-empreendimento .ficha .subtitulo {
text-align: start;
}
.single-empreendimento .ficha .ficha-select {
display: none;
}
.single-empreendimento .ficha .filtros {
display: flex;
align-items: center;
gap: 28px;
margin: 50px 0;
}
.single-empreendimento .ficha .filtros .linha {
opacity: 0.1;
background: #004833;
width: 1px;
height: 15px;
}
.single-empreendimento .ficha .filtros .tab {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 22px */
cursor: pointer;
transition: all .5s;
opacity: 0.2;
text-decoration: none;
}
.single-empreendimento .ficha .filtros .tab:hover,
.single-empreendimento .ficha .filtros .tab.active {
opacity: 1;
}
.single-empreendimento .ficha .filtros .tab.active {
font-weight: 400;
color: #004833;
}
.single-empreendimento .ficha .aba-content { display: none; }
.single-empreendimento .ficha .aba-content.active { display: block; }
.single-empreendimento .ficha .lista-ficha {
list-style: none;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
.single-empreendimento .ficha .lista-ficha li {
display: flex;
gap: 20px;
height: auto;
align-items: center;
}
.single-empreendimento .ficha .lista-ficha .texto {
width: calc(100% - 44px);
}
.single-empreendimento .ficha .lista-ficha .icon {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.single-empreendimento .ficha .lista-ficha img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.single-empreendimento .ficha .lista-ficha span {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.8;
}
.single-empreendimento .ficha .lista-ficha p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.6;
margin-top: 3px;
display: block;
}
.single-empreendimento .ficha .conteudo-abas {
padding: 60px;
border: 1px solid rgba(223, 221, 217, 0.40);
background: var(--Grey-100, #FFF);
}
.single-empreendimento .obras {
padding: 100px 0;
}
.single-empreendimento .obras .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-bottom: 60px;
}
.single-empreendimento .obras .info-topo .subtitulo {
text-align: start;
}
/* ----------- SELECT CUSTOM ----------- */
.select-custom {
position: relative;
max-width: 315px;
width: 100%;
}
.select-custom select {
width: 100%;
padding: 14px 24px;
border-radius: 100px;
background: rgba(223, 221, 217, 0.20);
color: var(--Primary, #004833c4);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
appearance: none; /* remove seta padrão */
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
border: none;
}
/* Container da seta */
.select-custom::after {
content: "";
position: absolute;
right: 16px;
top: 50%;
width: 16px;
height: 16px;
pointer-events: none;
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
/* AQUI ESTÁ O SVG COMO BACKGROUND */
background-image: url("data:image/svg+xml;utf8,");
}
/* Focus */
.select-custom select:focus {
outline: none;
border-color: #00A06A;
box-shadow: 0 0 0 2px rgba(0, 128, 96, 0.25);
}
.single-empreendimento .obras .estagios {
margin-bottom: 60px;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 30px;
}
.single-empreendimento .obras .estagio-item {
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
gap: 18px;
}
.single-empreendimento .obras .estagio-item .circle-wrapper {
width: 168px;
height: 168px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.single-empreendimento .obras .estagio-item p {
color: var(--Primary, #004833);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.single-empreendimento .obras .progress-svg {
width: 100%;
height: 100%;
transform: rotate(0deg);
}
.single-empreendimento .obras .progress-svg .bg {
fill: none;
stroke: #DFDDD9;
stroke-width: 1;
}
.single-empreendimento .obras .progress-svg .progress {
fill: none;
stroke-width: 1;
stroke-linecap: round;
transition: stroke-dasharray .6s ease;
}
.single-empreendimento .obras .circle-wrapper {
position: relative;
}
.single-empreendimento .obras .percent {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.76px;
text-transform: uppercase;
}
/* Cor diferente para 100% */
.single-empreendimento .obras .progress.full {
stroke: #CDF07B !important;
}
/* slides */
.single-empreendimento .obras .slide-item img {
max-width: 100%;
border-radius: 0px;
}
.single-empreendimento .obras .carrossel {
position: relative;
padding: 0 50px;
}
.single-empreendimento .obras .carrossel .nav-obras {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.single-empreendimento .obras .carrossel .nav-obras.left {
left: 0;
}
.single-empreendimento .obras .carrossel .nav-obras.right {
right: 0;
}
.single-empreendimento .obras .carrossel .slide-item {
padding: 0 8px;
}
.single-empreendimento .obras .carrossel .slide-item a {
display: flex;
position: relative;
height: 300px;
padding: 18px;
overflow: hidden;
align-items: end;
}
.single-empreendimento .obras .carrossel .slide-item a img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .5s;
}
.single-empreendimento .obras .carrossel .slide-item a::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 53.65%, rgba(0, 0, 0, 0.50) 100%);
z-index: 2;
opacity: 0;
transition: all .5s;
}
.single-empreendimento .obras .carrossel .slide-item a:hover::before {
opacity: 1;
}
.single-empreendimento .obras .carrossel .slide-item a p {
color: var(--Grey-100, #ffffffd0);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18.5px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
transition: all .5s;
opacity: 0;
z-index: 4;
}
.single-empreendimento .obras .carrossel .slide-item a:hover p {
opacity: 1;
}
.single-empreendimento .localizacao {
position: relative;
padding: 100px 0;
height: auto;
}
.single-empreendimento .localizacao iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.single-empreendimento .localizacao .box {
background: var(--Grey-100, #FFF);
padding: 60px;
position: relative;
z-index: 3;
max-width: 554px;
width: 100%;
}
.single-empreendimento .localizacao .box .subtitulo {
text-align: start;
margin: 0 0 45px 0;
}
.single-empreendimento .localizacao .box .texto {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
opacity: 0.6;
margin: 0 0 45px 0;
}
.single-empreendimento .localizacao .box .endereco-superior {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 32px */
}
.single-empreendimento .localizacao .box .endereco-inferior {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */
opacity: 0.6;
margin-top: 15px;
}
.single-empreendimento .localizacao .box .botoes {
display: flex;
align-items: center;
gap: 8px;
margin-top: 40px;
}
.single-empreendimento .localizacao .box .botoes a{
color: var(--Primary, #004833);
transition: all .5s;
gap: 16px;
display: flex;
align-items: center;
}
.single-empreendimento .localizacao .box .botoes a:hover {
color: #fff;
background: #004833;
}
.single-empreendimento .localizacao .box .botoes path {
transition: all .5s;
}
.single-empreendimento .localizacao .box .botoes a:hover path {
fill: #fff;
}
.single-empreendimento .contato {
background: var(--Primary, #004833);
padding: 150px 0;
}
.single-empreendimento .contato h2 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
}
.single-empreendimento .contato .info-topo {
display: flex;
align-items: end;
justify-content: space-between;
gap: 20px;
margin: 27px 0 40px 0;
}
.single-empreendimento .contato .info-topo p {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
opacity: 0.6;
}
.single-empreendimento .contato .info-topo .icons {
display: flex;
align-items: center;
gap: 8px;
}
.single-empreendimento .contato .info-topo .icons a {
display: flex;
width: 48px;
height: 48px;
padding: 10px;
justify-content: center;
align-items: center;
border-radius: 100px;
background: var(--Grey-100, #FFF);
border: 1px solid #FFF;
transition: all .5s;
}
.single-empreendimento .contato .info-topo .icons a:hover {
background: transparent;
}
.single-empreendimento .contato .info-topo .icons a:hover path {
fill: #fff;
}
.formpadrao *:focus {
border: none;
outline: none;
}
.formpadrao {
}
.formpadrao .select-custom {
max-width: 100%;
width: 100%;
}
.formpadrao .select-custom select {
border-radius: 8px;
width: 100%;
background: #FFF;
border: none;
padding: 22px 26px;
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 12px;
}
.formpadrao .select-custom::after {
top: 45%;
width: 9px;
}
.formpadrao .conteudo {
display: flex;
}
.formpadrao .left,
.formpadrao .right {
padding: 0 7px;
width: 50%;
}
.formpadrao input,
.formpadrao textarea {
border-radius: 8px;
width: 100%;
background: #FFF;
border: none;
padding: 22px 26px;
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 12px;
}
.formpadrao textarea {
height: 213px;
}
.formpadrao input::placeholder,
.formpadrao select::placeholder,
.formpadrao textarea::placeholder {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.5;
}
.formpadrao .form-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 35px;
}
.formpadrao .form-bottom .politica label {
display: flex;
align-items: center;
gap: 14px;
}
.formpadrao .form-bottom .politica input {
width: 24px;
margin: 0;
height: 24px;
}
.formpadrao .form-bottom .politica span {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 21px */
opacity: 0.6;
}
.formpadrao .form-bottom .politica span a {
color: inherit;
text-decoration: underline;
display: block;
}
.formpadrao .botao {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 1px solid #fff;
border-radius: 100px;
background: var(--Grey-100, #FFF);
width: fit-content;
margin: 0;
padding: 14px 18px;
}
.formpadrao .botao:hover {
background: #004833;
color: #fff;
}
#modal-politica {
max-width: 750px;
height: 80vh;
padding: 45px 30px;
background: #fff;
}
#modal-politica h2.title {
color: var(--Primary, #004833);
text-align: start;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 35px !important;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 22px */
margin: 0 0 50px 0 !important;
}
#modal-politica .conteudo h2 {
color: var(--Primary, #004833);
text-align: start;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 22px;
font-style: normal;
margin-top: 30px;
font-weight: 400;
margin-bottom: 10px;
line-height: 100%; /* 22px */
}
#modal-politica .conteudo {
padding-right: 25px;
overflow: auto;
height: 100%;
}
#modal-politica .conteudo ul {
padding-left: 23px;
list-style: disc;
}
#modal-politica .conteudo b,
#modal-politica .conteudo strong {
font-weight: 500;
}
#modal-politica .conteudo a {
color: var(--Primary, #004833);
font-weight: 500;
text-decoration: underline;
}
#modal-politica .conteudo p,
#modal-politica .conteudo li {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 27px */
opacity: 0.6;
margin-bottom: 15px;
}
#modal-politica .conteudo::-webkit-scrollbar {
width: 8px; /* largura da barra vertical */
height: 8px; /* altura da barra horizontal */
background: transparent; /* fundo da scrollbar */
}
#modal-politica .conteudo::-webkit-scrollbar-thumb {
background-color: #004833; /* cor da barrinha */
border-radius: 10px; /* borda arredondada */
border: 2px solid transparent; /* dá espaçamento interno */
}
#modal-politica .conteudo::-webkit-scrollbar-track {
background: transparent; /* fundo da trilha */
}
.relacionados {
background: var(--Grey-100, #FFF);
padding: 130px 0;
}
.relacionados .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 45px;
}
.relacionados .nav-relacionados {
display: flex;
align-items: center;
gap: 8px;
}
.relacionados .card-imovel-externo {
padding: 0 8px;
}
.relacionados .card-imovel {
height: 510px;
}
.page-template-template-centraldevendas-php header {
background: #004833;
}
.centralvendas {
padding: 150px 0 100px 0;
}
.centralvendas h1 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
}
.centralvendas .itens {
margin-top: 55px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 55px
}
.centralvendas .itens .item {
height: 234px;
border: 1px solid rgba(0, 72, 51, 0.06);
padding: 28px 20px 20px 20px;
text-align: center;
}
.centralvendas .item .icone {
display: flex;
width: 48.876px;
height: 48.876px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 116.37px;
background: var(--Primary, #004833);
margin: 0 auto;
}
.centralvendas .item h4 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 32px */
margin: 12px auto 0 auto;
}
.centralvendas .item h4 span {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 21px */
opacity: 0.6;
display: block;
}
.centralvendas .item .numero {
transition: all .5s;
color: #004833;
text-align: center;
font-family: "Tomato Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */
margin-top: 30px;
display: block;
}
.centralvendas .item .numero:hover {
transform: scale(1.05);
}
.centralvendas .item .botao {
border-radius: 100px;
background: var(--Primary, #004833);
display: flex;
align-items: center;
gap: 14px;
transition: all .5s;
border: 1px solid #004833;
margin: 20px auto 0 auto;
}
.centralvendas .item .botao:hover {
border-color: #004833;
color: #004833;
background: transparent;
}
.centralvendas .item .botao:hover path {
stroke: #004833;
}
.centralvendas .item .botao svg {
position: relative;
bottom: -2px;
}
.centralvendas .boxes {
display: flex;
gap: 55px;
justify-content: center;
margin-top: 55px;
}
.centralvendas .box {
width: calc(50% - 27.5px);
color: #fff;
}
.centralvendas .box.litoral {
color: #004833;
}
.centralvendas .box.litoral .infos {
background: #CDF07B;
}
.centralvendas .box iframe {
height: 267px;
width: 100%;
}
.centralvendas .box .infos {
padding: 22px 34px 32px 34px;
background: #004833;
position: relative;
top: -2px;
}
.centralvendas .box h3 {
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 28px */
}
.centralvendas .box .endereco {
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
margin: 22px 0 22px 0;
line-height: 130%; /* 18.2px */
}
.centralvendas .box .numero {
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
color: inherit;
transition: all .5s;
display: block;
}
.centralvendas .box .numero:hover {
transform: translateX(5px);
}
.centralvendas .box .bottom {
display: flex;
align-items: center;
gap: 8px;
margin-top: 15PX;
}
.centralvendas .box .bottom span {
margin-right: 10px;
text-align: right;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
opacity: 0.4;
}
.centralvendas .box .bottom .botao {
background: #FCFAF6;
display: flex;
color: var(--Primary, #004833) !important;
align-items: center;
gap: 10px;
}
.centralvendas .box .bottom .botao:hover {
opacity: 0.7;
}
.topo-empreendimentos .nav-topo-empreendimentos {
position: absolute;
right: 0px;
top: -140px;
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
}
.topo-empreendimentos .container {
position: relative;
z-index: 3;
display: flex;
align-items: end;
}
.topo-empreendimentos .item-imovel {
min-height: 100vh;
padding: 200px 0 45px 0;
position: relative;
display: flex;
align-items: end;
background-position: center center;
background-size: cover;
}
.topo-empreendimentos .item-imovel::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: radial-gradient(120.65% 120.65% at 29.9% 106.35%, rgba(0, 0, 0, 0.00) 70.82%, rgba(0, 0, 0, 0.60) 100%), radial-gradient(96.95% 96.95% at 50% 8.68%, rgba(0, 0, 0, 0.00) 59.6%, rgba(0, 0, 0, 0.60) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%);
z-index: 2;
}
.topo-empreendimentos .item-imovel .thumb {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.topo-empreendimentos .item-imovel .thumb img {
width: 100%;
object-fit: cover;
object-position: center;
height: 100%;
}
.topo-empreendimentos h1 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 72px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 72px */
}
.topo-empreendimentos .item-imovel .left {
width: 50%;
}
.topo-empreendimentos .item-imovel .tags {
display: flex;
align-items: center;
gap: 8px;
margin: 25px 0;
}
.topo-empreendimentos .item-imovel span {
color: var(--Grey-200, #DFDDD9);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
border-radius: 2px;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(8.25px);
padding: 8px 18px;
}
.topo-empreendimentos .item-imovel span.localizacao {
background: rgba(205, 240, 123, 0.31);
}
.topo-empreendimentos .item-imovel .info-bottom {
display: flex;
align-items: center;
gap: 22px;
}
.topo-empreendimentos .item-imovel .info-bottom div {
display: flex;
align-items: center;
gap: 15px;
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.52px;
text-transform: uppercase;
}
.topo-empreendimentos .item-imovel .right {
width: 50%;
padding-left: 30px;
padding-bottom: 55px;
}
.topo-empreendimentos .right h2 {
color: var(--Grey-100, #FFF);
text-align: right;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 42px */
max-width: 400px;
margin-bottom: 32px;
margin-left: auto;
}
.topo-empreendimentos .botao {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
background: #fff;
display: flex;
align-items: center;
gap: 10px;
margin: 0px 85px 0px auto;
padding: 11.2px 17px;
}
.topo-empreendimentos .botao:hover {
background: #004833;
color: #fff;
}
.topo-empreendimentos .botao:hover path {
stroke: #fff;
}
.destaques-empreendimentos {
padding: 130px 0;
background: var(--Grey-200, #DFDDD9);
overflow: hidden;
}
.destaques-empreendimentos .slides {
margin: 90px 0 0 0;
display: flex;
gap: 50px;
}
.destaques-empreendimentos .slides .conteudo {
width: calc(50% - 50.5px);
position: relative;
}
.slide-blumenau,
.slide-litoral {
position: relative;
}
/*
.destaques-empreendimentos .slide-blumenau::before {
content: '';
display: block;
position: absolute;
right: -50%;
width: 50%;
background: var(--Grey-200, #DFDDD9);
height: 105%;
top: 50%;
z-index: 2;
transform: translateY(-50%);
}
.destaques-empreendimentos .slide-litoral::before {
content: '';
display: block;
position: absolute;
left: -50%;
width: 50%;
background: var(--Grey-200, #DFDDD9);
height: 105%;
top: 50%;
z-index: 2;
transform: translateY(-50%);
} */
.destaques-empreendimentos .slides .info-topo {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 45px;
justify-content: space-between;
}
/* .destaques-empreendimentos .slides .slick-list {
overflow: visible;
} */
/* .slide-litoral .slick-list {
overflow: visible;
} */
/* .slide-litoral .card-imovel-externo {
opacity: 0;
}
.slide-litoral .card-imovel-externo[tabindex="0"] {
opacity: 1;
} */
.destaques-empreendimentos .slides .card-imovel-externo {
padding: 0 6px;
}
.destaques-empreendimentos .slides .info-topo h2 {
color: var(--Primary, #004833);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
}
.destaques-empreendimentos .slides .info-topo .navs {
display: flex;
align-items: center;
gap: 8px;
}
.destaques-empreendimentos .slides .linha {
opacity: 0.06;
background: #004833;
width: 1px;
}
.lista-empreendimentos {
padding: 130px 0;
background: #fff;
}
.lista-empreendimentos .info-topo {
display: flex;
align-items: center;
justify-content: end;
gap: 18px;
margin: 50px auto;
}
.lista-empreendimentos .select-filtro input[type="text"] {
font-family: "Tomato Grotesk", sans-serif;
}
.lista-empreendimentos .select-filtro .search-filter-field__input {
border-radius: 100px;
background: rgba(223, 221, 217, 0.20);
border: none;
cursor: pointer;
padding: 5px 14px 5px 24px;
}
.search-filter-component-popup li {
font-family: "Tomato Grotesk", sans-serif;
color: var(--search-filter-input-color);
transition: all .5s;
cursor: pointer;
}
.search-filter-component-combobox-base__listbox-option--selected {
background-color: #004833 !important;
color: #fff !important;
}
.search-filter-component-popup li:hover {
background-color: #004833 !important;
color: #fff !important;
}
.lista-empreendimentos .select-filtro .search-filter-field__input span {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
opacity: .4;
}
.lista-empreendimentos .select-filtro .search-filter-field__input .search-filter-component-combobox__selection span {
opacity: .7;
}
.lista-empreendimentos .grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(3, 1fr);
}
.lista-empreendimentos .card-imovel {
height: 510px;
}
.topo-sobre {
min-height: 100vh;
height: 100%;
padding: 200px 0;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.topo-sobre::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
z-index: 2;
}
.topo-sobre video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.topo-sobre .container {
position: relative;
z-index: 3;
}
.topo-sobre h3 {
color: var(--Grey-100, #FFF);
}
.topo-sobre h1 {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 72px */
max-width: 600px;
margin: 35px auto;
}
.topo-sobre h1 br {
display: none;
}
.topo-sobre .icon {
display: flex;
width: 40px;
height: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 100px;
background: #FCFAF6;
margin: 0 auto;
transition: all .5s;
}
.topo-sobre .icon:hover {
background: #004833;
}
.topo-sobre .icon:hover path {
stroke: #fff;
}
.conteudo-sobre {
padding: 130px 0;
}
#historiaetrajetoria {
scroll-margin-top: -20px;
}
.conteudo-sobre .container {
display: flex;
justify-content: space-between;
gap: 17px;
}
.conteudo-sobre .infos {
width: calc(50% - 35px);
position: sticky;
top: 85px;
height: max-content;
}
.conteudo-sobre .infos .subtitulo {
text-align: start;
}
.conteudo-sobre .infos h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
margin: 35px 0;
}
.conteudo-sobre .infos .texto {
max-width: 396px;
}
.conteudo-sobre .infos .texto p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 27px */
opacity: 0.6;
margin-bottom: 17px;
}
.conteudo-sobre .infos .texto p:last-child {
margin-bottom: 0;
}
.conteudo-sobre .linha {
background: linear-gradient(45deg, transparent, #DFDDD9, transparent);
width: 1px;
}
.conteudo-sobre .boxes-sobre {
width: calc(50% - 35px);
}
.conteudo-sobre .boxes-sobre .item {
width: 100%;
border-radius: 4px;
background: #ffff;
height: 722px;
border: 1px solid var(--Grey-200, #DFDDD9);
padding: 32px;
margin-bottom: 30px;
position: sticky;
top: 85px;
}
.conteudo-sobre .boxes-sobre .item::before {
content: '';
display: block;
width: 8px;
height: 8px;
background: #004833;
position: absolute;
left: -40px;
top: 50%;
transform: translateY(-50%);
border-radius: 30px;
}
.conteudo-sobre .boxes-sobre .item .box-img {
height: 400px;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
.conteudo-sobre .boxes-sobre .item .box-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.conteudo-sobre .boxes-sobre .item .conteudo {
margin-top: 25px;
padding: 0 18px;
}
.conteudo-sobre .boxes-sobre .item .conteudo .nome {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 37px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 40px */
margin-bottom: 20px;
}
.conteudo-sobre .boxes-sobre .item .conteudo .subtitulo-card {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 130%;
max-width: 290px;
margin-bottom: 20px;
}
.conteudo-sobre .boxes-sobre .item .descricao {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
max-width: 412px;
opacity: 0.6;
}
.linhadotempo {
padding: 100px 0;
overflow: hidden;
}
.linhadotempo .slide-linha {
margin: 60px 0;
}
.linhadotempo .linha {
background: linear-gradient(90deg, transparent 1%, #DFDDD9 10%);
height: 1px;
width: 300%;
}
.linhadotempo .slide-linha .slick-list {
overflow: visible;
}
.linhadotempo .item {
padding: 0 15px;
position: relative;
}
.linhadotempo .item::before {
content: '';
display: block;
width: 8px;
height: 8px;
background: #004833;
position: absolute;
left: 50%;
bottom: -64px;
transform: translateX(-50%);
border-radius: 30px;
}
.linhadotempo .item .conteudo {
display: flex;
align-items: center;
gap: 30px;
height: 170px;
}
.linhadotempo .item .box-img {
width: 100px;
height: 160px;
overflow: hidden;
border-radius: 4px;
}
.linhadotempo .item .box-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.linhadotempo .item .infos {
max-width: 360px;
}
.linhadotempo .item .ano {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 40px */
}
.linhadotempo .item .descricao {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 24px */
margin-top: 20px;
opacity: 0.6;
}
.videos-sobre {
background: #fff;
position: relative;
}
.videos-sobre .vetor-videos {
position: absolute;
left: -10px;
top: 50%;
pointer-events: none;
transform: translateY(-40%);
display: none;
}
.videos-sobre .nav-videos .icon-nav {
background: rgba(223, 221, 217, 0.20);
}
.diferenciais-sobre {
padding: 150px 0 0 0;
}
.diferenciais-sobre h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
text-align: center;
margin: 45px auto 20px auto;
}
.diferenciais-sobre p.descricao {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 30px */
opacity: 0.6;
}
.diferenciais-sobre .slide-diferenciais-sobre {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
margin-top: 150px;
margin-bottom: -130px;
position: relative;
z-index: 3;
}
.diferenciais-sobre .item {
}
.diferenciais-sobre .item .icon {
display: flex;
width: 100px;
height: 100px;
justify-content: center;
align-items: center;
border-radius: 1000px;
background: var(--Grey-200, #DFDDD9);
margin: 0 auto;
}
.diferenciais-sobre .item span {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 26px */
margin: 30px auto 0 auto;
display: block;
}
.experiencia-torresani {
background: var(--Primary, #004833);
padding: 300px 0 160px 0;
overflow: hidden;
position: relative;
}
.experiencia-torresani .container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.experiencia-torresani .filtro {
max-width: 300px;
}
.experiencia-torresani .right h2 {
display: none;
}
.experiencia-torresani .filtro .linha {
background: #DFDDD9;
width: 50px;
height: 1px;
margin: 50px 0;
}
.experiencia-torresani .right {
width: 100%;
max-width: 740px;
}
.experiencia-torresani .slide-experiencia .slick-list {
overflow: visible;
}
.experiencia-torresani .slide-experiencia a {
height: 500px;
position: relative;
display: flex;
padding: 30px;
align-items: end;
margin: 0 15px;
pointer-events: none;
}
.experiencia-torresani .slide-experiencia a.slick-active {
pointer-events: all;
}
.experiencia-torresani .slide-experiencia a .thumb {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.experiencia-torresani .slide-experiencia a::before {
content: '';
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
z-index: 3;
}
.experiencia-torresani .slide-experiencia p {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 20px;
font-style: normal;
text-align: start;
font-weight: 400;
line-height: 100%;
max-width: 308px;
position: relative;
z-index: 3;
}
.experiencia-torresani #selos p {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%;
text-align: center;
white-space: nowrap;
position: absolute;
bottom: 0;
left: 50%;
bottom: 18px;
z-index: 3;
transform: translateX(-50%);
}
.experiencia-torresani .filtro {
position: relative;
z-index: 3;
}
.experiencia-torresani .filtro span {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 32px */
opacity: 0.6;
transition: all .5s;
cursor: pointer;
}
.experiencia-torresani .filtro span.active {
opacity: 1;
font-size: 50px;
}
.experiencia-torresani #selos .itens {
display: flex;
gap: 18px;
position: relative;
z-index: 4;
}
.experiencia-torresani #selos .itens a {
height: 500px;
width: 33.33%;
display: block;
position: relative;
}
.experiencia-torresani #selos .itens a::before {
content: '';
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
z-index: 3;
}
.experiencia-torresani #selos .itens a .icon {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: 115px;
height: 160px;
background: #fff;
display: flex;
align-items: end;
justify-content: center;
padding: 18px;
z-index: 4;
}
.experiencia-torresani #selos .itens a .thumb {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.experiencia-torresani #selos .itens a p {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */
text-align: center;
white-space: nowrap;
}
.experiencia-torresani .tab-content {
display: none;
}
.experiencia-torresani .slide-experiencia::before {
content: '';
display: block;
width: 400%;
position: absolute;
left: -400%;
height: 110%;
top: 50%;
transform: translateY(-50%);
background: #004833;
z-index: 2;
pointer-events: none;
}
.experiencia-torresani .tab-content.active {
display: block;
}
.experiencia-torresani .tab-content {
position: relative;
}
.experiencia-torresani .vetor-experiencia {
position: absolute;
left: 68%;
bottom: -170px;
}
.experiencia-torresani .nav-experiencia {
display: flex;
align-items: center;
position: absolute;
gap: 8px;
right: 20px;
z-index: 3;
bottom: 27px;
}
.numeros-sobre {
background: var(--Grey-200, #DFDDD9);
padding: 120px 0;
}
.numeros-sobre .itens {
display: grid;
grid-template-columns: repeat(4, 1fr);
max-width: 1000px;
margin: 0 auto;
gap: 18px;
}
.numeros-sobre .itens .linha {
display: none;
}
.numeros-sobre .item p {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 42px */
text-align: center;
white-space: nowrap;
}
.numeros-sobre .item span {
color: var(--Primary, #004833);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */
max-width: 160px;
display: block;
margin: 16px auto 0 auto;
}
.parcerias {
padding: 130px 0;
display: none;
}
.parcerias img {
width: 100%;
height: auto;
pointer-events: none;
margin: 50px auto 0 auto;
}
.topo-post {
position: relative;
}
.topo-post .vetor-topo {
position: absolute;
left: 0;
bottom: -1px;
z-index: 2;
pointer-events: none;
}
.topo-post a.item {
min-height: 100vh;
padding: 200px 0 100px 0;
width: 100%;
display: flex;
align-items: end;
background-position: center;
width: 100%;
background-size: cover;
background-attachment: fixed;
height: 100vh;
}
.topo-post a.item::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(120.65% 120.65% at 29.9% 106.35%, rgba(0, 0, 0, 0.00) 70.82%, rgb(0 0 0 / 31%) 100%), radial-gradient(143.23% 99.97% at 52.84% 0%, rgba(0, 0, 0, 0.00) 59.6%, rgba(0, 0, 0, 0.60) 100%), linear-gradient(251deg, rgb(0 0 0 / 29%) 0%, rgb(0 0 0 / 22%) 100%);
z-index: 2;
}
.topo-post a.item .container {
display: flex;
align-items: end;
gap: 20px;
justify-content: space-between;
position: relative;
z-index: 3;
}
.topo-post a.item .left {
width: fit-content;
}
.topo-post a.item .subtitulo {
color: var(--Grey-100, #FFF);
text-align: start;
}
.topo-post a.item .data {
color: var(--Grey-200, #DFDDD9);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
padding: 8px 18px;
margin-top: 50px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(8.25px);
width: fit-content;
}
.topo-post a.item h1 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 42px */
max-width: 600px;
margin: 22px 0;
}
.topo-post a.item h4 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
opacity: 0.6;
max-width: 425px;
}
.topo-post a.item .botao {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-style: normal;
font-weight: 400;
line-height: normal;
background: #fff;
display: flex;
align-items: center;
gap: 10px;
margin: 0 85px 0 auto;
padding: 11.2px 17px;
font-size: 14px;
}
.topo-post a.item .botao:hover {
background: #004833;
color: #fff;
}
.topo-post a.item .botao:hover path {
stroke: #fff;
}
.topo-post .nav-slide-post-top {
position: absolute;
right: 0;
top: -140px;
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
}
.topo-post > .container {
position: relative;
}
.template-imprensa .topo-post {
}
.posts-destaque {
padding: 100px 0;
background: var(--Grey-200, #DFDDD9);
overflow: hidden;
}
.posts-destaque .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 45px;
}
.posts-destaque .info-topo .nav-posts-destaque {
display: flex;
align-items: center;
gap: 8px;
}
.posts-destaque .slide-posts-destaque .slick-list {
overflow: visible;
}
.posts-destaque .slide-posts-destaque {
max-width: 970px;
}
.posts-destaque .slide-posts-destaque .item {
padding: 0 14px;
}
.posts-destaque .slide-posts-destaque .conteudo {
background: #fff;
padding: 30px;
display: flex;
align-items: center;
transition: all .5s;
}
.posts-destaque .slide-posts-destaque .conteudo:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.posts-destaque .slide-posts-destaque .conteudo .box-img {
height: 480px;
width: 60%;
overflow: hidden;
}
.posts-destaque .slide-posts-destaque .conteudo .box-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .7s;
object-position: center;
}
.posts-destaque .slide-posts-destaque .conteudo:hover .box-img img {
transform: scale(1.05);
}
.posts-destaque .slide-posts-destaque .infos {
width: 40%;
padding-left: 60px;
padding-right: 30px;
}
.posts-destaque .infos h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 24px */
max-width: 250px;
}
.posts-destaque .infos h4 {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 130%;
margin-top: 7px;
opacity: 0.6;
}
.posts-destaque .infos .linha {
opacity: 0.06;
background: #004833;
margin: 30px 0;
width: 100px;
height: 1px;
}
.posts-destaque .infos .texto p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 21px */
display: -webkit-box;
-webkit-line-clamp: 9; /** número de linhas que você quer exibir */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0.4;
white-space: normal;
}
.posts-destaque .infos .icon {
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
border-radius: 100px;
background: var(--Primary, #004833);
border: 1px solid #004833;
margin-top: 30px;
transition: all .5s;
}
.posts-destaque .infos .icon:hover {
background: transparent;
}
.posts-destaque .infos .icon:hover path {
stroke: #004833;
}
.template-imprensa .posts-destaque {
background: #004833;
}
.template-imprensa .posts-destaque .subtitulo {
color: #fff;
}
.template-imprensa .posts-destaque .icon-nav:hover {
border: 1px solid #fff;
}
.todos-posts {
overflow: hidden;
}
.todos-posts .container::before {
background-image: url('data:image/svg+xml;utf8,');
right: auto;
left: 90%;
bottom: -100px;
}
.template-imprensa .todos-posts {
background: var(--Grey-200, #DFDDD9);
}
.topo-single-post {
min-height: 90vh;
background-position: center;
background-size: cover;
background-attachment: fixed;
padding: 200px 0;
display: flex;
align-items: center;
position: relative;
}
.topo-single-post::before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 2;
background: radial-gradient(120.65% 120.65% at 29.9% 106.35%, rgba(0, 0, 0, 0) 70.82%, rgba(0, 0, 0, 0.31) 100%), radial-gradient(143.23% 99.97% at 52.84% 0%, rgba(0, 0, 0, 0) 59.6%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(251deg, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.22) 100%);
}
.topo-single-post .container {
position: relative;
z-index: 3;
}
.topo-single-post .data {
color: var(--Grey-200, #DFDDD9);
font-family: "Tomato Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
backdrop-filter: blur(8.25px);
margin: 0 auto;
width: fit-content;
padding: 8px 18px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.08);
margin: 0 auto 15px auto;
}
.topo-single-post h1 {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 55px;
font-style: normal;
font-weight: 400;
line-height: 100%;
margin: 0 auto 17px auto;
max-width: 540px;
}
.topo-single-post h4 {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 36px */
opacity: 0.8;
max-width: 600px;
margin: 0 auto;
}
.conteudo-single-post {
background: var(--Grey-200, #DFDDD9);
padding-bottom: 100px;
}
.single-imprensa .conteudo-single-post {
background: var(--Primary, #004833);
}
.conteudo-single-post .conteudo {
background: #fff;
padding: 90px 0;
margin-top: -120px;
position: relative;
z-index: 3;
}
.conteudo-single-post .interno {
max-width: 882px;
margin: 0 auto;
padding: 0 20px;
}
.conteudo-single-post .interno figure img {
margin: 0 auto;
display: block;
}
.conteudo-single-post .interno blockquote {
margin-top: 35px;
margin-bottom: 35px;
margin-left: 0;
margin-right: 0;
padding: 20px 0 20px 20px;
font-style: italic;
color: inherit;
border-left: 13px solid #e1ded9;
}
.conteudo-single-post .interno blockquote p {
font-style: italic;
color: #1d1d1bc2;
}
.conteudo-single-post .interno blockquote p:last-child {
margin: 0;
}
.conteudo-single-post .interno ul {
list-style: disc;
padding-left: 23px;
}
.conteudo-single-post .interno p,
.conteudo-single-post .interno li {
color: var(--Grey-900, #1d1d1b8d);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
margin-bottom: 17px;
}
.conteudo-single-post .interno b,
.conteudo-single-post .interno strong {
font-weight: 700;
}
.conteudo-single-post .interno h1,
.conteudo-single-post .interno h2,
.conteudo-single-post .interno h3,
.conteudo-single-post .interno h4,
.conteudo-single-post .interno h5,
.conteudo-single-post .interno h6 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
margin-bottom: 15px;
margin-top: 30px;
}
.conteudo-single-post .interno b,
.conteudo-single-post .interno strong {
font-weight: 500;
}
.conteudo-single-post .interno a {
color: var(--Grey-900, #1d1d1b8d);
font-weight: 500;
text-decoration: underline;
}
.conteudo-single-post .conteudo hr {
border: 0;
opacity: 0.06;
background: #004833;
width: 100%;
margin: 55px auto;
height: 1px;
max-width: 842px;
padding: 0 20px;
}
.conteudo-single-post .conteudo .info-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
max-width: 882px;
margin: 0 auto;
padding: 0 20px;
}
.conteudo-single-post .conteudo .info-bottom p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 27px */
opacity: 0.6;
}
.conteudo-single-post .conteudo .info-bottom .redes {
display: flex;
align-items: center;
gap: 13px;
}
.conteudo-single-post .conteudo .info-bottom .redes a {
display: flex;
width: 42px;
height: 42px;
justify-content: center;
align-items: center;
border-radius: 100px;
transition: all .5s;
}
/* .conteudo-single-post .conteudo .info-bottom .redes path {
fill: transparent;
stroke: #004833;
} */
.conteudo-single-post .conteudo .info-bottom .redes a:hover {
background: #00483451;
}
.posts-relacionados.bgimprensarelacionadas {
background: var(--Grey-200, #DFDDD9);
}
.topo-collabs {
min-height: 100vh;
padding: 150px 0 100px 0;
position: relative;
overflow: hidden;
display: flex;
align-items: end;
justify-content: start;
}
.topo-collabs .vetor-collabs {
position: absolute;
left: 0;
bottom: -1px;
height: auto;
z-index: 2;
pointer-events: none
}
.topo-collabs .container {
position: relative;
z-index: 2;
}
.topo-collabs::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(120.65% 120.65% at 29.9% 106.35%, rgb(0 0 0 / 26%) 70.82%, rgba(0, 0, 0, 0.60) 100%), radial-gradient(143.23% 99.97% at 52.84% 0%, rgba(0, 0, 0, 0.00) 59.6%, rgba(0, 0, 0, 0.60) 100%);
z-index: 2;
pointer-events: none
}
.topo-collabs video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.topo-collabs .subtitulo {
color: #fff;
text-align: start;
}
.topo-collabs h1 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 42px */
margin-top: 30px;
}
.slides-collabs {
padding: 100px 0;
}
.slides-collabs .info-topo {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 45px;
}
.slides-collabs .info-topo h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
}
.slides-collabs .info-topo .nav-collabs {
display: flex;
align-items: center;
gap: 8px;
}
.slides-collabs .card-imovel-externo {
padding: 0 8px;
}
.slides-collabs .card-imovel {
height: 600px;
}
.slides-collabs .card-imovel .tags {
position: absolute;
left: 32px;
top: 32px;
z-index: 3;
display: flex;
gap: 8px;
}
.slides-collabs .card-imovel .estagio-obra {
position: static;
}
.slides-collabs .card-imovel .para-collab {
color: var(--Grey-200, #DFDDD9);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 2.4px;
text-transform: uppercase;
border-radius: 2px;
background: rgba(205, 240, 123, 0.31);
backdrop-filter: blur(8.25px);
padding: 7px 16px;
}
.slides-collabs .card-imovel h3 {
bottom: 80px;
}
.slides-collabs .card-imovel .info-bottom {
display: flex;
align-items: center;
flex-direction: row;
gap: 30px;
}
.slides-collabs .card-imovel .info-bottom {
bottom: 30px;
opacity: 1;
}
.slides-collabs .card-imovel .icon {
opacity: 1;
bottom: auto;
}
.slides-collabs .thumb:hover::before {
opacity: 1;
}
.topo-contato {
min-height: 90vh;
padding: 100px 0;
display: flex;
align-items: end;
justify-content: start;
background-position: center;
background-size: cover;
}
.topo-contato .subtitulo {
text-align: start;
color: #fff;
}
.topo-contato h1 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 64px */
margin-top: 30px;
}
.fale-conosco {
padding: 120px 0 0 0;
}
.fale-conosco .subtitulo {
text-align: start;
}
.fale-conosco .infos {
display: flex;
gap: 30px;
margin: 45px 0;
}
.fale-conosco .infos h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 52px */
}
.fale-conosco .infos .linha {
opacity: 0.06;
background: #004833;
width: 1px;
}
.fale-conosco .infos p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
opacity: 0.6;
max-width: 243px;
align-self: end;
}
.fale-conosco .box {
z-index: 2;
background: var(--Primary, #004833);
padding: 60px;
position: relative;
margin-bottom: -180px;
}
.fale-conosco .box .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-bottom: 35px;
}
.fale-conosco .box .info-topo .linha {
width: 100%;
height: 1px;
opacity: 0.06;
background: #FFF;
}
.fale-conosco .box .info-topo .icons {
display: flex;
gap: 8px;
align-items: center;
}
.fale-conosco .box .info-topo .icons a {
border-radius: 100px;
background: var(--Grey-100, #FFF);
display: flex;
width: 48px;
height: 48px;
justify-content: center;
align-items: center;
transition: all .5s;
}
.fale-conosco .box .info-topo .icons a:hover {
transform: scale(1.05);
}
.fale-conosco .formpadrao textarea {
height: 288px;
}
.page-grato404 {
min-height: 100vh;
background-image: url(../img/bg-grato.webp);
background-position: center;
background-size: cover;
padding: 200px 0;
display: flex;
align-items: center;
justify-content: center;
}
.page-grato404 h1.obrigado {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 150px;
font-style: normal;
font-weight: 700;
text-align: center;
line-height: normal;
letter-spacing: -10px;
}
.page-grato404 h1.erro404 {
color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 150px;
font-style: normal;
font-weight: 700;
text-align: center;
line-height: normal;
letter-spacing: -10px;
}
.page-grato404 p {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 130%;
margin: 30px auto;
max-width: 400px;
}
.page-grato404 .botao {
display: flex;
align-items: center;
gap: 15px;
transition: all .5;
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 1px solid #fff;
background: #fff;
margin: 0 auto;
}
.page-grato404 .botao:hover {
background: transparent;
border-color: #fff;
color: #fff;
}
.page-grato404 .botao:hover path {
stroke: #fff;
}
.localizacao-contato {
position: relative;
display: flex;
align-items: end;
padding: 100px 0 60px 0;
height: 900px;
}
.localizacao-contato iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.localizacao-contato .box {
background: var(--Grey-100, #FFF);
padding: 45px;
position: relative;
z-index: 3;
}
.localizacao-contato .box .info-topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-bottom: 25px;
}
.localizacao-contato .box .info-topo .subtitulo {
text-align: start;
}
.localizacao-contato .box .info-topo .linha {
opacity: 0.06;
background: #004833;
width: 100%;
height: 1px;
}
.localizacao-contato .box .info-bottom {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
}
.localizacao-contato .box .info-bottom h2 {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 32px */
}
.localizacao-contato .box .info-bottom h2 span {
display: block;
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
margin-top: 10px;
opacity: 0.6;
line-height: 100%; /* 18px */
}
.localizacao-contato .box .botoes {
display: flex;
gap: 8px;
align-items: center;
}
.localizacao-contato .box .botoes span {
color: var(--Grey-900, #1D1D1B);
text-align: right;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
margin-right: 10px;
display: block;
opacity: 0.4;
}
.localizacao-contato .box .botoes a {
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
gap: 10px;
align-items: center;
}
.localizacao-contato .box .botoes a:hover {
background: #004833;
color: #fff;
}
.localizacao-contato .box .botoes a:hover path {
fill: #fff;
}
@media (max-height: 860px) {
.conteudo-sobre .boxes-sobre .item {
position: relative;
top: auto;
}
}
@media (max-height: 770px) {
.cols-sobre {
display: flex;
justify-content: center;
}
.col-valter.coluna {
position: relative;
top: auto;
}
.col-sobre {
position: relative;
top: auto;
order: -1;
}
.col-numeros.coluna {
position: relative;
top: auto;
}
}
@media (max-height: 745px) {
.atuacao {
position: static;
}
.imoveis-atuacao .imoveis-rel .card-imovel {
top: 100px;
}
}
@media (max-height: 615px) {
.conteudo-sobre .infos {
position: relative;
top: auto;
}
}
@media (max-width: 1420px) {
.col-valter p {
font-size: .9vw;
}
.col-valter span {
font-size: 1.2vw;
}
.col-valter .infos .conteudo {
padding-top: 2.5vw;
}
}
@media (max-width: 1390px) {
.topo-post .vetor-topo {
height: auto;
width: 40px;
}
.topo-collabs .vetor-collabs {
width: 40px;
}
}
@media (max-width: 1250px) {
.col-sobre h2 {
font-size: 35px;
}
.col-numeros .item p {
font-size: 35px;
}
.atuacao .conteudo .item {
max-width: 350px;
}
.single-empreendimento .plantas .bloco-slide .item-nav h4 {
font-size: 12px;
}
.single-empreendimento .plantas .bloco-slide .item-nav p {
font-size: 12px;
}
.single-empreendimento .obras .estagios {
grid-template-columns: repeat(4, 1fr);
max-width: 1000px;
margin: 0 auto 60px auto;
}
}
@media (max-width: 991px) {
header .menu-header {
display: none;
}
header .containerheader {
padding: 20px;
}
header .logoprincipal svg {
height: 20px;
}
header.header-scroll .containerheader {
background: #004833;
}
header > .containerheader::before {
left: 0;
top: 0;
width: 200px;
height: 100%;
}
.submenu .header .logo svg {
height: 20px;
width: auto;
}
.submenu .header .container::before {
left: 0;
top: 0;
width: 200px;
height: 100%;
}
.submenu .conteudo {
flex-direction: column;
gap: 30px;
margin: 40px auto 0 auto;
justify-content: center;
align-items: center;
}
.submenu .conteudo > div {
padding: 0;
}
.submenu .conteudo .left {
text-align: center;
}
.submenu .conteudo > div.left .linha {
margin-left: auto;
margin-right: auto;
}
.submenu .conteudo > div {
text-align: center;
}
.submenu .conteudo > div .linha {
margin: 20px auto;
display: block;
}
.submenu .conteudo li a {
text-align: center;
font-size: 20px;
display: block;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
}
.submenu .conteudo .left li a {
margin-left: auto;
margin-right: auto;
}
.submenu .conteudo li svg {
display: none;
}
.submenu .conteudo h3 {
font-size: 24px
}
.submenu .conteudo .linha {
display: none;
}
.submenu::before {
width: 200px;
height: 97px;
}
.topo h1 {
font-size: 37px;
max-width: 350px;
margin-top: 30px;
}
.atuacao2 {
padding: 60px 0 40px 0;
}
.atuacao {
position: static;
}
.atuacao .conteudo {
flex-direction: column;
align-items: center;
gap: 35px;
}
.atuacao .conteudo .item,
.atuacao .conteudo .item.blumenau {
text-align: center;
}
.atuacao .conteudo h2 {
font-size: 35px;
margin-bottom: 30px;
}
.atuacao .conteudo .linha {
display: none;
}
.imoveis-atuacao .item.litoral {
text-align: center;
max-width: 460px;
margin-top: 55px;
}
.imoveis-atuacao .item.litoral h2 {
color: var(--Primary, #004833);
font-family: "Tomato Grotesk";
font-size: 35px;
margin-bottom: 30px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
.imoveis-atuacao .item.litoral p {
color: var(--Grey-900, #1D1D1B);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%;
opacity: .6;
}
.imoveis-atuacao .container {
flex-direction: column;
align-items: center;
gap: 0;
}
.imoveis-atuacao .imoveis-rel {
margin-top: 40px;
}
.imoveis-atuacao .imoveis-rel .card-imovel {
position: relative;
top: auto;
}
.imoveis-atuacao .container .linha {
display: none;
}
.card-imovel h3 {
font-size: 30px;
bottom: 80px;
}
.card-imovel .info-bottom {
bottom: 20px;
opacity: 1;
}
.card-imovel .thumb::before {
opacity: 1;
}
.card-imovel .icon {
opacity: 1;
}
.cols-sobre {
display: flex;
justify-content: center;
flex-direction: column;
}
.col-valter.coluna {
position: relative;
top: auto;
background: #fff;
padding: 60px 0 0 0;
width: 100%;
min-height: auto;
max-width: 100%;
display: block;
}
.col-valter .infos {
padding: 0 20px;
max-width: 400px;
}
.col-valter .infos .conteudo {
border: 1px solid rgba(0, 72, 51, 0.08);
padding: 30px !important;
}
.col-valter p {
font-size: 14px;
}
.col-valter span {
font-size: 18px;
}
.col-valter .imgvalter {
max-width: 641px;
width: 100%;
height: 445px;
object-fit: cover;
object-position: center top;
margin: 10px auto 0 auto;
display: block;
}
.col-sobre.coluna {
position: relative;
top: auto;
order: -1;
min-height: auto;
height: auto;
padding: 60px 20px;
width: 100%;
display: block;
max-width: 100%;
}
.col-sobre.coluna::before {
display: none;
}
.col-sobre.coluna .container-interno {
max-width: 350px;
margin: 0 auto;
text-align: center;
}
.col-sobre .botao {
margin: 150px auto 0 auto;
}
.col-sobre.coluna .container-interno .botao::after {
left: 50%;
right: auto;
transform: translateX(-50%);
bottom: auto;
top: -120px;
}
.col-sobre h2 {
font-size: 36px;
max-width: 311px;
margin: 25px auto 35px auto;
}
.col-sobre p.texto {
font-size: 14px;
}
.col-numeros.coluna {
position: relative;
top: auto;
width: 100%;
max-width: 100%;
padding: 60px 20px;
min-height: auto;
height: auto;
display: block;
}
.col-numeros.coluna::before {
display: none;
}
.col-numeros .numeros {
margin: 0 auto;
}
.blog-home {
padding: 60px 0;
}
.blog-home .info-topo {
justify-content: center;
margin-bottom: 40px;
}
.blog-home .info-topo .botao {
display: none;
}
.blog-home .info-topo .subtitulo {
text-align: center;
}
.blog-home .grid-posts {
grid-template-columns: repeat(1, 1fr);
}
.card-post .thumb {
height: 290px;
}
.blog-home .container::before {
right: auto;
left: -10%;
width: 300px;
bottom: auto;
top: 200px;
}
.blog-home .botao {
color: var(--Primary, #004833);
background: rgba(223, 221, 217, 0.20);
margin: 40px auto 0 auto;
}
footer {
padding: 60px 0 80px 0;
}
footer .info-topo {
flex-direction: column;
justify-content: center;
gap: 30px;
align-items: center;
}
footer .info-topo .logo {
order: -1;
}
footer hr {
margin: 35px 0;
}
footer .conteudo {
flex-direction: column;
gap: 60px;
align-items: center;
}
footer .coluna {
width: 100%;
max-width: 450px;
margin: 0 auto;
text-align: center;
}
footer .conteudo .linha {
display: none;
}
footer .coluna h4 {
font-size: 25px;
margin-bottom: 30px;
}
footer .coluna li a {
width: fit-content;
margin: 0 auto 13px auto;
font-size: 20px;
justify-content: center;
gap: 0;
}
footer .coluna li a svg {
display: none;
}
footer .info-bottom {
flex-direction: column;
}
footer .info-bottom .links {
flex-direction: column;
text-align: center;
gap: 10px;
}
.barra-fixa {
height: 70px;
padding: 0 30px 0 60px;
background: linear-gradient(-70deg, #FCFAF6 91.5%, #ffffff00 10%);
box-shadow: -1.759px -2.638px 20.927px 0 rgba(0, 0, 0, 0.04);
}
.barra-fixa .icone-torresani {
width: 60px;
height: 60px;
}
.barra-fixa .item {
font-size: 0;
gap: 0;
width: 36px;
height: 36px;
padding: 0;
justify-content: center;
background: rgba(223, 221, 217, 0.20);
}
.barra-fixa .item.wpp {
padding: 0;
}
.barra-fixa .linha{
display: none;
}
.barra-fixa .icone-insta {
width: 36px;
height: 36px;
}
.single-empreendimento .topo-empreendimento {
padding-bottom: 60px;
}
.single-empreendimento .topo-empreendimento h1 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 42px;
font-style: normal;
font-weight: 400;
text-align: start;
line-height: 100%; /* 48px */
}
.single-empreendimento .topo-empreendimento .infos {
padding: 0 15px;
}
.single-empreendimento .topo-empreendimento .infos .tags {
justify-content: start;
margin-bottom: 20px;
flex-wrap: wrap;
}
.single-empreendimento .topo-empreendimento .infos .tags .estagio-topo {
white-space: nowrap;
font-size: 10px;
}
.single-empreendimento .topo-empreendimento .infos .tags .localizacao-topo {
background: rgba(205, 240, 123, 0.31);
font-size: 10px;
white-space: nowrap;
}
.single-empreendimento .topo-empreendimento .infos .chamada {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 130%;
max-width: 240px;
text-align: start;
margin: 0 0 20px 0;
}
.single-empreendimento .topo-empreendimento .bottom {
flex-direction: column;
gap: 8px;
align-items: start;
}
.single-empreendimento .topo-empreendimento .bottom .item {
gap: 14px;
}
.single-empreendimento .topo-empreendimento .bottom .item .texto-suites {
font-size: 12px;
}
.single-empreendimento .diferenciais {
padding: 70px 0;
overflow: hidden;
}
.single-empreendimento .diferenciais .box-img {
display: none;
}
.single-empreendimento .diferenciais h2 {
font-size: 36px;
max-width: 300px;
margin: 30px 0;
}
.single-empreendimento .diferenciais h2 br {
display: none;
}
.single-empreendimento .diferenciais .texto {
max-width: 100%;
}
.single-empreendimento .diferenciais .texto p {
font-size: 14px;
}
.single-empreendimento .diferenciais .img-mob {
height: 300px;
width: 110%;
display: block;
position: relative;
left: -20px;
margin: 45px auto;
}
.single-empreendimento .diferenciais .img-diferenciais {
object-fit: cover;
width: 100%;
height: 100%;
object-position: center;
}
.single-empreendimento .diferenciais .info .slide-diferenciais {
margin: 0 0 30px 0;
}
.videos {
padding: 70px 0 40px 0;
}
.videos .slide-videos .item-video {
height: 400px;
}
.videos .info-topo {
margin: 0 auto 40px auto;
justify-content: center;
}
.videos .slide-videos a {
padding: 0 15px;
}
.videos .info-topo .nav-videos {
display: none;
}
.videos .bottom.nav-videos {
display: flex;
margin: 40px auto 0 auto;
justify-content: center;
gap: 8px;
}
section#galeria-fotos-empreendimento {
padding: 60px 0;
}
.single-empreendimento .plantas {
padding: 70px 0;
}
.single-empreendimento .plantas .vetor-plantas {
display: none;
}
.single-empreendimento .plantas .info-topo {
margin: 45px auto;
gap: 20px;
}
.single-empreendimento .plantas .info-topo span {
font-size: 16px;
}
.single-empreendimento .plantas .slider-for {
display: none;
}
.single-empreendimento .plantas .bloco-slide .item-nav {
text-align: center;
}
.single-empreendimento .plantas .bloco-slide .item-nav .thumb-item {
background: var(--Grey-100, #FFF);
transform: scale(1);
}
.single-empreendimento .plantas button.slick-arrow {
z-index: 3;
}
.single-empreendimento .ficha {
padding: 60px 0;
}
.single-empreendimento .ficha .filtros {
display: none;
}
.single-empreendimento .ficha .subtitulo {
text-align: center;
}
.single-empreendimento .ficha .ficha-select {
display: block;
border-radius: 100px;
background: rgba(223, 221, 217, 0.20);
border: none;
width: 100%;
padding: 13px 24px;
color: var(--Primary, #004833);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 45px 0 30px 0;
}
.single-empreendimento .ficha .conteudo-abas {
padding: 40px 30px;
width: 95%;
margin: 0 auto;
}
.single-empreendimento .ficha .lista-ficha {
grid-template-columns: repeat(1, 1fr);
gap: 18px;
}
.single-empreendimento .ficha .lista-ficha li {
height: auto;
}
.single-empreendimento .ficha .lista-ficha span,
.single-empreendimento .ficha .lista-ficha p {
font-size: 14px;
}
.single-empreendimento .obras {
padding: 60px 0;
}
.single-empreendimento .obras .info-topo {
flex-direction: column;
gap: 40px;
margin-bottom: 40px;
}
.single-empreendimento .obras .estagios {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 50px;
}
.select-custom {
max-width: 100%;
}
.single-empreendimento .obras .carrossel {
padding: 0 40px;
}
.single-empreendimento .obras .estagio-item .circle-wrapper {
width: 100px;
height: 100px;
}
.single-empreendimento .obras .percent {
letter-spacing: 2.76px;
font-size: 18px;
}
.single-empreendimento .obras .estagio-item {
gap: 12px;
}
.single-empreendimento .obras .estagio-item p {
font-size: 16px;
}
.single-empreendimento .localizacao {
padding: 70px 0 0 0;
}
.single-empreendimento .localizacao .box {
padding: 0;
margin: 0 auto;
}
.single-empreendimento .localizacao .box .subtitulo {
margin-bottom: 30px;
}
.single-empreendimento .localizacao .box .texto {
font-size: 14px;
}
.single-empreendimento .localizacao .box .endereco-superior {
font-size: 24px;
}
.single-empreendimento .localizacao .box .endereco-inferior {
font-size: 12px;
}
.single-empreendimento .localizacao .box .botoes a {
justify-content: center;
gap: 0;
font-size: 0;
}
.single-empreendimento .localizacao iframe {
position: static;
height: 70vh;
margin-top: 40px;
}
.single-empreendimento .contato {
padding: 70px 0;
}
.single-empreendimento .contato svg.yes-mobile {
display: block;
margin: 0 auto;
}
.single-empreendimento .contato h2 {
margin: 35px auto;
text-align: center;
font-size: 36px;
}
.single-empreendimento .contato .info-topo{
flex-direction: column;
justify-content: center;
align-items: center;
}
.single-empreendimento .contato .info-topo p {
font-size: 14px;
margin: 0 auto;
max-width: 190px;
text-align: center;
}
.formpadrao .conteudo {
display: block;
}
.formpadrao .left, .formpadrao .right {
padding: 0;
width: 100%;
}
.formpadrao .form-bottom {
margin-top: 23px;
flex-direction: column;
}
.formpadrao input, .formpadrao textarea {
font-size: 14px;
padding: 20px 22px;
}
.formpadrao textarea {
height: 95px;
}
.formpadrao .form-bottom .politica span {
font-size: 13px;
}
.formpadrao .form-bottom .politica span br {
display: none;
}
.formpadrao .form-bottom .politica span a {
display: inline;
}
.formpadrao .botao {
width: 100%;
text-align: center;
}
.relacionados {
padding: 70px 0;
}
.relacionados .info-topo {
flex-direction: column;
}
.relacionados .info-topo .nav-relacionados {
display: none;
}
.relacionados .nav-relacionados {
justify-content: center;
margin-top: 30px;
}
.relacionados .card-imovel {
height: 400px;
}
#modal-politica .conteudo h2 {
font-size: 28px !important;
}
.modal-contato {
width: 95% !important;
background: transparent !important;
}
.modal-contato .white {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0 auto;
background: transparent;
}
.modal-contato .white::after {
bottom: -32px;
left: 50%;
transform: translateX(-50%);
top: auto;
z-index: 3;
}
.modal-contato .white .infos {
padding: 30px 20px;
width: 90%;
margin: 0 auto;
background: #fff;
}
.modal-contato .icon {
margin: 0 auto;
}
.modal-contato h4 {
text-align: center;
width: fit-content;
max-width: 100%;
margin: 15px auto 0 auto;
}
.modal-contato .infos p {
display: none;
}
.modal-contato .box {
transform: none;
width: 100%;
height: auto;
position: relative;
padding: 30px;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.modal-contato .box::after {
content: '';
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -50px;
background: #fff;
width: 90%;
z-index: 2;
height: 50px;
}
.modal-contato .fancybox-close-small {
right: 5% !important;
}
.modal-contato .formpadrao .form-bottom {
margin-top: 10px;
}
.modal-contato#modal-tel .white {
padding: 0;
}
.modal-contato#modal-tel .box a.numero {
font-size: 28px;
}
.topo-empreendimentos .nav-topo-empreendimentos {
right: auto;
left: 148px;
top: -135px;
}
.topo-empreendimentos .item-imovel {
padding-bottom: 95px;
}
.topo-empreendimentos .container {
display: block;
padding: 0 25px;
}
.topo-empreendimentos .item-imovel .left {
width: 100%;
}
.topo-empreendimentos h1 {
font-size: 38px;
}
.topo-empreendimentos .item-imovel .tags {
flex-wrap: wrap;
}
.topo-empreendimentos .item-imovel span {
white-space: nowrap;
font-size: 10px;
}
.topo-empreendimentos .item-imovel .info-bottom {
flex-direction: column;
align-items: start;
gap: 14px;
margin-bottom: 20px;
}
.topo-empreendimentos .item-imovel .info-bottom div {
font-size: 12px;
}
.topo-empreendimentos .item-imovel .right {
padding: 0;
width: 100%;
}
.topo-empreendimentos .right h2 {
color: var(--Grey-100, #FFF);
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
margin: 0 0 30px 0;
max-width: 260px;
text-align: start;
}
.topo-empreendimentos .botao {
margin: 0;
}
.destaques-empreendimentos {
padding: 70px 0;
}
.destaques-empreendimentos .slides {
margin-top: 50px;
display: block;
}
.destaques-empreendimentos .slides .conteudo {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.destaques-empreendimentos .slides .info-topo {
justify-content: center;
margin-bottom: 25px;
}
.destaques-empreendimentos .slides .info-topo .navs {
display: none;
}
.destaques-empreendimentos .slides .info-topo h2 {
font-size: 36px;
text-align: center;
}
.destaques-empreendimentos .conteudo .navs {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 25px;
}
.destaques-empreendimentos .slides .conteudo-litoral {
margin-top: 70px;
}
.lista-empreendimentos {
padding: 70px 0;
}
.lista-empreendimentos .info-topo {
flex-direction: column;
gap: 7px;
}
.lista-empreendimentos .select-filtro {
width: 100%;;
}
.lista-empreendimentos .grid {
grid-template-columns: repeat(1, 1fr);
}
.lista-empreendimentos .card-imovel {
height: 450px;
}
.topo-post a.item {
}
.topo-post a.item .container {
flex-direction: column;
justify-content: center;
align-items: center;
}
.topo-post a.item .left {
text-align: center;
}
.topo-post a.item .subtitulo {
text-align: center;
}
.topo-post a.item .data {
margin: 35px auto 0 auto;
font-size: 10px;
}
.topo-post a.item h1 {
font-size: 35px;
text-align: center;
margin: 22px auto 20px auto;
}
.topo-post a.item h4 {
max-width: 225px;
font-size: 14px;
text-align: center;
margin: 0 auto;
}
.topo-post a.item .botao {
margin: 0 auto 0 auto;
}
.topo-post .nav-slide-post-top {
left: 50%;
transform: translateX(-50%);
right: auto;
top: -80px;
}
.posts-destaque {
padding: 70px 0;
}
.posts-destaque .info-topo {
justify-content: center;
gap: 0;
margin-bottom: 38px;
}
.posts-destaque .info-topo .nav-posts-destaque {
display: none;
}
.posts-destaque .yes-mobile .nav-posts-destaque {
margin: 30px auto 0 auto;
justify-content: center;
display: flex;
gap: 8px;
align-items: center;
}
.posts-destaque .slide-posts-destaque {
max-width: 100%;
}
.posts-destaque .slide-posts-destaque .item {
padding: 0 7px;
}
.posts-destaque .slide-posts-destaque .conteudo {
padding: 16px;
display: block;
}
.posts-destaque .slide-posts-destaque .conteudo .box-img {
height: 300px;
width: 100%;
}
.posts-destaque .slide-posts-destaque .infos {
width: 100%;
padding: 12px 16px;
margin-top: 15px;
}
.posts-destaque .infos h2 {
font-size: 20px;
}
.posts-destaque .infos .texto {
display: none;
}
.posts-destaque .infos .icon {
display: none;
}
.posts-destaque .infos .linha {
display: none;
}
.todos-posts .container::before {
display: none;
}
.topo-single-post .data {
font-size: 10px;
}
.topo-single-post h1 {
font-size: 36px;
max-width: 450px;
}
.topo-single-post {
min-height: 80vh;
}
.topo-single-post h4 {
font-size: 22px;
}
.conteudo-single-post .conteudo{
padding: 40px 0;
}
.conteudo-single-post .interno p, .conteudo-single-post .interno li {
font-size: 16px;
}
.conteudo-single-post .interno {
padding: 0 32px;
}
.conteudo-single-post .conteudo hr {
width: 90%;
margin: 35px auto;
}
.conteudo-single-post .conteudo .info-bottom {
flex-direction: column;
align-items: center;
justify-content: center;
}
.conteudo-single-post .conteudo .info-bottom p{
text-align: center;
max-width: 300px;
}
.topo-collabs {
align-items: center;
}
.topo-collabs .subtitulo {
text-align: center;
}
.topo-collabs h1 {
font-size: 36px;
margin: 25px auto 0 auto;
text-align: center;
}
.slides-collabs {
padding: 70px 0;
}
.slides-collabs .card-imovel {
height: 400px;
}
.slides-collabs .info-topo h2 {
font-size: 30px;
}
.slides-collabs .card-imovel .tags {
flex-direction: column;
top: 20px;
right: 20px;
}
.slides-collabs .card-imovel .tags span {
width: fit-content;
}
.slides-collabs .card-imovel h3 {
bottom: 140px;
left: 20px;
}
.slides-collabs .card-imovel .info-bottom {
flex-direction: column;
gap: 8px;
align-items: start;
left: 20px;
bottom: 28px;
}
.topo-contato .subtitulo {
text-align: center;
}
.topo-contato h1 {
text-align: center;
font-size: 36px;
margin-top: 20px;
}
.fale-conosco {
padding-top: 70px;
}
.fale-conosco .subtitulo {
text-align: center;
}
.fale-conosco .infos {
flex-direction: column;
align-items: center;
justify-content: center;
margin: 25px auto 35px auto;
gap: 25px;
}
.fale-conosco .infos h2 {
font-size: 32px;
text-align: center;
}
.fale-conosco .infos .linha {
display: none;
}
.fale-conosco .infos p {
margin: 0 auto;
}
.fale-conosco .box {
padding: 40px 30px;
}
.fale-conosco .box .info-topo {
flex-direction: column;
gap: 0;
}
.fale-conosco .box .info-topo > svg {
background: var(--Primary, #004833);
position: relative;
z-index: 2;
width: 50px;
}
.fale-conosco .box .info-topo .linha {
position: relative;
top: -10px;
}
.fale-conosco .box .info-topo .icons {
margin-top: 20px;
}
.fale-conosco .formpadrao textarea {
height: 85px;
}
.localizacao-contato .box {
padding: 30px;
}
.localizacao-contato .box .info-bottom {
flex-direction: column;
align-items: start;
}
.localizacao-contato .box .info-bottom h2 {
font-size: 25px;
}
.localizacao-contato .box .botoes span {
display: none;
}
.localizacao-contato .box .botoes a {
gap: 0;
font-size: 0px;
}
header .flutuante {
display: none;
}
.topo-sobre h1 {
font-size: 35px;
max-width: 350px;
margin: 25px auto;
}
.conteudo-sobre {
padding: 70px 0;
}
.conteudo-sobre .container {
display: block;
}
.conteudo-sobre .infos {
position: static;
height: auto;
width: 100%;
}
.conteudo-sobre .infos .subtitulo {
text-align: center;
}
.conteudo-sobre .infos h2 {
text-align: center;
font-size: 32px;
margin: 25px auto;
}
.conteudo-sobre .infos .texto {
margin: 0 auto;
}
.conteudo-sobre .infos .texto p {
text-align: center;
}
.conteudo-sobre .boxes-sobre {
width: 100%;
max-width: 560px;
margin: 130px auto 0 auto;
}
.conteudo-sobre .boxes-sobre .item::before {
top: -39px;
transform: translateX(-50%);
left: 50%;
z-index: 2;
}
.conteudo-sobre .boxes-sobre .item::after {
content: '';
display: block;
width: 1px;
height: 72px;
background: #DFDDD9;
position: absolute;
left: 50%;
top: -72px;
transform: translateX(-50%);
border-radius: 30px;
}
.conteudo-sobre .boxes-sobre .item {
position: relative;
top: auto;
height: auto;
margin-bottom: 72px;
}
.conteudo-sobre .boxes-sobre .item .conteudo .nome {
font-size: 25px;
margin-bottom: 15px;
}
.linhadotempo {
padding: 50px 0;
}
.linhadotempo .item .conteudo {
display: block;
height: auto;
padding: 18px;
border-radius: 14px;
border: 1px solid var(--Grey-200, #DFDDD9);
}
.linhadotempo .item .box-img {
border-radius: 4px;
height: 350px;
width: 100%;
margin-bottom: 30px;
}
.linhadotempo .item .ano {
font-size: 35px;
}
.linhadotempo .item .descricao {
font-size: 14px;
}
.linhadotempo .linha {
display: none;
}
.diferenciais-sobre{
padding: 60px 0 0 0;
}
.diferenciais-sobre .container {
padding: 60px 0 0 0;
}
.diferenciais-sobre p.descricao {
padding: 0 17px;
}
.diferenciais-sobre .subtitulo {
padding: 0 17px;
}
.diferenciais-sobre h2 {
font-size: 36px;
max-width: 294px;
margin: 30px auto;
padding: 0 17px;
}
.diferenciais-sobre p.descricao {
font-size: 16px;
margin: 0 auto;
max-width: 350px;
line-height: 140%;
}
.diferenciais-sobre .slide-diferenciais-sobre {
margin-top: 80px;
display: block;
}
.diferenciais-sobre .item {
margin: 0 50px;
}
.diferenciais-sobre .item span {
margin-top: 23px;
}
.experiencia-torresani .icon-nav {
border: 1px solid #fff;
}
.experiencia-torresani {
padding: 200px 0px 60px 0;
}
.experiencia-torresani .container {
display: block;
}
.experiencia-torresani .filtro {
display: none;
}
.experiencia-torresani .right h2 {
color: var(--Grey-100, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: "Tomato Grotesk";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 28px */
margin: 0 auto 30px auto;
}
.experiencia-torresani .tab-content {
display: block;
}
.experiencia-torresani #selos {
margin-top: 150px;
display: block;
}
.experiencia-torresani .nav-experiencia {
right: auto;
left: 50%;
transform: translateX(-50%);
bottom: -70px;
}
.experiencia-torresani #selos .itens a {
height: 250px;
width: 100%;
}
.experiencia-torresani #selos .itens {
flex-direction: column;
}
.experiencia-torresani #selos .itens a .icon {
left: 20px;
transform: none;
height: 128px;
width: 91px;
padding: 15px 7px;
}
.experiencia-torresani #selos .itens a .icon img {
width: 100%;
}
.experiencia-torresani #selos .itens a p {
font-size: 18px;
text-align: start;
left: 20px;
transform: none;
}
.experiencia-torresani .vetor-experiencia {
left: -15%;
}
.numeros-sobre {
padding: 70px 0 70px 0;
}
.numeros-sobre .itens {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
.numeros-sobre .itens .linha {
display: block;
margin: 0 auto;
width: 50px;
height: 1px;
background: #004833;
}
.numeros-sobre .itens .linha:last-child {
display: none;
}
.resultados-pesquisa h1 {
text-align: center;
max-width: 340px;
font-size: 25px;
margin: 0 auto;
}
.experiencia-torresani .slide-experiencia a {
height: 300px;
}
.resultados-pesquisa .search-empreendimentos {
grid-template-columns: repeat(1, 1fr);
}
.page-template-default .template-padrao {
padding: 100px 0;
}
.page-template-default .template-padrao h1.titulo {
font-size: 36px;
}
.page-template-default .template-padrao .linha {
margin: 35px 0;
}
.page-grato404 h1.obrigado {
font-size: 50px;
letter-spacing: normal;
}
.page-grato404 h1.obrigado {
font-size: 80px;
letter-spacing: normal;
}
#modal-search {
padding: 35px 10px 35px 20px;
width: 95%;
}
#modal-search .fancybox-close-small {
top: -55px;
right: 0;
}
#modal-search input {
padding-left: 25px;
font-size: 14px;
}
#modal-search input::placeholder {
font-size: 14px;
}
#modal-search button[type="submit"] {
font-size: 14px;
}
.centralvendas {
padding: 140px 0;
}
.centralvendas h1 {
font-size: 35px;
}
.centralvendas .itens {
margin-top: 35px;
gap: 20px;
grid-template-columns: repeat(1, 1fr);
}
.centralvendas .boxes {
flex-direction: column;
gap: 30px;
}
.centralvendas .box {
width: 100%;
text-align: center;
}
.centralvendas .box .endereco {
max-width: 250px;
margin: 20px auto;
}
.centralvendas .box .bottom {
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 25px;
}
.centralvendas .box .bottom span {
text-align: center;
display: block;
margin: 0 auto 10px auto;
}
.centralvendas .box .bottom span br {
display: none;
}
}