/* ==========================================================================
   FICHA DO CONCURSO — quadro de consulta rápida no início do artigo
   ==========================================================================

   HTML: template-parts/concursos/ficha-concurso.php
   DADOS: preenchidos na caixa "Ficha do concurso" do editor
          (inc/editorial/ficha-concurso.php).
   Cores da situação (aberto, previsto, encerrado...): components/cards.css,
   procure "Situação do concurso".
   ========================================================================== */

.ficha-concurso {
	margin-bottom: var(--espaco-6);
	padding: var(--espaco-5);
	border-radius: var(--raio-grande);
	background: var(--cor-superficie);
}

@media (min-width: 768px) {
	.ficha-concurso {
		padding: var(--espaco-6);
	}
}

.ficha-concurso__cabecalho {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--espaco-3);
	margin-bottom: var(--espaco-5);
}

.ficha-concurso__titulo {
	display: flex;
	align-items: center;
	gap: var(--espaco-3);
	font-size: 1.125rem;
	font-weight: var(--peso-extra);
	letter-spacing: -0.01em;
}

.ficha-concurso__titulo::before {
	content: "";
	width: 20px;
	height: 3px;
	border-radius: 2px;
	background: var(--cor-destaque);
}

.ficha-concurso__dados {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)); /* Duas colunas mesmo no celular: consulta rápida. */
	gap: var(--espaco-4) var(--espaco-5);
}

/* Órgão e cargos costumam ser longos: ocupam a linha inteira. */
.ficha-concurso__item--orgao,
.ficha-concurso__item--cargos {
	grid-column: 1 / -1;
}

.ficha-concurso__item {
	padding-top: var(--espaco-3);
	border-top: 1px solid var(--cor-marfim-escuro);
}

.ficha-concurso__item dt {
	margin-bottom: var(--espaco-1);
	font-size: var(--texto-pequeno);
	font-weight: var(--peso-medio);
	color: var(--cor-texto-suave);
}

.ficha-concurso__item dd {
	font-size: 1rem;
	font-weight: var(--peso-semi);
	line-height: 1.45;
	color: var(--cor-texto);
	overflow-wrap: anywhere;
}

/* Remuneração em evidência. */
.ficha-concurso__item--remuneracao dd {
	font-family: var(--fonte-titulos);
	font-size: 1.125rem;
	font-weight: var(--peso-extra);
	color: var(--cor-primaria);
}

.ficha-concurso__etapas {
	margin-top: var(--espaco-5);
	padding-top: var(--espaco-4);
	border-top: 1px solid var(--cor-marfim-escuro);
}

.ficha-concurso__etapas h3 {
	margin-bottom: var(--espaco-2);
	font-family: var(--fonte-corpo);
	font-size: var(--texto-pequeno);
	font-weight: var(--peso-medio);
	letter-spacing: 0;
	color: var(--cor-texto-suave);
}

.ficha-concurso__etapas ol {
	margin: 0;
	padding-left: 1.25em;
	font-weight: var(--peso-medio);
}

.ficha-concurso__etapas li + li {
	margin-top: var(--espaco-1);
}

.ficha-concurso__rodape {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--espaco-3) var(--espaco-5);
	margin-top: var(--espaco-5);
}

.ficha-concurso__conferido {
	font-size: var(--texto-meta);
	color: var(--cor-texto-suave);
}