/**
 * Página Diversidade: texto justificado, cartões dos pilares, números, FAQ e botão do documento.
 * Valores medidos em 1440 (recuos, translates, larguras) só valem a partir de 1240px.
 */

/* Botão de pilares da Diversidade: largura 100% da caixa de 840px, altura 96px. Em 1440 o texto é de 22,2px sem respiro lateral. */
.wp-block-button.is-style-retangulo.diversidade-pilares-botao .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 96px;
	padding: 0.75rem 1.5rem;
	border: 2px solid #126e5b;
	border-radius: 8px;
	font-size: 1.125rem;
	letter-spacing: 0;
	text-transform: uppercase;
}

/* Letra verde sobre branco: vence o fundo e o branco de botoes.css e da paleta (`!important`) com especificidade maior. */
body .wp-block-button.is-style-retangulo.diversidade-pilares-botao .wp-block-button__link {
	background: var(--wp--preset--color--branco, #fff) !important;
	color: #126e5b !important;
}

body .wp-block-button.is-style-retangulo.diversidade-pilares-botao .wp-block-button__link:hover,
body .wp-block-button.is-style-retangulo.diversidade-pilares-botao .wp-block-button__link:focus-visible {
	background: #126e5b !important;
	color: var(--wp--preset--color--branco, #fff) !important;
}

@media (min-width: 1240px) {
	.wp-block-button.is-style-retangulo.diversidade-pilares-botao .wp-block-button__link {
		padding: 0;
		font-size: 22.2px;
	}
}

@media (max-width: 599px) {
	.wp-block-button.is-style-retangulo.diversidade-pilares-botao .wp-block-button__link {
		min-height: 0;
		white-space: normal;
		line-height: 1.25;
	}
}

/* Diversidade: texto justificado do protótipo (critérios de seleção e pilares), só a partir de 1024px: em coluna estreita o justificado abre vãos. */
@media (min-width: 1024px) {
	.diversidade-justificado p {
		text-align: justify;
	}
}

.diversidade-justificado .garagem-blocks-texto-imagem__corpo > :first-child {
	margin-top: 0;
}

.diversidade-justificado .garagem-blocks-texto-imagem__corpo > :last-child {
	margin-bottom: 0;
}

.diversidade-justificado .garagem-blocks-texto-imagem__corpo > p + p {
	margin-top: 19px;
}

/* Diversidade: corpo em azul-garagem como o protótipo e título da seção em peso regular. */
.diversidade-justificado,
.diversidade-justificado p,
.diversidade-justificado li {
	color: var(--wp--preset--color--azul-garagem, #1e3f8a);
}

.diversidade-justificado .garagem-blocks-texto-imagem__titulo {
	font-weight: 400;
}

/* Diversidade: cartões dos pilares com texto azul justificado. */
.diversidade-pilares .garagem-container-icone--card,
.diversidade-pilares .garagem-container-icone__texto {
	color: var(--wp--preset--color--azul-garagem, #1e3f8a);
}

@media (min-width: 1240px) {
	.diversidade-pilares .garagem-container-icone--card,
	.diversidade-pilares .garagem-container-icone__texto {
		text-align: justify;
	}
}

/* Diversidade, a partir de 1240px: deslocamentos, recuos e paddings medidos em 1440. Abaixo disso a seção segue o eixo da página. */
@media (min-width: 1240px) {
	.diversidade-pilares {
		translate: 15px 0;
	}

	.diversidade-pilares-grupo {
		transform: translateY(10.2px);
	}

	.diversidade-pilares-titulo {
		padding-left: 46px;
	}

	.diversidade-pilares .wp-block-garagem-container-icone.diversidade-pilar-1 {
		padding-inline: 26px 14px;
	}

	.diversidade-pilares .wp-block-garagem-container-icone.diversidade-pilar-2 {
		padding-inline: 20px 18px;
	}

	.diversidade-pilares .wp-block-garagem-container-icone.diversidade-pilar-3 {
		padding-inline: 22px 21px;
	}

	.diversidade-lista-reserva {
		margin-left: 10px;
	}

	.diversidade-lista-pontuacao {
		margin-left: 5px;
	}
}

/* Diversidade, só em 1440: recuo do título "Nosso compromisso" e do grupo do botão do documento. */
@media (min-width: 1440px) {
	.diversidade-compromisso-titulo {
		padding-left: 76px;
	}

	.diversidade-pilares-documento {
		padding-left: 46px;
	}
}

/* Diversidade, números: largura máxima de cada item. De 1024px a 1239px os três itens andam 39px
   para centrar a tinta no eixo da página; a partir de 1240px só o primeiro anda 24px. */
@media (min-width: 1024px) {
	.diversidade-numeros .diversidade-numero-1 {
		max-width: 276px;
	}

	.diversidade-numeros .diversidade-numero-2 {
		max-width: 256px;
	}

	.diversidade-numeros .diversidade-numero-3 {
		max-width: 240px;
	}

	.diversidade-numeros .garagem-destaques-item {
		position: relative;
		left: 39px;
	}
}

@media (min-width: 1240px) {
	.diversidade-numeros .garagem-destaques-item {
		position: static;
		left: auto;
	}

	.diversidade-numeros .diversidade-numero-1 {
		position: relative;
		left: 24px;
	}
}

/* Diversidade: FAQ de 991px a partir de 1240px; abaixo disso as perguntas usam a largura da faixa, no mesmo eixo do título. */
@media (min-width: 1240px) {
	.garagem-faq.diversidade-faq.garagem-faq--divisoria .garagem-faq__categorias {
		width: 991px;
		transform: translateX(24px);
	}
}

@media (max-width: 1239px) {
	.garagem-faq.diversidade-faq.garagem-faq--coluna-58 .garagem-faq__categorias {
		width: 100%;
	}
}

/* Diversidade: indicador "+" azul menor. */
.garagem-faq.diversidade-faq.garagem-faq--divisoria .wp-block-garagem-faq-item > .garagem-faq-item__pergunta {
	padding-block: 0 17px;
}

.diversidade-faq .garagem-faq-item__pergunta::after {
	width: 0.52em;
	height: 0.52em;
	color: var(--wp--preset--color--azul-garagem, #1e3f8a);
}

/* Diversidade: critérios (texto e imagem) lado a lado a partir de 782px, em 593px e 533px a partir de 1240px.
   Em tablet empilham para as colunas internas não ficarem estreitas; o core trava o flex-wrap em nowrap com prioridade forçada,
   então o empilhamento usa flex-direction. */
@media (min-width: 782px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.diversidade-criterios-texto {
		flex: 593 1 0;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.diversidade-criterios-imagem {
		flex: 533 1 0;
	}
}

@media (min-width: 1240px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.diversidade-criterios-texto {
		flex: 0 0 593px;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.diversidade-criterios-imagem {
		flex: 0 0 533px;
	}
}

@media (min-width: 782px) and (max-width: 1023px) {
	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .diversidade-criterios-texto) {
		flex-direction: column;
	}

	.entry-content .wp-block-columns:not(.is-not-stacked-on-mobile):has(> .diversidade-criterios-texto) > .wp-block-column {
		flex: none;
		width: 100%;
	}
}

/* Diversidade: Reserva de Vagas e Pontuação Adicional empilham quando a coluna de texto fica estreita */
@media (min-width: 782px) and (max-width: 1239px) {
	.entry-content .wp-block-column.diversidade-justificado .wp-block-columns {
		flex-direction: column;
	}

	.entry-content .wp-block-column.diversidade-justificado .wp-block-columns > .wp-block-column + .wp-block-column {
		margin-top: 16px;
	}
}

/* Diversidade, celular: respiro entre Reserva de Vagas e Pontuação Adicional empilhadas */
@media (max-width: 781px) {
	.entry-content .wp-block-column.diversidade-justificado .wp-block-columns > .wp-block-column + .wp-block-column {
		margin-top: 16px;
	}
}

/* Diversidade: link do documento na cor do corpo (azul-garagem) e sublinhado, como o protótipo. */
.diversidade-justificado .garagem-blocks-texto-imagem__corpo a {
	color: inherit;
	text-decoration: underline;
}

/* Diversidade, números: barra lateral de 6 px como o protótipo; o respiro interno cede os 4 px para o texto não andar. */
@media (min-width: 900px) {
	.wp-block-garagem-destaques.diversidade-numeros.garagem-destaques--numeros.garagem-destaques--estilo-barra-lateral.garagem-destaques--colunas-fixas .garagem-destaques-item.garagem-destaques-item {
		border-left-width: 6px;
		padding-inline-start: calc(0.75rem - 4px);
	}
}

/* Diversidade, newsletter: verde mais escuro que o das demais páginas (#228e40 a #34b35b, texto branco) e altura de 413 px, que vence o min-height inline do bloco. */
body.garagem-pagina-diversidade .wp-block-garagem-newsletter.garagem-newsletter--ajuste-local.garagem-newsletter--fundo-verde-logo {
	background-color: #1f7537;
}

body.garagem-pagina-diversidade .wp-block-garagem-newsletter.garagem-newsletter--ajuste-local.garagem-newsletter--gradiente-diagonal-claro.garagem-newsletter--fundo-verde-logo {
	background-image: linear-gradient(135deg, #228e40, #34b35b);
}

body.garagem-pagina-diversidade .wp-block-garagem-newsletter.garagem-newsletter--ajuste-local.garagem-newsletter--gradiente-diagonal-claro.garagem-newsletter--fundo-verde-logo :is(.garagem-newsletter__titulo, .garagem-newsletter__texto, .garagem-newsletter__consentimento, .garagem-newsletter__consentimento a) {
	color: #fff;
}

body.garagem-pagina-diversidade .wp-block-garagem-newsletter.garagem-newsletter--ajuste-local.garagem-newsletter--gradiente-diagonal-claro.garagem-newsletter--fundo-verde-logo[style*="min-height"] {
	min-height: 413px !important;
}