/* Jornada: regras do layout resumido e do calendário, usadas na Sobre, em Criação e em Tração. */

/* Jornada (layout resumido, protótipo): colunas fixas para que os cartões brancos de 645 x 153 px
   fiquem alinhados na mesma coluna em todas as fases, inclusive o Demoday, de rótulo menor. */
@media (min-width: 1240px) {
	.wp-block-garagem-jornada.garagem-jornada--faixa.garagem-jornada--resumido .garagem-jornada-etapa {
		--garagem-jornada-intervalo: 65px;
		grid-template-columns: 105px 188px 640px;
	}

	.wp-block-garagem-jornada.garagem-jornada--faixa.garagem-jornada--resumido .garagem-jornada__timeline {
		gap: 65px;
		margin-top: 55px;
	}

	.wp-block-garagem-jornada.garagem-jornada--faixa.garagem-jornada--resumido .garagem-jornada-etapa__titulo {
		justify-self: start;
		text-align: left;
	}

	.wp-block-garagem-jornada.garagem-jornada--faixa.garagem-jornada--resumido .garagem-jornada-etapa__descricao-card {
		min-height: 153px;
		padding: 16px 34px 16px 49px;
	}
}

/* Jornada resumida: mesmo gutter de 24px do resto da página abaixo do desktop. */
@media (max-width: 1239px) {
	.wp-block-garagem-jornada.garagem-jornada--faixa.garagem-jornada--resumido {
		padding-inline: 24px;
	}
}

/* Jornada em notebook estreito: rótulo de largura fixa para que o cartão do Demoday,
   de rótulo mais largo, alinhe com os das Fases 01 e 02 (cada etapa tem a própria grade). */
@media (min-width: 1024px) and (max-width: 1239px) {
	.wp-block-garagem-jornada.garagem-jornada--faixa.garagem-jornada--resumido .garagem-jornada-etapa {
		grid-template-columns: 108px minmax(180px, 1fr) minmax(0, 655px);
	}
}

/* Jornada: o sétimo marco do calendário fica centralizado quando a grade tem duas colunas */
@media (max-width: 600px) {
	.garagem-jornada__calendario-lista > .garagem-jornada__marco:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: calc(50% - 6px);
	}
}