/**
 * Cores do tema `imobiliaria01vs2`.
 *
 * Cópia do CSS de cor do tema original com a cor fixa trocada por
 * `var(--cor-principal)`, alimentada pelo cadastro da imobiliária
 * (`imobiliaria_theme_cor_principal`, injetada no <body> por TemaSite::cssVars).
 *
 * É isso que permite o color picker do painel: a cor deixa de ser um ARQUIVO
 * pronto (blue1.css, orange.css, ... 23 deles) e passa a ser um valor. O
 * fallback do `var()` é a cor do arquivo de origem, então tenant sem cor
 * cadastrada continua vendo exatamente o que via antes.
 */
body {background-color:#EEE;}
.cabecalho1{background-color: var(--cor-principal, #091a38); height: 8px}
.cabecalho2{margin-bottom: 15px;}
.logo{margin-top: 10px; padding-bottom: 10px}
.bg_logo{height: 250px;margin-left: 0px;}
.p-t-10{padding-top: 10px;}.p-t-20{padding-top: 20px;}.p-t-30{padding-top: 30px;}.p-t-40{padding-top: 40px;}.p-t-50{padding-top: 50px;}
.p-b-10{padding-bottom: 10px}.p-b-20{padding-bottom: 20px}.p-b-30{padding-bottom: 30px}.p-b-40{padding-bottom: 40px}.p-b-50{padding-bottom: 50px}
.m-t-10{margin-top: 10px}.m-t-20{margin-top: 20px}.m-t-30{margin-top: 30px}.m-t-40{margin-top: 40px}.m-t-50{margin-top: 50px}
.m-b-10{margin-bottom: 10px}.m-b-20{margin-bottom: 20px}.m-b-30{margin-bottom: 30px}.m-b-40{margin-bottom: 40px}.m-b-50{margin-bottom: 50px}
.box-bg-white{
	background-color: #FFF;
	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
/* Topo: fundo e letra saem do cadastro da imobiliária (`imobiliaria_cor_topo_fundo`
 * e `imobiliaria_cor_font_topo`), que o painel oferece em color picker e o
 * `TemaSite::cssVars()` injeta no <body>. Até aqui as duas variáveis chegavam ao
 * HTML e NENHUMA regra as lia: o cliente escolhia a cor, o sistema gravava, e o
 * topo continuava branco.
 *
 * Escopado em `.cabecalho2` de propósito: `.box-bg-white` também veste as caixas
 * da página Mapa, e sem o escopo escolher a cor do topo repintaria a lista de
 * imóveis de lá.
 *
 * O fallback é o valor fixo anterior — quem nunca mexeu nos seletores vê
 * exatamente o mesmo topo de antes: branco com texto #333, o herdado do
 * Bootstrap 3. O #333 está escrito aqui em vez de `inherit` porque `inherit` não
 * é garantia de nada — ele herda o que estiver no <body>, e disfarça de decisão o
 * que é acidente da folha de terceiros.
 *
 * ATENÇÃO — legibilidade não está resolvida por este CSS: quem escolher um fundo
 * escuro e NÃO escolher a letra fica com #333 sobre escuro (preto dá 1.66:1,
 * ilegível). Os dois campos são independentes no painel; parear ou avisar é
 * decisão de produto, registrada como NEEDS CLARIFICATION na spec 010. */
.cabecalho2 .box-bg-white{
	background-color: var(--cor-topo-fundo, #FFF);
	color: var(--cor-font-topo, #333);
}
/* O link do logo precisa ser explícito: a regra `a{color: var(--cor-principal)}`
 * lá embaixo vence a herança, então sem isto o nome da imobiliária (tenant sem
 * logo enviado) ficaria na cor principal sobre o fundo do topo — preto no preto
 * no caso mais comum.
 *
 * O `:hover`/`:focus` vem junto de propósito: a regra acima já venceria
 * `a:focus, a:hover` por especificidade, então sem isto o link do topo perderia
 * o feedback de cor sem ninguém ter decidido isso. */
.cabecalho2 .box-bg-white a,
.cabecalho2 .box-bg-white a:focus,
.cabecalho2 .box-bg-white a:hover{
	color: var(--cor-font-topo, #333);
}
.bg-search{
	background-color: var(--cor-principal, #091a38);
	color: #fff;
}
.telefones-top{
	font-size: 1.6em;
	font-weight: 700;
}
.whatsapp{
	color: #33af35;
	font-weight: 700;
}

.box-visao-1{
	background-color: var(--cor-principal, #091a38);
	color: #fff;
	height: 130px;
}
.box-visao-2{
	background-color: var(--cor-principal, #091a38);
	opacity: 0.5;
	color: #fff;
	height: 130px;
}
.box-imovel{
	background-color: #fff;
	box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.16);
	margin-bottom: 20px;
}
.box-imovel:hover{
	box-shadow: 1px 1px 20px 4px rgb(32, 82, 135);
}
.card-title{
	padding: 15px 15px 0px 15px;
	font-size: 18px;
}
.card-title h3{
	font-size: 18px;
}
.card-description{
	padding: 0px 15px 0px 15px;
	min-height: 280px;
}
.footer{
	background-color: var(--cor-principal, #091a38);
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer a{
	color: #fff;
}

a:focus, a:hover {
    color: var(--cor-principal, #091a38);
    text-decoration: underline;
}
a {
    color: var(--cor-principal, #091a38);
    text-decoration: none;
}

.btn-primary {
	background-color: var(--cor-principal, #091a38) !important;
	color: #FFFFFF !important;
    border-color: var(--cor-principal, #091a38);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--cor-principal, #091a38);
    border-color: var(--cor-principal, #091a38);
}
.gb-form-contato{
	background-color: var(--cor-principal, #091a38);
	color: #fff;	
	border-radius: 0px 10px 10px 0px;
    padding: 15px;
    border: 5px solid #fff;
	box-shadow: -1px 1px 6px 0px #bdbcbc;
}

.bg-white{
	background-color: #FFFFFF;
	padding: 15px;
	box-shadow: 0 0 6px 0px #d2d2d2;
}
.menu_top {
	color: var(--cor-principal, #091a38);
	font-weight: 700;
	background-color: #ffffff;
	padding: 5px;
}
.menu_top:hover {
	color: #fff;
	background-color: var(--cor-principal, #091a38);
}
.pg-title{
    font-size: 1.8em;
    font-weight: normal;
    border-left: 10px solid var(--cor-principal, #091a38);
	opacity: 0.8;
    padding-left: 15px;
}
.post-item-corpo{
	background-color: #f5f5f5;
	padding: 25px;
	border: 5px solid #ffffff;
	box-shadow: 0 0 8px #d8d8d8;
}
.label-primary {
    background-color: var(--cor-principal, #091a38);
}