/**
 * Página inicial (is_front_page): hero, faixa de números, temáticas, compromisso com a diversidade, logos e testemunhos.
 */

/* CTA de compromisso na Home: altura total de 44px e rótulo em uma linha. */
.wp-block-button:is(.home-compromisso-botao, .home-beneficios-botao) .wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	min-height: 44px;
	padding-block: 0.5rem;
	border-radius: 19.4px;
	text-align: center;
}

/* Saiba mais da faixa de diversidade (protótipo): teal claro em degradê, 227 x 50 px,
   tipografia do CTA da faixa de números (600, 15 px, 0,1em). A altura extra vem do
   recuo superior da faixa (padrão da Home), então a faixa mantém a mesma altura. */
body.home .home-compromisso-botao .wp-block-button__link {
	min-height: 50px;
	background: linear-gradient(90deg, #1c9682 0%, #33a995 100%);
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}

/* Hero da Home no desktop: coluna de texto com borda esquerda em 202px do
   recorte do protótipo (Anexo 08 pág. 4, escala 1440). A posição vertical é a
   do hero global (componentes/banner.css): conjunto centrado abaixo do menu. */
@media (min-width: 1024px) {
	body.home.garagem-tem-banner .wp-block-garagem-banner .garagem-blocks-banner__conteudo {
		max-width: 100%;
		margin-inline: 0;
		padding-inline: var(--garagem-coluna-hero);
		gap: 1.75rem;
	}

	body.home .wp-block-garagem-banner .garagem-blocks-banner__botoes {
		margin-block-start: 11.8px;
	}

	body.home.garagem-tem-banner .wp-block-garagem-banner .garagem-blocks-banner__heading {
		position: relative;
		left: 10px;
		max-width: 38rem;
		font-size: 3.25rem;
		line-height: 1.4;
	}

	/* Botões do hero com largura do conteúdo mais a margem interna padrão
	   (o rótulo "Conheça os negócios acelerados" tocava as bordas nos 334 px fixos). */
	body.home.garagem-tem-banner .wp-block-garagem-banner .garagem-blocks-banner__botao {
		width: auto;
		min-width: 0;
		white-space: normal;
	}
}

/* Degradê do hero da Home: o PNG do fundo traz um azul chapado que muda de
   tom em degrau, perto de 60% da largura. O degradê contínuo por cima (mesmas
   cores dos heros de título) suaviza a transição e mantém o texto branco
   legível sobre a parte escura. Prioridade forçada: o bloco grava opacidade 0
   e a cor no atributo `style`. */
body.home .wp-block-garagem-banner .garagem-blocks-banner__overlay {
	background-image: linear-gradient(90deg, #1f5495 0%, #1f5495 30%, #1a67a3 100%) !important;
	opacity: 0.85 !important;
}

body.home .garagem-logos-home-institucional {
	justify-content: center;
	gap: 61px;
	padding-block: 7.7px 2rem;
	margin-top: 18.3px;
}

/* Em desktop, use a largura ampla para manter os três logos na mesma linha.
   O limite de conteúdo estreito fazia o terceiro logo cair abaixo da fileira. */
.garagem-home-conteudo-composicao > .garagem-logos-home-institucional {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	box-sizing: border-box;
}

@media (min-width: 782px) {
	.garagem-home-conteudo-composicao > .garagem-logos-home-institucional {
		flex-wrap: nowrap;
	}
}

/* Faixa de logos da Home: os PNG são recortados rente à marca e a figura traz a
   largura e a altura na proporção real de cada arquivo (BNDES 200x41, Enimpacto
   185x53, Cadimpacto 216x63), então a imagem só preenche a figura. */
.garagem-logos-home-institucional .garagem-logo-home img {
	width: 100%;
	height: 100%;
	max-height: none;
	max-width: none;
	object-fit: contain;
}

/* Seção "Compromisso com a diversidade" (Home, patterns/home-padrao.php):
   3 estatísticas outline lado a lado + foto arredondada pendente. Composta
   com core group/columns direto no pattern (sem bloco novo no plugin);
   estas duas classes cobrem só o que os blocos core não resolvem sozinhos,
   mesmo espírito "cru" de .garagem-cabecalho acima. */
.garagem-estatisticas-diversidade {
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.5rem;
}

.garagem-estatistica-outline {
	flex: 1 1 8rem;
	padding: 1rem 0.75rem;
	border: var(--garagem-container-borda-largura, 4px) solid rgb(255 255 255 / 40%);
	border-radius: var(--garagem-container-borda-raio, 24px);
}

/* O grupo já semeado grava border-width:1px inline; a espessura única de container precisa vencê-lo. */
.garagem-estatistica-outline.garagem-estatistica-outline {
	border-width: var(--garagem-container-borda-largura, 4px) !important;
}

.garagem-estatistica-outline__valor {
	margin: 0 0 0.25rem;
	font-size: var(--wp--preset--font-size--x-large, 2rem);
	font-weight: 700;
	line-height: 1.1;
}

.garagem-estatistica-outline__legenda {
	margin: 0;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	color: rgb(255 255 255 / 80%);
}

/* Placeholder de foto grande (nunca um vazio silencioso, mesmo espírito de
   .garagem-logo-pendente acima, só que em formato de imagem de seção, não
   de logo): usado enquanto o asset real não chega. */
.garagem-imagem-pendente {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 16rem;
	height: 100%;
	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;
	text-align: center;
}

/* Foto real de secao (ex.: "Compromisso com a diversidade"), recorte do
   protótipo em assets/images/home/ (ver README dessa pasta): mesmo raio de
   card do placeholder acima, sem a moldura tracejada. Classe fica no bloco
   core/image (className), que a aplica na <figure>; a moldura/raio segue na
   figure e o recorte/proporção segue no <img> descendente. */
.garagem-imagem-secao {
	display: block;
	margin: 0;
	aspect-ratio: 400 / 380;
	border-radius: var(--wp--custom--raio--card, 12px);
	overflow: hidden;
}

.garagem-imagem-secao img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Raios aprovados no gabarito para as fotos das duas seções da Home. */
body.home .garagem-home-conteudo-composicao > :nth-child(1) .garagem-blocks-texto-imagem__figura,
body.home .garagem-home-conteudo-composicao > :nth-child(1) .garagem-blocks-texto-imagem__imagem,
body.home .garagem-home-conteudo-composicao > :nth-child(1) .garagem-blocks-texto-imagem__foto {
	border-radius: 18.3px;
}

body.home .garagem-home-conteudo-composicao > :nth-child(3) .garagem-blocks-texto-imagem__figura,
body.home .garagem-home-conteudo-composicao > :nth-child(3) .garagem-blocks-texto-imagem__imagem,
body.home .garagem-home-conteudo-composicao > :nth-child(3) .garagem-blocks-texto-imagem__foto {
	border-radius: 56.5px;
}

/* Ritmo vertical único da Home: seções encostam umas nas outras e cada
   uma carrega o próprio respiro (token custom.espacamento.secao do
   theme.json), no lugar do blockGap de 24px mais paddings de 0 a 48px. */
body.home .wp-block-post-content > * {
	margin-block: 0;
}

body.home .wp-block-post-content > :is(
	.wp-block-garagem-texto-imagem,
	.wp-block-garagem-destaques,
	.wp-block-garagem-faq,
	.wp-block-garagem-grid-conteudos
) {
	padding-block: var(--wp--custom--espacamento--secao, 3rem);
}

@media (min-width: 1024px) {
	/* A altura fixa de 1185px vale a partir de 1240px; entre 1024 e 1239px o
	   conteúdo é mais curto e a sobra virava um vão branco de ate 355px, entao
	   a seção mantém só um respiro de 120px. */
	body.home .wp-block-post-content > .garagem-home-conteudo-composicao {
		padding-bottom: 120px;
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(2) {
		position: relative;
		top: -11.1px;
	}

	body.home .garagem-home-conteudo-composicao > :is(:nth-child(1), :nth-child(3)) {
		padding-block: var(--wp--custom--espacamento--secao, 3rem) 0;
		margin-block-start: 0;
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(4) {
		padding-bottom: 5.5px;
		margin-block-start: 0;
	}

	body.home .wp-block-post-content > :nth-child(4) h2 {
		font-size: 29.4px;
	}

	body.home .entry-content > .wp-block-group .wp-block-column.garagem-home-diversidade__texto h2 {
		font-size: 30.9px;
	}

	body.home .garagem-home-conteudo-composicao > :is(:nth-child(1), :nth-child(3)) .garagem-blocks-texto-imagem__titulo {
		color: #052d7e;
	}

	body.home .wp-block-post-content > .wp-block-garagem-faq .garagem-faq-categoria:nth-of-type(2) > .garagem-faq-categoria__titulo {
		position: relative;
		top: 4.1px;
	}

	body.home .wp-block-post-content > .wp-block-garagem-faq {
		padding-top: 130.5px;
		padding-bottom: calc(var(--wp--custom--espacamento--secao, 3rem) + 32.8px);
	}

	body.home .wp-block-post-content > .wp-block-garagem-faq .garagem-faq-categoria:nth-of-type(2) .garagem-faq-categoria__itens > .garagem-faq-item {
		position: relative;
		top: -3.7px;
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(3) {
		position: relative;
		top: -24px;
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(4) {
		position: relative;
		top: -24px;
	}

	body.home .garagem-home-conteudo-composicao > .garagem-logos-home-institucional {
		padding-bottom: 22px;
		padding-top: 0;
		margin-top: 0;
	}

	body.home .wp-block-button.home-compromisso-botao {
		position: relative;
		top: -9.8px;
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(1) .garagem-blocks-texto-imagem__titulo {
		position: relative;
		top: -3px;
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(1) .garagem-blocks-texto-imagem__texto {
		max-width: calc(100% - 40px);
	}
}

/* Entre 1024 e 1439px o texto de "O que é" ocupa mais linhas que em 1440 e
   encostava nos logos, que sobem 11px sobre a seção. */
@media (min-width: 1024px) and (max-width: 1439px) {
	body.home .garagem-home-conteudo-composicao > :nth-child(1) {
		padding-block-end: 2.5rem;
	}
}

@media (min-width: 1240px) {
	body.home .wp-block-post-content > .garagem-home-conteudo-composicao {
		padding-bottom: 29px;
	}
}

/* "O que é" a partir de 1440: o texto fica centrado ao lado da foto. A margem do texto dá folga
   quando o parágrafo passa da altura da foto; com o texto original a foto define a altura e nada
   se move. A faixa de logos desce 29 px, que saem do respiro final da composição, para que os PNG
   (fundo branco, escala 1,45) não cortem o canto da foto; a altura total da composição não muda. */
@media (min-width: 1440px) {
	body.home .wp-block-post-content > .garagem-home-conteudo-composicao {
		padding-bottom: 0;
	}

	body.home .garagem-home-conteudo-composicao > .garagem-logos-home-institucional {
		margin-top: 29px;
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(1) .garagem-blocks-texto-imagem__texto {
		margin-block: 1.75rem;
	}
}

/* "O que é" abaixo de 1440: o texto encostava na foto (6px em 1024) e entre 900 e
   960 entrava 34px sob ela; 58px a menos de largura dão 24px de folga. */
@media (min-width: 900px) and (max-width: 1439px) {
	body.home .garagem-home-conteudo-composicao > :nth-child(1) .garagem-blocks-texto-imagem__texto {
		max-width: calc(100% - 58px);
	}
}

/* Faixa de números da Home: quatro colunas iguais com divisor de 2 px na borda esquerda
   dos itens 2 a 4, tudo em azul, negrito e centralizado. O texto de cada item é editável
   no painel e pode mudar de ordem, de tamanho e de forma (número curto, texto longo,
   linha de apoio em <span>, destaque em <strong>), então nenhuma medida depende da
   posição do item nem de classe do item: todos seguem a mesma escala. As medidas em px
   passam por --u, que escala a faixa inteira abaixo de 1440 sem estourar a coluna. */
body.home .wp-block-garagem-destaques.garagem-destaques--numeros {
	--u: 1px;
}

body.home .garagem-destaques-item__valor {
	overflow-wrap: break-word;
	text-wrap: balance;
}

body.home .wp-block-garagem-destaques.garagem-destaques--numeros .garagem-destaques-item__rotulo {
	font-weight: 700;
	text-wrap: balance;
}

/* O markup traz "<strong>TODAS</strong>AS REGIÕES" sem espaço; em bloco o "TODAS"
   ocupa a própria linha. */
body.home .garagem-destaques-item__valor strong {
	display: block;
}

@media (min-width: 900px) {
	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4 {
		--u: min(1px, 0.06944vw);
		gap: 0;
		padding-bottom: calc(27 * var(--u));
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4:not(.garagem-destaques--colunas-fixas) .garagem-destaques__grade {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4 .garagem-destaques__grade {
		align-items: stretch;
		align-self: flex-start;
		gap: 0;
		width: 96.083%;
		min-height: calc(97 * var(--u));
		margin-left: 1.5%;
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4 .garagem-destaques-item {
		justify-content: center;
		gap: 0;
		padding: calc(4 * var(--u)) calc(14 * var(--u)) 0;
		text-align: center;
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4 .garagem-destaques-item:not(:first-child) {
		border-left: 2px solid #6486c0;
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4:not(.garagem-destaques--valor-custom) .garagem-destaques-item__valor {
		font-size: calc(36 * var(--u));
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4 .garagem-destaques-item__valor {
		margin: 0;
		line-height: calc(40 * var(--u));
		text-align: center;
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4 .garagem-destaques-item__valor span {
		display: block;
		margin: 0;
		font-size: calc(18 * var(--u));
		letter-spacing: 0;
		line-height: calc(22 * var(--u));
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4:not(.garagem-destaques--rotulo-custom) .garagem-destaques-item__rotulo {
		font-size: calc(13 * var(--u));
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros.garagem-destaques--colunas-4 .garagem-destaques-item__rotulo {
		max-width: calc(210 * var(--u));
		margin: calc(8 * var(--u)) auto 0;
		line-height: calc(17 * var(--u));
		text-align: center;
	}

	body.home .wp-block-garagem-destaques.garagem-destaques--numeros .garagem-destaques__cta-wrap {
		margin-top: calc(64 * var(--u));
		transform: none;
	}
}

/* Home: "Saiba mais" da faixa de números, 242 x 72, texto branco em caixa alta
   com espaçamento, peso 600 como os demais botões em pílula. */
body.home .wp-block-garagem-destaques.garagem-destaques--numeros .garagem-destaques__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #00963a;
	color: var(--wp--preset--color--branco, #fff);
	font-size: calc(15 * var(--u));
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
}

body.home .wp-block-garagem-destaques.garagem-destaques--numeros .garagem-destaques__cta:hover {
	opacity: 1;
}

/* Home: cores dos ícones e rótulos da seção de temáticas. */
body.home .wp-block-post-content > :nth-child(4) .garagem-container-icone:nth-of-type(odd) {
	color: var(--wp--preset--color--azul-garagem, #1e3f8a);
}

body.home .wp-block-post-content > :nth-child(4) .garagem-container-icone:nth-of-type(even) {
	color: var(--wp--preset--color--verde-cta, #00963a);
}

body.home .wp-block-post-content > :nth-child(4) .garagem-container-icone__texto {
	color: var(--wp--preset--color--azul-garagem, #1e3f8a);
}

/* Tematicas da Home: a grade deslocada passa da borda por poucos pixels entre 820 e 1180. */
body.home .garagem-home-tematicas {
	overflow-x: clip;
}

/* Temáticas da Home abaixo de 1240px: no desktop os cartões são faixas fixas de 163 px
   coladas à esquerda da coluna de 60%, com recuo de 50 px no título e deslocamento
   de 28 px na grade (bloco abaixo, a partir de 1240px). Abaixo disso os cartões
   preenchem a coluna e a margem direita iguala a esquerda. */
@media (max-width: 1239px) {
	body.home .garagem-home-tematicas .wp-block-garagem-container-icone.garagem-container-icone--quadrado {
		width: 100%;
		padding-inline: 0;
		grid-template-columns: minmax(0, 1fr);
	}

	body.home .garagem-home-tematicas .garagem-container-icone__texto {
		justify-self: stretch;
		padding-inline: 0.75rem;
	}
}

@media (min-width: 900px) and (max-width: 1239px) {
	body.home .garagem-home-tematicas .wp-block-garagem-containers-icone {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	body.home .garagem-home-tematicas .wp-block-garagem-containers-icone {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Recuos laterais medidos no protótipo de 1440 (antes em estilo inline do pattern):
   valem só a partir de 1240px; abaixo disso a Home é simétrica. */
@media (min-width: 1240px) {
	body.home .garagem-home-conteudo-composicao > .garagem-home-oque-e {
		padding-left: 106px;
	}

	body.home .garagem-home-conteudo-composicao > .garagem-home-oque-e .garagem-blocks-texto-imagem__imagem {
		left: -58px;
	}

	body.home .garagem-home-conteudo-composicao > .garagem-home-para-quem {
		padding-left: 71.2px;
	}

	body.home .garagem-home-conteudo-composicao > .garagem-home-para-quem .garagem-blocks-texto-imagem__imagem {
		left: 3.4px;
	}

	body.home .garagem-home-conteudo-composicao > .garagem-home-para-quem .garagem-blocks-texto-imagem__titulo {
		position: relative;
		left: 2.4px;
	}

	body.home .garagem-home-tematicas .garagem-home-tematicas__intro {
		padding-left: 50px;
	}

	body.home .garagem-home-tematicas .wp-block-garagem-containers-icone {
		translate: 28px 0;
	}

	body.home .garagem-home-diversidade__texto {
		padding-left: 17px;
	}

	body.home .garagem-home-diversidade__botoes {
		margin-right: 56.6px;
	}

	body.home .wp-block-post-content > .wp-block-garagem-faq .garagem-faq-categoria:nth-of-type(2) .garagem-faq-categoria__itens > .garagem-faq-item {
		box-sizing: border-box;
		width: calc(100% - 2px);
		left: -3px;
	}
}

/* Abaixo de 1024px a composição empilha: foto e faixa de números ganham o respiro
   de seção, que no desktop vem das regras de nth-child acima. Sem isso a foto
   encosta no hero e o botão "Saiba mais" encosta na seção seguinte. */
@media (max-width: 1023px) {
	body.home .garagem-home-conteudo-composicao > :is(.wp-block-garagem-texto-imagem, .wp-block-garagem-destaques) {
		padding-block: var(--wp--custom--espacamento--secao, 3rem);
		margin-block-start: 0;
	}
}

/* Depoimento: o protótipo justifica o texto em 1440; em colunas estreitas a
   justificação abre vãos de mais de 80 px entre palavras. */
@media (max-width: 1239px) {
	body.home .wp-block-garagem-testemunhos .garagem-blocks-testemunhos__citacao {
		text-align: left;
	}
}

/* Tematicas da Home: os icones SVG compostos ocupam o cartao sem sobreposicao. */
body.home .garagem-home-tematicas .wp-block-garagem-container-icone.garagem-container-icone--quadrado {
	position: relative;
}

/* Faixa teal das tematicas (protótipo): cartões com raio de 4px e rótulo em peso 500. */
body.home .garagem-home-tematicas .wp-block-garagem-container-icone.garagem-container-icone--quadrado {
	border-radius: 4px;
}

body.home .garagem-home-tematicas .garagem-container-icone__texto {
	font-weight: 500;
	line-height: 1.32;
	margin-top: -3px;
}

/* Rótulos de uma linha (Educação e Saúde) ficam abaixo dos de duas linhas no protótipo. */
body.home .garagem-home-tematicas .garagem-container-icone:nth-of-type(2) .garagem-container-icone__texto,
body.home .garagem-home-tematicas .garagem-container-icone:nth-of-type(3) .garagem-container-icone__texto {
	margin-top: 1.5px;
}

/* Cartões Criação e Tração: o título herda a cor do cartão (grafite sobre teal,
   5,07:1; branco sobre azul), em vez do azul global dos títulos. */
body.home .wp-block-column > .wp-block-group.has-background.has-text-color > h3.wp-block-heading {
	color: inherit;
}

body.home .garagem-home-tematicas .garagem-blocks-icone {
	width: 2.25rem;
	height: 2.25rem;
}

/* Home: aspas brancas e fotos laterais sem escurecimento. */
body.home .wp-block-garagem-testemunhos .garagem-blocks-testemunhos__citacao::before {
	color: var(--wp--preset--color--branco, #fff);
}

body.home .wp-block-garagem-testemunhos .garagem-blocks-testemunhos__gatilho img,
body.home .wp-block-garagem-testemunhos .garagem-blocks-testemunhos__gatilho .garagem-blocks-testemunhos__imagem {
	filter: none;
	opacity: 1;
}

body.home .wp-block-garagem-testemunhos.is-acordeao .garagem-blocks-testemunhos__item .garagem-blocks-testemunhos__gatilho::after {
	background-color: transparent;
	opacity: 0;
}

body.home .wp-block-group.alignfull.has-azul-garagem-background-color {
	background: linear-gradient(90deg, #1f5497 0%, #1a6cae 100%);
}

/* Botões do hero medidos no protótipo (1440): caixa 334x55 e 240x55, cantos de 8 px,
   rótulo de 16 px com espaçamento de 0,1em. */
body.home.garagem-tem-banner .wp-block-garagem-banner .garagem-blocks-banner__botao {
	box-sizing: border-box;
	height: auto;
	min-height: 55px;
	padding-block: 0.5rem;
	padding-inline: 12px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	white-space: normal;
	text-wrap: balance;
}

@media (min-width: 1024px) {
	body.home.garagem-tem-banner .wp-block-garagem-banner .garagem-blocks-banner__botao {
		min-height: 54px;
	}
}

body.home .garagem-blocks-banner__botao.is-primario {
	font-weight: 600;
}

/* Home entre 782 e 899px: a grade de duas colunas deixava a foto deslocada sobre o
   texto. Empilha como no celular, com a foto primeiro. */
@media (min-width: 782px) and (max-width: 899px) {
	body.home .garagem-home-conteudo-composicao > .wp-block-garagem-texto-imagem.garagem-blocks-texto-imagem {
		grid-template-columns: minmax(0, 1fr);
	}

	body.home .garagem-home-conteudo-composicao > .wp-block-garagem-texto-imagem .garagem-blocks-texto-imagem__imagem {
		order: 1;
	}

	body.home .garagem-home-conteudo-composicao > .wp-block-garagem-texto-imagem .garagem-blocks-texto-imagem__texto {
		order: 2;
		translate: none;
	}
}

/* Home: contraste AA (4,5:1) do texto branco sobre o botão da faixa de números,
   com tom um passo mais escuro que o do protótipo. A faixa de temáticas mantém o
   teal do protótipo (#1a957c, branco a 3,73:1), decisão do Bruno: fidelidade vence. */
body.home .wp-block-garagem-destaques.garagem-destaques--numeros .garagem-destaques__cta {
	background-color: #008836;
}

/* "Porque participar do BNDES Garagem" (entre as temáticas e a diversidade): título azul à
   esquerda e botão verde centralizado; o quadro e a grade são de componentes/containers-icone.css. */
body.home .garagem-porque-participar .wp-block-heading {
	font-size: 30.9px;
}

/* Verde #008836 com texto branco: contraste 4,6:1 (AA); o verde-cta da paleta dá 3,6:1. */
body.home .home-beneficios-botao .wp-block-button__link {
	min-height: 50px;
	background: #008836;
	font-size: 0.9375rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}

/* Respiro do QA do cliente (26/10/2026), só no desktop: mais ar entre o hero e "O que é"
   e entre "Para quem é" e a faixa de números. Os 80 px saem da folga da composição, que
   no 1440 tem altura mínima de 1185 px, então o vão abaixo do "Saiba mais" encolhe 80 px. */
@media (min-width: 1024px) {
	body.home .garagem-home-conteudo-composicao > :nth-child(1) {
		padding-block-start: calc(var(--wp--custom--espacamento--secao, 3rem) + 40px);
	}

	body.home .garagem-home-conteudo-composicao > :nth-child(4) {
		margin-block-start: 40px;
	}
}