/* Mirante Jambreiro — valores deste empreendimento.
   Carregar DEPOIS de ../base/bf-hero.css. Os caminhos de url() são
   relativos a este arquivo, então a pasta pode ser copiada inteira.
   Padrão: Green Life. Por empreendimento variam só foto, logo e textos;
   tipografia, tamanhos e espaçamentos vêm da base. */

/* foto de fundo: declarada aqui (e não em variável) para o caminho valer a partir desta pasta */
.bf-hero__stage { background-image: url('img/bg.webp'); }

.bf-hero {
	--bf-brand: #9ab93c;
	--bf-topbar-bg: #333;
	--bf-form-band: #333;
	--bf-bg-pos: center 55.9%;
	--bf-logo-w: 227px;
	/* só a condição de financiamento (documentação parcelada saiu a pedido do cliente, 08/10): centralizada */
	--bf-of-justify: center;
}

/* "até 100% financiado": mesmos tamanhos da entrada do Green Life (20px e 64px),
   com os rótulos em volta do número. --k acompanha o número nos breakpoints (64 -> 52 -> 46px). */
.bf-hero__entrada--pct { --k: 1; position: relative; display: block; width: calc(178px * var(--k)); height: calc(89px * var(--k)); text-align: left; }
.bf-hero__entrada--pct strong { position: absolute; left: calc(37px * var(--k)); top: 0; line-height: 1.2; }
.bf-hero__entrada--pct strong small { font-size: .5em; }
.bf-hero__entrada--pct .pre { position: absolute; left: 0; top: calc(16px * var(--k)); }
.bf-hero__entrada--pct .pos { position: absolute; left: calc(48.75px * var(--k)); top: calc(64.91px * var(--k)); }
@media (max-width: 1239px) { .bf-hero__entrada--pct { --k: .8125; } }
@media (max-width: 599px) { .bf-hero__entrada--pct { --k: .71875; } }