:root {
	--white-color: #fff;
	--black-color: #212121;
	--gray-color: #565656;
	--primary-color: #613813;
	--secondary-color: #609211;
	--green-color: #9ee62a;
	--blue-color: #009CDE;
	/* --green-color: #0DFF06; */
}

* {
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

body {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x: auto;
}

/* Font Icon Google */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 40
}
span.size-30 {
	font-size: 30px !important;
	color: var(--secondary-color);
	font-variation-settings: 'OPSZ' 30;
}
span.size-36 {
	font-size: 36px !important;
	color: var(--black-color);
	font-variation-settings: 'OPSZ' 36;
}

/* Geral */
.white-color {color: var(--white-color)}
.black-color {color: var(--black-color)}
.gray-color {color: var(--gray-color)}
.primary-color {color: var(--primary-color)}
.secondary-color {color: var(--secondary-color)}
.green-color {color: var(--green-color)}
.red-color {color: #D2232E !important}
.blue-color {color: var(--blue-color) !important}
.blue-bg-color {background-color: var(--blue-color) !important}

.font-medium {font-weight: 500}
.font-semibold {font-weight: 600}
.font-bold {font-weight: 700}
.font-title {font-family: 'Montserrat', sans-serif}
.font-shadow {text-shadow: 2px 2px 12px #222;}
.up-case {text-transform: uppercase;}

.link {text-decoration: none}
.link:hover {text-decoration: underline}
.mouseHover:hover {opacity: 0.8; cursor: pointer;}

.elevacao {transition: transform .2s; cursor: pointer}
.elevacao:hover {transform: scale(1.09)}

span {
	font-size: 16px;
	line-height: 26px;
	color: var(--gray-color);
}

p {
	font-size: 16px;
	line-height: 26px;
	color: var(--gray-color);
}

/* Ícone WhatsApp */
#whatsapp {
	display: flex;
	justify-content: flex-end;
	position: fixed;
	width: 50px;
	height: 50px;
	right: 30px;
	bottom: 30px;
	z-index: 9;
}
#whatsapp img {
	width: auto;
	height: 50px;
}

/* Header */
header {
	display: flex;
	width: 100%;
	min-height: 610px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	flex-direction: column;
	position: relative;
	align-items: center;
}
header .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	min-height: 610px;
	justify-content: space-between;
	align-items: center;
	padding: 30px 24px;
	position: relative;
	z-index: 2;
}
header .logo {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	padding-right: 60px;
	align-items: center;
}
header img {
	width: 100%;
	max-width: 320px;
	height: auto;
	cursor: pointer;
}
header .cidade {
	color: #FFF;
	margin-top: 10px;
	font-size: 28px;
	font-weight: 700;
}
header .informacoes {
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
header .quadro {
	display: flex;
	width: 100%;
	max-width: 560px;
	background-color: rgb(255, 255, 255, 0.7);
	backdrop-filter: blur(4px);
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 40px;
	border-radius: 20px;
}
header h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	line-height: 40px;
	color: var(--white-color);
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	margin-top: 40px;
}
header h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: var(--black-color);
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
header form {
	width: 100%;
	margin-top: 20px;
}
header input[type=text] {
	width: 100%;
	height: 48px;
	border: 1px solid #ccc;
	background-color: var(--white-color);
	color: var(--gray-color);
	font-size: 14px;
	outline-style: none;
	padding-left: 20px;
	border-radius: 50px;
	margin-bottom: 8px;
}
header input[type=tel] {
	width: 100%;
	height: 48px;
	border: 1px solid #ccc;
	background-color: var(--white-color);
	color: var(--gray-color);
	font-size: 14px;
	outline-style: none;
	padding-left: 20px;
	border-radius: 50px;
	margin-bottom: 8px;
}
header input[type=email] {
	width: 100%;
	height: 48px;
	border: 1px solid #ccc;
	background-color: var(--white-color);
	color: var(--gray-color);
	font-size: 14px;
	outline-style: none;
	padding-left: 20px;
	border-radius: 50px;
	margin-bottom: 8px;
}
header button {
	width: 100%;
	min-height: 48px;
	background-color: var(--secondary-color);
	color: var(--white-color);
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
}
header button:hover {
	background-color: var(--black-color);
}

