/* CSS Document */
	
	@charset "UTF-8";

	@font-face {
	Font-Family: 'Principal';
	src: url("../_sources/_fonts/_Dosis/Dosis-ExtraBold.ttf");
	}
	
	@font-face {
	Font-Family: 'Destaque';
	src: url("../_sources/_fonts/_Comfortaa/Comfortaa-Bold.ttf");
	}
	
	@font-face {
	Font-Family: 'Link';
	src: url("../_sources/_fonts/_Comfortaa/Comfortaa-Regular.ttf");
	}
	
	@font-face {
	Font-Family: 'Empresa';
	src: url("../_sources/_fonts/_Righteous/Righteous-Regular.ttf");
	}
	
	
	/*========== PADRÃO *.* PÁGINAS ==========*/

	body {
	margin: 0px;
	padding: 78px 0 0;
	border: none;
	outline: none;
	box-sizing: border-box;
	background-color: #e5e5e5;
	}
	
	.letra {
	font-family: Link;
	font-size: 14px;
	color: #2F4F4F;
	}
	
	.ftlan {
	width: 100%;
	height: 250px;
	display: block;
	background: url("../_sources/_imagens/Lançamento.jpg") no-repeat 50% 50%;	
	}
	
	.ftalu {
	width: 100%;
	height: 250px;
	display: block;
	background: url("../_sources/_imagens/Aluguel.jpg") no-repeat 50% 50%;	
	}
	
	.ftven {
	width: 100%;
	height: 250px;
	display: block;
	background: url("../_sources/_imagens/Venda.jpg") no-repeat 50% 50%;	
	}

	.ftlan,
	.ftalu,
	.ftven {
	position: relative;
	}

	.imagem-card-clicavel {
	cursor: pointer;
	}

	.imagem-card-clicavel:focus-visible {
	outline: 3px solid #00BFFF;
	outline-offset: -3px;
	}

	.btn-compartilhar-whatsapp {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #25D366;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
	cursor: pointer;
	z-index: 2;
	}

	.btn-compartilhar-whatsapp:hover,
	.btn-compartilhar-whatsapp:focus-visible {
	background: #128C7E;
	}

	.btn-compartilhar-whatsapp img {
	width: 24px;
	height: 24px;
	}
	
	header {
	border-bottom: 2px #2F4F4F solid;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1030;
	background-color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
	}
	
	footer {
	height: 200px;
	width: 100%;
	background-color: #2F4F4F;
	background-attachment: fixed;
	border-top: 7px #2F4F4F solid;
	padding: 5px;
	text-align: center;
	margin-top: 20px;
	}
	
	.espaço1 {
	height: 100px;	
	}
	
	.espaço2 {
	height: 20px;	
	}
	
	.espaço3 {
	height: 30px;	
	}
	
	.linha {
	border-bottom: 1px #ccc solid;
	margin-bottom: 5px;
	}
	
	.redes {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 150px;
	padding: 2px;
	margin: 5px auto 1px auto;
	}
	
	.youtube {
	padding: 4px;
	background-color: #FF0000;
	border-radius: 20px;	
	}
	
	.instagram {
	padding: 4px;
	background: linear-gradient(to top, #FFA500, #9400D3);
	border-radius: 20px;
	}

	.facebook {
	padding: 4px;
	background-color: #3b5998;
	border-radius: 20px;
	}
	
	.linkedin {
	padding: 4px;
	background-color: #4682B4;
	border-radius: 20px;
	}
	
	/*========== 'H' e 'LETRAS' ==========*/
	
	h1 {
	text-align: center;
	color: #2F4F4F;
	font-family: Principal;
	font-size: 26px;
	}
	
	h2 {
	font-size: 28px;
	font-family: Principal;
	text-align: center;
	}
	
	h3 {
	font-family: Principal;
	font-size: 20px;
	color: #2F4F4F;
	border-bottom: 1px #ccc solid;
	margin-bottom: 5px;
	}
	
	h4 {
	text-align: center;
	color: #2F4F4F;
	font-family: Link;
	font-size: 20px;
	}
	
	h5 {
	text-align: center;
	font-family: Link;
	font-size: 18px;
	color: #2F4F4F;
	}
	
	h6 {
	text-align: center;
	color: #fff;
	font-family: Link;
	font-size: 16px;
	}
	
	.texto {
	font-family: Link;
	font-size: 12px;
	color: #fff;
	}
	
	.navbar-light .navbar-nav [data-link="portal"] {
	color: #2F4F4F !important;
	font-family: Link;
	font-size: 16px;
	border-bottom: 2px transparent solid;
	}
	
	.navbar-light .navbar-nav [data-link="portal"]:hover {
	color: #00FFFF !important;
	font-family: Link;
	font-size: 16px;
	background-color: #2F4F4F;
	border-bottom: 2px #00FFFF solid;
	}
	
	#PIB {
	color: #2F4F4F;
	font-family: Principal;
	font-size: 20px;
	}
	
	.empresa {
	font-family: Empresa;
	font-size: 16px;	
	}
	
	.localizacao {
	font-family: Destaque;
	font-size: 20px;
	color: #2F4F4F;	
	}
	
	.detalhe {
	font-family: Link;
	font-size: 12px;
	color: #2F4F4F;
	}
	
	/*========== TOOLBOX ==========*/
	
	.acesso {
	border: none;
	border-radius: 5px;
	padding: 12px 12px 12px 40px;
	background: url("../_sources/_imagens/U2.png") no-repeat 10% 50%;
	background-color: #ccc;
	color: #777;
	font-family: Principal;
	font-size: 14px;
	}
	
	.acesso:hover {
	background: url("../_sources/_imagens/U1.png") no-repeat 10% 50%;
	background-color: #2F4F4F;
	color: #00FFFF;
	}
	
	.saiba {
	border: none;
	border-radius: 5px;
	padding: 12px 12px 12px 40px;
	background: url("../_sources/_imagens/Conversa42.png") no-repeat 10% 50%;
	background-color: #ccc;
	color: #444;
	font-family: Link;
	font-size: 12px;
	}
	
	.saiba:hover {
	background: url("../_sources/_imagens/Conversa24.png") no-repeat 10% 50%;
	background-color: #444;
	color: #fff;
	}
	
	.btnopcao {
	border: none;
	border-radius: 4px;
	background-color: #2F4F4F;
	color: #fff;
	padding: 10px;
	font-family: Botão;
	font-size: 14px;
	}
	
	#btnGroupAddon {
	background: url("../_sources/_imagens/Local24.png") no-repeat 10% 40%;
	background-color: #e5e5e5;
	padding: 10px 15px 1px 15px;
	}
	
	.form-control {
	text-align: center;
	font-family: Link;
	font-size: 14px;
	color: #2F4F4F;
	}
	
	.cxtxt {
	border: none;
	border-bottom: 1px #2F4F4F solid;
	background-color: transparent;
	color: #2F4F4F;
	text-align: center;
	width: 100%;
	height: 34px;
	font-family: Destaque;
	}
	
	.cxtxt:focus {
	box-shadow: 2px 2px 3px #2F4F4F;
	}
	
	/*==============#---> INDEX <---#==============*/
	
	.local {
	margin-left: 8px;
	margin-top: -12px;
	}
	
	.back {
	background: url("../_sources/_imagens/casa.jpg") no-repeat fixed;
	width: 100%;
	height: 551px;
	margin-top: -20px;
	}
	
	.form-control {
	margin-bottom: 4px;
	margin-top: 4px;
	}
	
	/*= Busca Avançada =*/

	.filtros-atributos {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin-left: auto;
	margin-right: auto;
	}

	.filtros-acordeao {
		width: 100%;
		margin: 4px auto 18px;
		border: 0;
		background: transparent;
		text-align: center;
	}

	.filtros-acordeao summary {
		padding: 8px 12px;
		cursor: pointer;
		list-style: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		color: #2F4F4F;
		font-family: Label, Arial, sans-serif;
	}

	.filtros-acordeao summary::-webkit-details-marker {
		display: none;
	}

	.filtros-acordeao-icone {
		width: 18px;
		height: 18px;
		flex: 0 0 18px;
		background-color: #2F4F4F;
		-webkit-mask: url("../_sources/_imagens/Mais%20buscas24.png") center / contain no-repeat;
		mask: url("../_sources/_imagens/Mais%20buscas24.png") center / contain no-repeat;
	}

	.filtros-acordeao[open] .filtros-acordeao-icone {
		-webkit-mask-image: url("../_sources/_imagens/Menos%20busca24.png");
		mask-image: url("../_sources/_imagens/Menos%20busca24.png");
	}

	.filtros-acordeao[open] summary {
		border-bottom: 1px solid #c7eaf8;
	}

	.filtros-acordeao .filtros-atributos {
		padding: 12px 10px 4px;
	}

	.filtros-atributos .form-check-inline {
	display: inline-flex;
	align-items: center;
	margin-right: 0;
	}

	.filtros-atributos .form-check-inline .form-check-input {
		position: static;
		margin: 0 6px 0 0;
	}

	.filtros-atributos .form-check-inline .letra {
		margin: 0;
	}
	
	option {
	font-family: Destaque;
	height: 34px;
	color: #2F4F4F;
	text-align: center;
	}
	
	.cxcinza {
	border: none;
	border-bottom: 1px #2F4F4F solid;
	color: #C71585;
	text-align: center;
	width: 100%;
	height: 34px;
	display: block;
	font-family: Link;
	}
	
	.mais {
	color: #2F4F4F;
	font-family: Principal;
	font-size: 16px;
	margin-left: 4px;
	}
	
	.busca {
	border: none;
	margin-top: 20px;
	margin-bottom: -20px;
	background: url("../_sources/_imagens/P1.png") no-repeat 20px 50%;
	background-color: #888;
	color: #fff;
	font-family: Principal;
	font-size: 16px;
	height: 35px;
	width: 100%;
	border-radius: 20px;
	}
	
	.busca:hover {
	background: url("../_sources/_imagens/P2.png") no-repeat 120px 50%;
	background-color: #2F4F4F;
	color: #00FF00;
	transition: 0.5s;
	}
	
	.checado {
	font-family: Botão;
	font-size: 12px;	
	}
	
	.Ver {
	border-radius: 8px;
	border: 1px #2F4F4F solid;
	color: #2F4F4F;
	background-color: #fff;
	font-family: Link;
	font-size: 10px;
	padding: 6px;
	}
	
	.Ver:hover {
	background-color: #2F4F4F;
	color: #00FF00;
	box-shadow: 1px 3px 6px #555;
	transition: 0.6s;
	}
	
	.yellow {
	color: #FFD700;
	font-family: Link;
	font-size: 10px;
	background-color: #2F4F4F;
	padding: 5px;
	}
	
	.adiciona {
	width: 100%;
	height: 40px;
	color: #fff;
	border: none;
	background-color: #2F4F4F;
	padding: 10px;
	font-family: Link;
	font-size: 14px;
	text-align: center;
	justify-content: space-between;
	}
	
	.cxpesquisa {
	background-color: #fff;
	width: 80%;
	height: 100%;
	padding: 10px;
	box-shadow: 3px 3px 6px #333;
	margin-bottom: 20px;
	margin-left: 10%;
	margin-right: 10%;
	border-radius: 2px 10px 10px 10px;
	}
	
	/*= Caixa de imóveis =*/
	
	.altura {
	margin-bottom: 12px;
	}
	
	.centro {
	text-align: center;
	}
	
	.tudo {
	height: 60px;
	width: 80px;
	padding: 2px;
	margin: 1px auto;
	}
	
	.resultado {
	font-family: Destaque;
	font-size: 14px;
	color: #00FF00;
	text-align: center;
	margin-top: 8px;
	}
	
	.valor {
	font-family: Destaque;
	font-size: 12px;
	color: #2F4F4F;
	text-align: center;
	margin-top: 8px;
	}

	.transacao-card {
	display: inline-block;
	margin: 0;
	padding: 6px;
	background-color: #fff;
	border: 1px #2F4F4F solid;
	color: #2F4F4F;
	font-family: Link;
	font-size: 10px;
	border-radius: 8px;
	}
	
	/*= Área Resultado =*/
	
	.inputgroup {
	margin-bottom: 5px;
	margin-top: 5px;
	}
	
	/*==========#---> ALUGUEL <---#==========*/
	
	
	/*==========#---> VENDA <---#==========*/
	
	
	/*==========#---> LANÇAMENTO <---#==========*/
	

.chat-portal-destaque {
	position: fixed;
	right: 28px;
	bottom: 28px;
	z-index: 1000;
	width: 52px;
	height: 52px;
	min-height: 0;
	padding: 8px;
	border: 2px solid #2682d0;
	border-radius: 50%;
	background: #fff;
	box-shadow: 2px 2px 4px #000022;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: transform 0.15s ease, background-color 0.15s ease;
}

.chat-portal-destaque:hover,
.chat-portal-destaque:focus {
	background: #000022;
	color: #00bfff;
	text-decoration: none;
}

.chat-portal-destaque img {
	width: 32px;
	height: 32px;
	flex: 0 0 auto;
}

.chat-portal-destaque span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

@media (max-width: 600px) {
	.chat-portal-destaque {
		right: 14px;
		bottom: 14px;
	}
}