/* Oferta Justa Imóveis — frontend premium
 * Compatibilidade: sem CSS grid gap (colunas em inline-block), prefixos
 * -webkit-, sem backdrop-filter, !important contra conflitos de tema WP.
 * Paleta: verde-confiança #0E5E48, âmbar-valor #B57A1C, creme #F5F3EE.
 */

.oji,
.oji * {
	box-sizing: border-box !important;
}

.oji {
	max-width: 620px !important;
	margin: 0 auto !important;
	padding: 26px 26px 20px !important;
	background: #F5F3EE !important;
	border: 1px solid #E2DFD5 !important;
	border-radius: 14px !important;
	color: #14302A !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	line-height: 1.5 !important;
	-webkit-font-smoothing: antialiased;
	text-align: left !important;
}

/* Topo: eyebrow + toggle idioma */
.oji-top {
	overflow: hidden !important;
	margin-bottom: 14px !important;
}
.oji-eyebrow {
	float: left !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-style: italic !important;
	font-size: 13px !important;
	letter-spacing: .01em !important;
	color: #0E5E48 !important;
}
.oji-lang {
	float: right !important;
	border: 1px solid #CFCBBE !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	background: #EFEDE5 !important;
}
.oji-lang-btn {
	border: 0 !important;
	background: transparent !important;
	padding: 5px 13px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .05em !important;
	color: #6B7470 !important;
	cursor: pointer !important;
	line-height: 1.4 !important;
}
.oji-lang-btn.is-on {
	background: #0E5E48 !important;
	color: #fff !important;
}

/* Cabeçalho */
.oji-h2 {
	margin: 0 0 6px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 400 !important;
	font-size: 28px !important;
	line-height: 1.18 !important;
	letter-spacing: -.01em !important;
	color: #0A3D30 !important;
}
.oji-sub {
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 15px !important;
	color: #55605B !important;
	max-width: 48ch !important;
}

/* Legendas de secção */
.oji-leg {
	margin: 18px 0 10px !important;
	padding: 0 0 6px !important;
	border-bottom: 1px solid #E2DFD5 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: #97836A !important;
}

/* Linhas e campos (colunas em inline-block, sem grid) */
.oji-row {
	font-size: 0 !important; /* remove espaço entre inline-blocks */
	margin-bottom: 12px !important;
}
.oji-f {
	display: inline-block !important;
	vertical-align: top !important;
	font-size: 15px !important;
}
.oji-f-1 { width: 50% !important; }
.oji-f-2 { width: 100% !important; }
.oji-row .oji-f-1:first-child { padding-right: 7px !important; }
.oji-row .oji-f-1:last-child { padding-left: 7px !important; }

.oji-f > span {
	display: block !important;
	margin-bottom: 5px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #36433D !important;
}
.oji-f input,
.oji-f select {
	width: 100% !important;
	padding: 10px 11px !important;
	border: 1px solid #CFCBBE !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	color: #14302A !important;
	background: #fff !important;
	line-height: 1.3 !important;
	-webkit-appearance: none;
	appearance: none;
}
.oji-f input:focus,
.oji-f select:focus {
	outline: none !important;
	border-color: #0E5E48 !important;
	-webkit-box-shadow: 0 0 0 3px rgba(14,94,72,.14) !important;
	box-shadow: 0 0 0 3px rgba(14,94,72,.14) !important;
}

/* Checkboxes */
.oji-checks {
	overflow: hidden !important;
	margin: 4px 0 8px !important;
}
.oji-chk {
	display: inline-block !important;
	width: 50% !important;
	margin-bottom: 9px !important;
	font-size: 14px !important;
	color: #36433D !important;
	cursor: pointer !important;
}
.oji-chk input { margin-right: 7px !important; vertical-align: middle !important; }
.oji-chk span { vertical-align: middle !important; }