/* Main */
main {
	display: flex;
	width: 100%;
	flex-direction: column;
}

#msgSucesso {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:250px;
}
#msgSucesso span {
	margin:10px;
	color:#000;
}	
#msgSucesso span:first-child {
	font-size:23px;
	color:var(--blue-color);
	font-weight:700
}	

#para-quem {
	display: flex;
	width: 100%;
	background-color: #000;
	padding: 80px 0;
	justify-content: center;
}
#para-quem .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 0 24px;
}
#para-quem .informacoes {
	display: flex;
	width: 50%;
	flex-direction: column;
	padding-right: 80px;
	justify-content: center;
}
#para-quem h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom:20px;
}
#para-quem .icones {
	display: flex;
	width: 100%;
	max-width: 340px;
	justify-content: space-between;
	padding: 50px 0;
}
#para-quem .dizeres {
	display: flex;
	width: 100%;
	min-height: 54px;
	align-items: center;
	padding: 10px 0;
}
#para-quem .bolinha {
	display: flex;
	width: 14px;
	height: 14px;
	background-color: var(--secondary-color);
	border-radius: 50px;
}
#para-quem .p {
	display: flex;
	width: calc(100% - 14px);
	padding-left: 20px;
}
#para-quem .dizeres p {
	font-size: 16px;
	line-height: 24px;
	color: var(--white-color)
}
#para-quem button,
#para-quem .informacoes .whatsapp-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
	cursor: pointer;
	margin-top: 30px;
	text-align: center;
	text-decoration: none;
}
#para-quem button:hover,
#para-quem .informacoes .whatsapp-cta:hover {
	background-color: var(--primary-color);
}
#para-quem .fotos {
	display: flex;
	width: 50%;
	flex-direction: column;
	align-items: flex-end;
}
#para-quem .fotos button,
#para-quem .fotos .whatsapp-cta {
	display: none;
	width: 100%;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
	cursor: pointer;
	margin-top: 50px;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
}
#para-quem .fotos button:hover,
#para-quem .fotos .whatsapp-cta:hover {
	background-color: var(--primary-color);
}
#para-quem .img-1 {
	display: flex;
	width: 80%;
	height: 280px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
}
#para-quem .fotos-2 {
	display: flex;
	width: 100%;
	margin-top: 20px;
}
#para-quem .img-2 {
	display: flex;
	width: calc(50% - 10px);
	height: 200px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	margin-right: 10px;
}
#para-quem .img-3 {
	display: flex;
	width: calc(50% - 10px);
	height: 280px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	margin-left: 10px;
}

#modelos {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 80px 0;
	background-color: #fff;
}
#modelos .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 0 24px;
	flex-direction: column;
	gap: 32px;
	position: relative;
}
#modelos .topo {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 12px;
}
#modelos h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	line-height: 42px;
	color: var(--black-color);
	font-weight: 700;
	margin: 0;
}
#modelos .topo p {
	max-width: 760px;
	font-size: 18px;
	line-height: 30px;
	color: #666;
	margin: 0;
}
#modelos .modelos-slider {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
}
#modelos .slider-nav {
	display: flex;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	background-color: #fff;
	align-items: center;
	justify-content: center;
	color: var(--gray-color);
	box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	flex-shrink: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
