/* =============================================================
   Lista de documentos agrupada por órgão
   Serve a Normativos, Jurisprudência e Fiscalizações. No banco
   cada item é um registro independente; o agrupamento por órgão
   acontece só aqui, na apresentação.
   ============================================================= */

.orgao-grupo + .orgao-grupo {
	margin-block-start: var(--e-8);
}

.orgao-grupo__cabecalho {
	display: flex;
	align-items: center;
	gap: var(--e-4);
	padding-block-end: var(--e-4);
	margin-block-end: var(--e-5);
	border-block-end: 2px solid var(--c-borda);
}

/* A altura de cada marca vem do PHP (cte_marca_altura), calculada para
   que todas ocupem mais ou menos a mesma área — logomarca larga vem mais
   baixa, logomarca quadrada vem mais alta. A largura máxima é o par desse
   cálculo: segura a faixa mais comprida do conjunto. */
.orgao__logo {
	width: auto;
	height: var(--marca-altura, 3rem);
	max-width: 13rem;
	object-fit: contain;
	object-position: left center;
}

/* No cabeçalho só entra a logomarca; o título fica sem estilo de
   título porque, quando há logo, ele não tem texto para mostrar. O
   nome do órgão passou a assinar cada card, logo abaixo.

   A faixa tem altura fixa: as marcas têm alturas diferentes de
   propósito, e sem isto o cabeçalho de cada grupo teria uma altura,
   quebrando o ritmo da página. */
.orgao-grupo__nome {
	display: flex;
	align-items: center;
	min-height: 4rem;
	font-size: var(--t-lg);
	color: var(--c-texto-forte);
}

/* Item ---------------------------------------------------------- */
.doc {
	display: grid;
	gap: var(--e-3);
	padding: var(--e-5);
	background: var(--c-fundo);
	border: 1px solid var(--c-borda);
	border-radius: var(--raio);
	transition: border-color var(--transicao), box-shadow var(--transicao);
}

.doc + .doc {
	margin-block-start: var(--e-4);
}

.doc:hover {
	border-color: var(--c-borda-forte);
	box-shadow: var(--sombra-sm);
}

.doc__etiquetas {
	display: flex;
	flex-wrap: wrap;
	gap: var(--e-2);
}

.doc__titulo {
	font-size: var(--t-md);
	font-weight: var(--peso-forte);
	color: var(--c-texto-forte);
	line-height: 1.35;
}

.doc__texto {
	font-size: var(--t-sm);
	color: var(--c-texto-medio);
	white-space: pre-line;
}

.doc__dados {
	display: flex;
	flex-wrap: wrap;
	gap: var(--e-2) var(--e-6);
	margin: 0;
	font-size: var(--t-sm);
}

.doc__dados dt {
	color: var(--c-texto-suave);
}

.doc__dados dd {
	margin: 0;
	font-weight: var(--peso-medio);
	color: var(--c-texto-forte);
}

.doc__par {
	display: flex;
	gap: var(--e-2);
}

/* Assinatura: fecha o card com o órgão, em corpo miúdo, sobre um fio
   como o de uma linha de assinatura. */
.doc__assinatura {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--e-1) var(--e-2);
	padding-block-start: var(--e-3);
	border-block-start: 1px solid var(--c-borda);
	font-size: var(--t-xs);
	color: var(--c-texto-suave);
}

.doc__assinatura-sigla {
	font-weight: var(--peso-medio);
	color: var(--c-texto-medio);
}