/* ==========================================================================
   Home · Abertura. Espelha template-parts/page-home/sections/abertura.php.
   Capa de tela cheia: rótulo, frase em Didone, fio, apoio e pé com as três
   camadas. A marca fica no running head, nunca duas vezes na mesma tela.
   ========================================================================== */
.cad-abertura {
	background: var(--cad-ink-deep);
	color: var(--cad-on-cover-quiet);
	min-height: var(--cad-cover-h);
	display: flex;
	align-items: stretch;
	padding-top: calc(var(--raz-header-h) + var(--cad-sp-6));
	padding-bottom: var(--cad-sp-6);
}

.cad-abertura__inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--cad-sp-7);
	width: 100%;
}

.cad-abertura .cad-label { color: var(--cad-on-cover-quiet); }

.cad-abertura__frase {
	font-family: var(--cad-font-display);
	font-style: italic;
	font-weight: 400;
	font-size: var(--cad-fs-cover);
	line-height: var(--cad-lh-cover);
	letter-spacing: var(--cad-ls-cover);
	color: var(--cad-on-cover);
	max-width: 15ch;
	margin: 0;
}

.cad-abertura__rule {
	width: 68px;
	height: 0;
	border: 0;
	border-top: var(--cad-hairline-strong) solid var(--cad-on-cover);
	margin: var(--cad-sp-5) 0 var(--cad-sp-5);
}

.cad-abertura__apoio {
	font-family: var(--cad-font-text);
	font-size: var(--cad-fs-body);
	line-height: var(--cad-lh-body);
	color: var(--cad-on-cover-quiet);
	max-width: 48ch;
	margin: 0;
}

/* Pé da capa: as três camadas + praças e link ---------------------------- */
.cad-abertura__pe {
	display: flex;
	flex-direction: column;
	gap: var(--cad-sp-5);
	border-top: var(--cad-hairline) solid var(--cad-rule-cover);
	padding-top: var(--cad-sp-4);
}

.cad-abertura__camadas {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--cad-sp-4);
	font-family: var(--cad-font-label);
	font-size: 10px;
	letter-spacing: var(--cad-ls-label);
	text-transform: uppercase;
	color: var(--cad-on-cover);
}

.cad-abertura__camada-num {
	display: block;
	color: var(--cad-gray-mid);
	margin-bottom: var(--cad-sp-2);
}

.cad-abertura__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--cad-sp-4);
	font-family: var(--cad-font-label);
	font-size: 10px;
	letter-spacing: var(--cad-ls-label-wide);
	text-transform: uppercase;
}

.cad-abertura__pracas { color: var(--cad-on-cover-quiet); }

.cad-abertura__link {
	color: var(--cad-on-cover);
	border-bottom: var(--cad-hairline) solid var(--cad-rule-cover);
	letter-spacing: var(--cad-ls-label);
	padding-bottom: 3px;
}
.cad-abertura__link:hover { border-bottom-color: var(--cad-on-cover); }

@media (min-width: 900px) {
	.cad-abertura { padding-bottom: var(--cad-sp-7); }
	.cad-abertura__inner { gap: var(--cad-sp-8); }
	.cad-abertura__main { max-width: 68%; }
	.cad-abertura__camadas { gap: var(--cad-gutter); max-width: 72%; }
}