#modelos .slider-nav.prev { left: -26px; }
#modelos .slider-nav.next { right: -26px; }
#modelos .slider-nav:hover {
	color: var(--blue-color);
}
#modelos .slider-viewport {
	overflow-x: hidden;
	overflow-y: visible;
	width: 100%;
	margin: 0;
	padding-bottom: 18px;
	background-color: #fff;
}
#modelos .slider-track {
	display: flex;
	gap: 24px;
	transition: transform 0.35s ease;
	will-change: transform;
	background-color: #fff;
}
#modelos .modelo-card {
	flex: 0 0 calc((100% - 72px) / 4);
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.04);
}
#modelos .modelo-capa {
	aspect-ratio: 4 / 4.8;
	background-color: #ddd;
}
#modelos .modelo-capa img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#modelos .modelo-conteudo {
	display: flex;
	flex-direction: column;
	padding: 20px 18px 18px;
	gap: 14px;
}
#modelos .modelo-conteudo h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	line-height: 32px;
	color: var(--white-color);
	font-weight: 600;
	margin: 0;
	text-align: center;
}
#modelos .modelo-medidas {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	min-height: 28px;
}
#modelos .modelo-medidas span {
	font-size: 13px;
	line-height: 16px;
	color: #3f3f3f;
	letter-spacing: 0.02em;
}
#modelos .modelo-acoes {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}
#modelos .modelo-acoes button,
#modelos .modelo-acoes .whatsapp-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	border: 0;
	border-radius: 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: normal;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
#modelos .btn-consultor {
	color: #fff;
}
#modelos .btn-galeria {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--blue-color);
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
	background: transparent;
	border: 0;
	height: auto;
	padding: 0;
	cursor: pointer;
}
#modelos .modelo-conteudo {
	background-color: #fff;
}
#modelos .modelo-conteudo h2 {
	color: var(--black-color);
}

.modelo-modal {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	z-index: 20;
}
.modelo-modal.is-open {
	display: flex;
}
.modelo-modal-overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.72);
}
.modelo-modal-dialog {
	position: relative;
	width: 100%;
	max-width: 1100px;
	max-height: 90vh;
	overflow: auto;
	background-color: #fff;
	border-radius: 24px;
	padding: 28px;
	z-index: 1;
}
.modelo-modal-dialog h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 24px 0;
	color: var(--black-color);
}
.modelo-modal-close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background-color: #f1f1f1;
	cursor: pointer;
}
.modelo-modal-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.modelo-modal-grid img {
	display: block;
	width: 100%;
	border-radius: 16px;
}

#escolha {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
}
#escolha .seta {
	display: flex;
	width: 50px;
	height: 50px;
	background-color: var(--secondary-color);
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	margin-top: -25px;
}
#escolha .seta span {
	color: #fff;
}
#escolha .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 60px 24px;
	flex-direction: column;
}
#escolha .topo {
	display: flex;
	width: 100%;
	justify-content: center;
}
#escolha .informacoes {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
#escolha h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	line-height: 42px;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}
#escolha p {
	font-size: 20px;
	line-height: 28px;
	color: var(--black-color);
}
#escolha .centralizar-quadros {
	display: flex;
	width: calc(100% + 24px);
	margin: 20px 0 0 -24px;
	flex-wrap: wrap;
}
#escolha .quadros {
	display: flex;
	width: calc(25% - 24px);
	min-height: 220px;
	background-color: #fff;
	margin: 0 0 34px 24px;
	border-radius: 20px;
	padding: 24px 18px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
}
#escolha span.size-70 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 56px !important;
	color: var(--blue-color) !important;
	font-variation-settings: 'OPSZ' 70;
	min-height: 74px;
	margin-bottom: 18px;
}
#escolha .quadros h2 {
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	color: var(--black-color);
	margin: 0 0 10px 0;
}
#escolha .descricao {
	display: flex;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	color: #404040;
	justify-content: center;
}
#escolha .div-botao {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: 10px;
}
#escolha .div-botao button,
#escolha .div-botao .whatsapp-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 340px;
	height: 44px;
	border: 0;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}

