/**
 * Logos institucionais: faixa de logos, imagem de logo e placeholder de logo pendente.
 */

/* Faixa de logos institucionais: usada no rodapé (garagem-logos-institucionais,
   blocos core/image reais desde o retrabalho S3.8, semeados no banco por
   bin/semear-rodape.php; garagem_renderizar_logos_institucionais() continua
   só como fallback para quando a template part ainda não foi semeada) e na
   Home, logo abaixo de "O que é o BNDES Garagem?"
   (garagem-logos-home-institucional, blocos core/image reais desde o
   retrabalho S3.7, ver patterns/home-padrao.php).
   justify-content fixado aqui (nao só via atributo "layout" do bloco): o
   estilo inline que o WordPress gera por bloco para justify-content depende
   de wp_footer() rodar (WP_Style_Engine, contexto "block-supports"); o
   pipeline de captura estatica usado no QA visual (do_blocks() direto, sem
   template completo) nunca chama wp_footer(), entao a fileira caia para a
   esquerda por falta desse estilo inline. Regra explicita aqui garante o
   alinhamento em qualquer pipeline de render. */
.garagem-logos-institucionais,
.garagem-logos-home-institucional {
	flex-wrap: wrap;
	align-items: center;
	gap: 2rem;
}

.garagem-logos-institucionais {
	justify-content: flex-end;
}

/* Logo do rodapé: <img class="garagem-logo garagem-logo-{slug}"> direto,
   injetado por garagem_renderizar_logo_institucional() (functions.php). */
.garagem-logo {
	max-height: 2.5rem;
	width: auto;
}

/* Logo da Home: bloco core/image real (patterns/home-padrao.php), que sempre
   envolve o <img> num <figure>. Reset de margem do figure (a folha de estilo
   do core já zera isto na maioria dos temas, mas a regra aqui não depende
   disso) e o mesmo tamanho do logo do rodapé, aplicado na imagem interna. */
.garagem-logo-home,
.garagem-logo-rodape {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

/* Abaixo de 1240px a figura ocupa a coluna inteira e a imagem menor ficava à esquerda; em 1440 o protótipo manda. */
@media (max-width: 1239px) {
	.garagem-logo-home {
		justify-content: center;
	}
}

.garagem-logo-home img,
.garagem-logo-rodape img {
	max-height: 2.5rem;
	width: auto;
}

/* Logo ainda não entregue (ver assets/images/logos/README.md): placeholder
   estrutural visível, nunca texto solto sem nenhuma marca de "isto é uma
   logo pendente, não um erro". */
.garagem-logo-pendente {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0.4rem 1rem;
	background-color: var(--wp--preset--color--cinza-claro, #f5f5f5);
	border: 2px dashed var(--wp--preset--color--cinza-medio, #999);
	border-radius: var(--wp--custom--raio--card, 12px);
	color: var(--wp--preset--color--cinza-texto, #333);
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	font-weight: 600;
}

/* Rodapé: mais espaço entre o logo BNDES Garagem e o da Quintessa na coluna da marca. */
.garagem-rodape__wordmark-logo {
	margin-bottom: 4rem;
}