/* Secção opcional (capacidade) */
.oji-det {
	margin: 6px 0 4px !important;
	border-top: 1px solid #E2DFD5 !important;
	padding-top: 6px !important;
}
.oji-leg-sum {
	cursor: pointer !important;
	border-bottom: 0 !important;
	margin-bottom: 4px !important;
	list-style: none !important;
}
.oji-leg-sum::-webkit-details-marker { display: none !important; }
.oji-leg-sum:before { content: "+ " !important; color: #0E5E48 !important; }
.oji-det[open] .oji-leg-sum:before { content: "– " !important; }
.oji-ax {
	margin: 0 0 12px !important;
	font-size: 13px !important;
	color: #6B7470 !important;
}

/* Botão */
.oji-cta {
	display: block !important;
	width: 100% !important;
	margin-top: 8px !important;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #0E5E48 !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: .01em !important;
	cursor: pointer !important;
	-webkit-transition: background .15s ease !important;
	transition: background .15s ease !important;
}
.oji-cta:hover { background: #0A4636 !important; }
.oji-cta:disabled { opacity: .6 !important; cursor: default !important; }

/* ---------- Resultado ---------- */
.oji-out {
	margin-top: 22px !important;
	padding: 22px !important;
	background: #fff !important;
	border: 1px solid #E2DFD5 !important;
	border-radius: 12px !important;
	-webkit-animation: oji-in .35s ease both !important;
	animation: oji-in .35s ease both !important;
}
@-webkit-keyframes oji-in { from { opacity: 0; -webkit-transform: translateY(8px); } to { opacity: 1; -webkit-transform: none; } }
@keyframes oji-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.oji-out-head {
	margin: 0 0 2px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	color: #97836A !important;
}
.oji-out-val {
	margin: 0 0 2px !important;
	font-weight: 700 !important;
	font-size: 30px !important;
	line-height: 1.1 !important;
	color: #0A3D30 !important;
	font-variant-numeric: tabular-nums !important;
	letter-spacing: -.01em !important;
}
.oji-out-m2 {
	margin: 0 0 18px !important;
	font-size: 13px !important;
	color: #6B7470 !important;
	font-variant-numeric: tabular-nums !important;
}

/* Régua de avaliação (assinatura) */
.oji-regua-wrap { margin: 6px 0 22px !important; }
.oji-regua {
	position: relative !important;
	height: 12px !important;
	margin: 30px 0 36px !important;
	background: #ECE9E1 !important;
	border-radius: 6px !important;
}
.oji-faixa {
	position: absolute !important;
	top: 0 !important;
	height: 12px !important;
	background: #0E5E48 !important;
	border-radius: 6px !important;
	-webkit-transition: left .5s ease, width .5s ease !important;
	transition: left .5s ease, width .5s ease !important;
}
.oji-mark {
	position: absolute !important;
	top: -6px !important;
	width: 2px !important;
	height: 24px !important;
	margin-left: -1px !important;
}
.oji-mark-mercado { background: #B57A1C !important; }
.oji-mark-banco { background: #3A5560 !important; }
.oji-mark-lab {
	position: absolute !important;
	white-space: nowrap !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .03em !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}
.oji-lab-top { top: -34px !important; }
.oji-lab-bot { top: 26px !important; }
.oji-lab-mercado { color: #B57A1C !important; }
.oji-lab-banco { color: #3A5560 !important; }
.oji-lab-oferta { color: #0E5E48 !important; }

/* Cartões mercado / banco */
.oji-cards { overflow: hidden !important; margin-bottom: 16px !important; }
.oji-card {
	display: inline-block !important;
	vertical-align: top !important;
	width: 50% !important;
}
.oji-card:first-child { padding-right: 7px !important; }
.oji-card:last-child { padding-left: 7px !important; }
.oji-card-in {
	border: 1px solid #E2DFD5 !important;
	border-radius: 9px !important;
	padding: 12px 13px !important;
	background: #FAF9F5 !important;
}
.oji-card-k {
	margin: 0 0 3px !important;
	font-size: 12px !important;
	color: #6B7470 !important;
}
.oji-card-v {
	margin: 0 !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	color: #14302A !important;
	font-variant-numeric: tabular-nums !important;
}

/* Capacidade de compra */
.oji-cap {
	margin: 4px 0 16px !important;
	padding: 14px 15px !important;
	border-radius: 9px !important;
	background: #F0F4EF !important;
	border: 1px solid #D8E2D4 !important;
}
.oji-cap-k { margin: 0 0 2px !important; font-size: 12px !important; color: #4B6152 !important; }
.oji-cap-v {
	margin: 0 0 8px !important;
	font-weight: 700 !important; font-size: 20px !important; color: #0A3D30 !important;
	font-variant-numeric: tabular-nums !important;
}
.oji-cap-row { font-size: 13px !important; color: #4B6152 !important; }
.oji-cap-row b { color: #14302A !important; font-variant-numeric: tabular-nums !important; }
.oji-cap-sep { color: #B7C7B1 !important; margin: 0 8px !important; }

/* Sinais (semáforo) */
.oji-sinais { margin: 14px 0 6px !important; }
.oji-sinal {
	position: relative !important;
	margin: 7px 0 !important;
	padding: 9px 12px 9px 30px !important;
	border-radius: 8px !important;
	font-size: 13.5px !important;
	line-height: 1.4 !important;
}
.oji-sinal:before {
	position: absolute !important;
	left: 11px !important; top: 9px !important;
	font-weight: 700 !important;
}
.oji-sinal.ok { background: #E7F2EC !important; color: #0C5238 !important; }
.oji-sinal.ok:before { content: "✓" !important; color: #0E5E48 !important; }
.oji-sinal.aviso { background: #FBF1DE !important; color: #82591A !important; }
.oji-sinal.aviso:before { content: "!" !important; color: #B57A1C !important; }
.oji-sinal.alerta { background: #F8E7E2 !important; color: #8A3322 !important; }
.oji-sinal.alerta:before { content: "▲" !important; color: #A6402E !important; font-size: 11px !important; }

/* Parâmetros usados */
.oji-params {
	margin: 12px 0 0 !important;
	padding-top: 12px !important;
	border-top: 1px solid #E2DFD5 !important;
	font-size: 12px !important;
	color: #6B7470 !important;
	font-variant-numeric: tabular-nums !important;
}
.oji-params b { color: #36433D !important; }

/* Rodapé */
.oji-foot {
	margin: 16px 0 0 !important;
	font-size: 11.5px !important;
	line-height: 1.5 !important;
	color: #8A938E !important;
}

/* Mobile */
@media (max-width: 520px) {
	.oji { padding: 20px 16px 16px !important; }
	.oji-h2 { font-size: 23px !important; }
	.oji-row .oji-f-1 { width: 100% !important; padding: 0 !important; margin-bottom: 12px !important; }
	.oji-row .oji-f-1:last-child { margin-bottom: 0 !important; }
	.oji-chk { width: 100% !important; }
	.oji-card { width: 100% !important; padding: 0 !important; margin-bottom: 9px !important; }
}

/* Movimento reduzido */
@media (prefers-reduced-motion: reduce) {
	.oji-out, .oji-faixa { -webkit-animation: none !important; animation: none !important; -webkit-transition: none !important; transition: none !important; }
}