#projetos {
	display: flex;
	width: 100%;
	justify-content: center;
	position: relative;
	background-image: url('../images/bg-projetos.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 100px 0;
}
#projetos.noimg {
	background-image: none;
	background-color: #000;
}
#projetos .centralizar {
	display: flex;
	width: 100%;
	gap: 30px;
	flex-direction: column;
	max-width: 1200px;
	padding: 0 24px;
	position: relative;
	z-index: 2;
}
#projetos h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom: 20px;
}
#projetos button,
#projetos .whatsapp-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
	margin-top: 30px;
	align-self: center;
	text-align: center;
	text-decoration: none;
}
#projetos .btn-ver-mais-projetos {
	display: none;
}
#projetos button:hover,
#projetos .whatsapp-cta:hover {
	background-color: var(--primary-color);
}
#projetos .projetos {
	column-count: 3;
	column-gap: 20px;
	width: 100%;
}
#projetos .projeto-card {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
}
#projetos .projeto-card img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
	background-color: #111;
}

#carlos-ceccotti {
	display: flex;
	width: 100%;
	justify-content: center;
	background-color: #000;
	overflow: hidden;
}
#carlos-ceccotti .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	min-height: 560px;
	padding: 0 24px;
	align-items: stretch;
}
#carlos-ceccotti .informacoes {
	display: flex;
	width: 52%;
	flex-direction: column;
	justify-content: center;
	padding: 80px 70px 80px 0;
}
#carlos-ceccotti .informacoes p {
	font-size: 16px;
	line-height: 28px;
	color: #9A9A9A;
	margin: 0 0 24px 0;
}
#carlos-ceccotti .informacoes p strong {
	color: #fff;
	font-weight: 700;
}
#carlos-ceccotti .informacoes p:last-child {
	margin-bottom: 0;
}
#carlos-ceccotti .informacoes button,
#carlos-ceccotti .informacoes .whatsapp-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 320px;
	height: 48px;
	margin-top: 10px;
	background-color: var(--blue-color);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	border-radius: 50px;
	cursor: pointer;
	transition: ease-out 0.2s;
	text-align: center;
	text-decoration: none;
}
#carlos-ceccotti .informacoes button:hover,
#carlos-ceccotti .informacoes .whatsapp-cta:hover {
	background-color: #007fb4;
}
#carlos-ceccotti .foto {
	display: flex;
	width: 48%;
	align-items: flex-end;
	justify-content: center;
	padding-top: 15px;
}
#carlos-ceccotti .foto img {
	display: block;
	width: 100%;
	max-width: 490px;
	height: auto;
	align-self: flex-end;
}

#arquitetos-parceiros,
#construtoras-incorporadoras {
	display: flex;
	width: 100%;
	justify-content: center;
	background-color: #f7f7f7;
}
#arquitetos-parceiros {
	background-color: #f7f7f7;
}
#construtoras-incorporadoras {
	background-color: #f3f3f3;
}
#arquitetos-parceiros .centralizar,
#construtoras-incorporadoras .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 80px 24px;
	align-items: center;
}
#arquitetos-parceiros .informacoes,
#construtoras-incorporadoras .informacoes {
	display: flex;
	width: 40%;
	flex-direction: column;
	padding-right: 70px;
}
#arquitetos-parceiros h1,
#construtoras-incorporadoras h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#arquitetos-parceiros p,
#construtoras-incorporadoras p {
	font-size: 16px;
	line-height: 28px;
	color: #565656;
	margin: 0 0 18px 0;
}
#arquitetos-parceiros button,
#construtoras-incorporadoras button,
#arquitetos-parceiros .whatsapp-cta,
#construtoras-incorporadoras .whatsapp-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 320px;
	height: 44px;
	margin-top: 24px;
	border: 0;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
#arquitetos-parceiros p strong,
#construtoras-incorporadoras p strong {
	color: var(--black-color);
	font-weight: 700;
}
#arquitetos-parceiros .videos,
#construtoras-incorporadoras .videos {
	display: flex;
	width: 60%;
	gap: 24px;
}
#arquitetos-parceiros .video-item,
#construtoras-incorporadoras .video-item {
	display: flex;
	width: calc(50% - 12px);
}
#arquitetos-parceiros iframe,
#construtoras-incorporadoras iframe {
	width: 100%;
	aspect-ratio: 9 / 16;
	border: 0;
	border-radius: 24px;
	box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.14);
	background-color: #000;
}


