/* =============================================================
   Seção
   Bloco de conteúdo com título e, opcionalmente, um link de
   apoio à direita.
   ============================================================= */

.secao {
	padding-block: var(--e-8);
}

.secao--alt {
	background: var(--c-fundo-alt);
}

.secao__cabecalho {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--e-3) var(--e-5);
	margin-block-end: var(--e-6);
}

.secao__titulo {
	position: relative;
	padding-inline-start: var(--e-4);
}

.secao__titulo::before {
	content: "";
	position: absolute;
	inset-block: 0.15em 0.1em;
	inset-inline-start: 0;
	width: 5px;
	border-radius: var(--raio-sm);
	background: var(--c-acao);
}

.secao__texto {
	max-width: var(--largura-texto);
	margin-block-start: var(--e-4);
	color: var(--c-texto-medio);
}