/* ==========================================================================
   Home · Situações. Espelha template-parts/page-home/sections/situacoes.php.
   Três colunas no desktop, fio acima de cada item, numeral em micro-caps.
   ========================================================================== */
.cad-situacoes__head { margin-bottom: var(--cad-sp-6); }

.cad-situacoes__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--cad-sp-6) var(--cad-gutter);
}

.cad-situacoes__item {
	border-top: var(--cad-hairline) solid var(--cad-rule);
	padding-top: var(--cad-sp-4);
}

.cad-situacoes__numeral {
	display: block;
	font-family: var(--cad-font-label);
	font-size: var(--cad-fs-label-sm);
	letter-spacing: var(--cad-ls-label);
	color: var(--cad-gray-stone);
	margin-bottom: var(--cad-sp-3);
}

.cad-situacoes__nome {
	font-size: var(--cad-fs-subtitle);
	margin: 0 0 var(--cad-sp-3);
}

.cad-situacoes__texto {
	font-size: var(--cad-fs-body-sm);
	max-width: 38ch;
	margin: 0;
}

@media (min-width: 700px) {
	.cad-situacoes__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1000px) {
	.cad-situacoes__grid { grid-template-columns: repeat(3, 1fr); gap: var(--cad-sp-7) var(--cad-gutter); }
}