#economia {
	display: flex;
	width: 100%;
	background-color: var(--black-color);
	justify-content: center;
}
#economia .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	min-height: 560px;
	align-items: center;
	padding: 100px 24px;
}
#economia .informacoes {
	display: flex;
	width: 50%;
	flex-direction: column;
	padding-right: 110px;
}
#economia h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--white-color);
	font-weight: 700;
	margin-bottom: 20px;
}
#economia p {
	font-size: 18px;
	line-height: 28px;
	color: var(--white-color);
}
#economia .div-tabela {
	display: flex;
	width: 50%;
	flex-direction: column;
}
#economia .tabela {
	display: flex;
	width: 100%;
	flex-direction: column;
	background-color: var(--white-color);
	border-radius: 10px;
}
#economia .topo-tabela {
	display: flex;
	width: 100%;
	height: 46px;
	background-color: #000000;
	justify-content: space-between;
	border-radius: 10px 10px 0 0;
	padding: 0 10px 0 16px;
}
#economia .topo-campos {
	display: flex;
	width: 25%;
	height: 46px;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 0 10px;
	text-align: center;
}
#economia .linhas-tabela {
	display: flex;
	width: 100%;
	min-height: 31px;
	padding: 4px 10px 4px 16px;
	border-bottom: 1px solid #E5E5E5;
}
#economia .conteudo-tabela {
	display: flex;
	width: 25%;
	min-height: 31px;
	justify-content: center;
	align-items: center;
	color: var(--black-color);
	font-size: 15px;
	padding: 0 10px;
	text-align: center;
}
#economia .explicacao {
	display: flex;
	width: 100%;
	color: var(--white-color);
	margin-top: 20px;
}
#economia button {
	width: 100%;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
	cursor: pointer;
	margin-top: 20px;
	justify-content: center;
	align-items: center;
}
#economia button:hover {
	background-color: var(--primary-color);
}

#depoimentos {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	background-color: #f3f3f3;
}
#depoimentos .seta {
	display: flex;
	width: 50px;
	height: 50px;
	background-color: var(--blue-color);
	border-radius: 50px;
	justify-content: center;
	align-items: center;
	margin-top: -25px;
	position: relative;
	z-index: 1;
}
#depoimentos .seta span {
	color:#fff;
}
#depoimentos .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	padding: 50px 24px;
	flex-direction: column;
}
#depoimentos .informacoes {
	display: flex;
	width: 100%;
	justify-content: center;
}
#depoimentos h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--black-color);
	font-weight: 700;
	text-align: center;
}
#depoimentos .testimonials-carousel {
	overflow: visible;
	margin-top: 40px;
}
#depoimentos .centralizar-quadros {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
}
#depoimentos .quadros {
	display: flex;
	width: calc(33.3% - 13.33px);
	background-color: #fff;
	box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 28px;
	flex-direction: column;
	padding: 30px;
	min-height: 100%;
}
#depoimentos .quadros .div-quem {
	display: flex;
	width: 100%;
	gap: 20px;
	align-items: center;
}
#depoimentos .quadros .nome-cidade {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}
#depoimentos .quadros .img {
	width: 60px;
	height: 60px;
	border-radius: 50px;
	object-fit: cover;
	flex-shrink: 0;
	border: 3px solid rgba(0, 156, 222, 0.15);
}
#depoimentos .quadros p {
	margin: 0;
	color: var(--gray-color);
	line-height: 1.75;
}
#depoimentos .quadros h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	color: var(--black-color);
}
#depoimentos .testimonial-stars {
	color: #f5b301;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1;
}
#depoimentos .testimonial-content {
	display: flex;
	flex: 1;
	margin-top: 18px;
}
#depoimentos .testimonial-content.is-collapsible {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#depoimentos .testimonial-content.is-expanded {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}
#depoimentos button.testimonial-toggle {
	display: inline-flex;
	align-items: center;
	width: auto;
	max-width: none;
	height: auto;
	margin-top: 18px;
	padding: 0;
	background: transparent !important;
	color: var(--blue-color);
	font-size: 14px;
	font-weight: 700;
	border: 0;
	border-radius: 0;
	align-self: flex-start;
}
#depoimentos button.testimonial-toggle:hover {
	background: transparent !important;
	color: var(--black-color);
}
#depoimentos .div-botao {
	display: flex;
	width: 100%;
	justify-content: center;
}
#depoimentos button,
#depoimentos .div-botao .whatsapp-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 320px;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
	margin-top: 30px;
	text-align: center;
	text-decoration: none;
}
#depoimentos button:hover,
#depoimentos .div-botao .whatsapp-cta:hover {
	background-color: var(--primary-color);
}

#faq {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	background-color: #f2f2f2;
	padding: 70px 0;
}
#faq .centralizar {
	display: flex;
	width: 100%;
	max-width: 1200px;
	flex-direction: column;
	padding: 0 24px;
}
#faq h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 40px;
}
#faq .centralizar-perguntas {
	display: flex;
	width: calc(100% + 40px);
	margin-left: -40px;
}
#faq .separacao {
	display: flex;
	width: calc(50% - 40px);
	flex-direction: column;
	margin-left: 40px;
}
#faq .perguntas {
	display: flex;
	width: 100%;
	min-height: 20px;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: var(--white-color);
	padding: 6px 14px 6px 20px;
	margin-bottom: 10px;
	cursor: pointer;
}
#faq .muda-cor {
	background-color: var(--secondary-color);
	color: var(--white-color);
}
#faq .muda-cor h2 {
	color: var(--white-color) !important;
}
#faq .seta {
	display: flex;
	min-height: 50px;
	align-items: center;
}
#faq .respostas {
	display: none;
	width: 100%;
	padding: 20px 24px;
	background-color: var(--white-color);
	border-radius: 10px;
	margin-bottom: 10px;
}
#faq h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: var(--black-color);
	font-weight: 600;
	padding-right: 20px;
}
#faq p {
	font-size: 16px;
	line-height: 28px;
	color: var(--gray-color);
}
#faq button {
	width: 100%;
	max-width: 400px;
	height: 44px;
	background-color: var(--secondary-color);
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	border-radius: 50px;
	transition: ease-out 0.2s;
  	cursor: pointer;
	margin-top:20px;
}
#faq button:hover {
	background-color: var(--primary-color);
}

/* Footer */
footer {
	display: flex;
	width: 100%;
	background-color: #eeeeee;
	padding: 30px 24px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #444;
	gap: 20px;
	line-height: 1.4;
	text-align: center;
}
footer img {
	width: 100%;
	max-width: 120px;
}
footer .end {
	font-weight: 700;
}
footer .dev {
	margin-top:20px;
	color:#888;
}
footer a {
	text-decoration: none;
	color: #888;
	font-weight: 700;
}
footer iframe {
	width: 100%;
	max-width: 1200px;
	height: 240px;
	border-radius: 10px;
}


#whatsflutuante {position:fixed; bottom:15px; right:15px; z-index:3}
#whatsflutuante button {width:60px; height:60px; border-radius:50px; background-color:#0fbe72; color:#fff; border:0px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.30)}
#whatsflutuante button:hover {background-color:#0eaa66; cursor:pointer}
#whatsflutuante button i {color:#fff; font-size:30px}

/* Responsive */
@media screen and (max-width: 1000px){
	#modelos .modelo-card {
		flex: 0 0 calc((100% - 24px) / 2);
	}
	.modelo-modal-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#arquitetos-parceiros .centralizar,
	#construtoras-incorporadoras .centralizar {
		flex-direction: column;
		padding: 60px 24px;
		align-items: flex-start;
	}
	#arquitetos-parceiros .informacoes,
	#construtoras-incorporadoras .informacoes {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	#arquitetos-parceiros .videos,
	#construtoras-incorporadoras .videos {
		width: 100%;
	}
	#carlos-ceccotti .centralizar {
		min-height: auto;
		padding: 60px 24px 0;
		flex-direction: column;
	}
	#carlos-ceccotti .informacoes {
		width: 100%;
		padding: 0;
	}
	#carlos-ceccotti .foto {
		width: 100%;
		margin-top: 30px;
	}
	#economia .centralizar {
		height: auto;
		padding: 50px 24px;
		flex-direction: column;
	}
	#economia .informacoes {
		width: 100%;
		padding-right: 0;
	}
	#economia .div-tabela {
		width: 100%;
		margin-top: 50px;
	}
	#economia h1 {
		text-align: center;
	}
}

@media screen and (max-width: 900px){
	#depoimentos .informacoes {
		width: 100%;
	}
	#depoimentos h1 {
		text-align: center;
	}
	#depoimentos .quadros {
		width: calc(50% - 10px);
	}
	#faq h1 {
		text-align: center;
	}
	#faq .centralizar-perguntas {
		width: 100%;
		margin-left: 0;
		flex-direction: column;
	}
	#faq .separacao {
		width: 100%;
		margin-left: 0;
	}
	#projetos .projetos {
		column-count: 2;
	}
}

@media screen and (max-width: 850px){
	#modelos {
		padding: 60px 0;
	}
	#modelos h1 {
		font-size: 28px;
		line-height: 34px;
	}
	#modelos .modelos-slider {
		justify-content: center;
	}
	#modelos .slider-nav {
		width: 44px;
		height: 44px;
	}
	#modelos .slider-nav.prev { left: -12px; }
	#modelos .slider-nav.next { right: -12px; }
	header {
		justify-content: center;
		align-items: center;
	}
	header .centralizar {
		flex-direction: column;
		padding: 40px 24px;
	}
	header h1 {
		margin-top: 30px;
  }
	header .logo {
		width: 100%;
		padding-right: 0;
	}
	header .informacoes {
		width: 100%;
		align-items: center;
		margin-top: 30px;
	}
	#para-quem .centralizar {
		flex-direction: column;
	}
	#para-quem .informacoes {
		width: 100%;
		padding-right: 0;
	}
	#para-quem .fotos {
		width: 100%;
		align-items: center;
		margin-top: 30px;
	}
	#para-quem button,
	#para-quem .informacoes .whatsapp-cta {
		display: none;
	}
	#para-quem .informacoes {
		align-items: center;
	}
	#para-quem .fotos button,
	#para-quem .fotos .whatsapp-cta {
		display: flex;
		max-width: 360px;
	}
	#escolha .topo {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#escolha .informacoes {
		width: 100%;
	}
	#escolha h1 {
		text-align: center;
	}
	#escolha p {
		text-align: center;
	}
	#escolha .centralizar-quadros {
		margin: 40px 0 0 -24px;
	}
	#escolha .quadros {
		width: calc(33.3% - 24px);
		margin: 0 0 30px 24px;
	}
	#projetos {
		padding: 50px 0;
	}
	#projetos h1 {
		text-align: center;
	}
}

@media screen and (max-width: 630px){
	#arquitetos-parceiros .videos,
	#construtoras-incorporadoras .videos {
		gap: 16px;
	}
	#arquitetos-parceiros .video-item,
	#construtoras-incorporadoras .video-item {
		width: calc(50% - 8px);
	}
	#escolha .quadros {
		width: calc(50% - 24px);
		min-height: auto;
	}
	#economia .tabela {
		overflow: auto;
	}
	#economia .topo-tabela {
		width: 600px;
	}
	#economia .linhas-tabela {
		width: 600px;
	}
}

@media screen and (max-width: 540px){
	#projetos .projeto-extra {
		display: none;
	}
	#projetos .projetos.is-expanded .projeto-extra {
		display: inline-block;
	}
	#projetos .btn-ver-mais-projetos {
		display: block;
	}
	#projetos .btn-cta-projetos {
		display: none;
	}
	#projetos.is-expanded-mobile .btn-cta-projetos {
		display: inline-flex;
	}
	#modelos .topo p {
		font-size: 16px;
		line-height: 28px;
	}
	#modelos .modelo-card {
		flex: 0 0 min(82vw, 320px);
	}
	#modelos .modelo-conteudo h2 {
		font-size: 28px;
		line-height: 30px;
	}
	#modelos .slider-nav {
		display: none;
	}
	#modelos .slider-viewport {
		overflow-x: auto;
		width: 100%;
		margin: 0;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}
	#modelos .slider-track {
		width: max-content;
	}
	#modelos .modelo-card {
		width: min(82vw, 320px);
	}
	.modelo-modal-dialog {
		padding: 22px 18px;
	}
	.modelo-modal-grid {
		grid-template-columns: 1fr;
	}
	#escolha .centralizar {
		overflow: visible;
	}
	#escolha .topo {
		width: 100%;
	}
	#escolha .informacoes {
		width: 100%;
	}
	#escolha .centralizar-quadros {
		display: flex;
		width: 100%;
		flex-wrap: nowrap;
		gap: 16px;
		margin: 40px 0 0 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		padding: 0 24px 12px 0;
	}
	#escolha .centralizar-quadros::-webkit-scrollbar {
		height: 6px;
	}
	#escolha .quadros {
		width: min(86vw, 300px);
		min-height: 240px;
		flex: 0 0 min(86vw, 300px);
		margin: 0;
		padding: 24px 18px;
	}
	#escolha .div-botao {
		margin-top: 24px;
	}
	#depoimentos .testimonials-carousel {
		overflow-x: auto;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
	#depoimentos .centralizar-quadros {
		display: flex;
		width: max-content;
		flex-wrap: nowrap;
		gap: 16px;
		margin: 0;
	}
	#depoimentos .quadros {
		width: min(86vw, 320px);
		flex: 0 0 min(86vw, 320px);
		margin: 0;
		padding: 24px;
	}
	#depoimentos .quadros p {
		min-height: auto;
	}
	#projetos .projetos {
		column-count: 1;
	}
	header {
		background-position: -1600px;
	}
}

@media screen and (max-width: 420px){
	#arquitetos-parceiros .videos,
	#construtoras-incorporadoras .videos {
		flex-direction: column;
	}
	#arquitetos-parceiros .video-item,
	#construtoras-incorporadoras .video-item {
		width: 100%;
	}
	#carlos-ceccotti .informacoes p {
		font-size: 18px;
		line-height: 30px;
	}
	header .quadro {
		padding: 30px 24px;
  	}
	header h1 {
		font-size: 24px;
		line-height: 32px;
	}
	header h2 {
	font-size: 18px;
	line-height: 24px;
	}
	header form {
		margin-top: 10px;
	}
	header button {
		padding: 10px 0;
	}
	#para-quem {
		padding: 50px 0;
	}
	#para-quem h1 {
		margin-bottom: 20px;
	}
	#para-quem .icones {
		display: none;
	}
	#para-quem .fotos-2 {
		flex-direction: column;
	}
	#para-quem .img-1 {
		width: 100%;
		height: 240px;
	}
	#para-quem .img-2 {
		width: 100%;
		height: 240px;
		margin-right: 0;
	}
	#para-quem .img-3 {
		width: 100%;
		height: 240px;
		margin-left: 0;
		margin-top: 20px;
	}
	#economia .explicacao {
		flex-direction: column;
		line-height: 26px;
	}
	#faq h2 {
		font-size: 14px;
		line-height: 20px;
		padding-right: 10px;
	}
	#whatsapp img {
		height: 40px;
	}
}

@media screen and (max-width: 340px){
	#whatsapp {
		right: 20px;
		bottom: 20px;
	}
	footer {
		padding: 40px 24px 40px 24px;
	}
	footer img {
		max-width: 160px;
	}
}