/**
 * CL Acervo — estilo do front-end.
 *
 * O conteúdo do acervo é injetado dentro do corpo nativo do post (the_content),
 * então a largura/coluna é controlada pelo tema. A grade de fotos usa a galeria
 * nativa do WordPress (wp-block-gallery), estilizada pelo core. Este arquivo só
 * cuida dos blocos próprios do acervo, herdando a identidade do Platform pelas
 * variáveis CSS (--cs-*), com fallbacks para a paleta light do tema.
 *
 * Tokens de referência (Platform, light):
 *   primária  #0A2540 · secundária #435366 · acento #635BFF
 *   borda     #C8D7F5 · fundo #FFFFFF · card 8px
 */

.cl-acervo {
	--cl-primary: var(--cs-color-primary, #0A2540);
	--cl-secondary: var(--cs-color-secondary, #435366);
	--cl-accent: var(--cs-color-accent, #635BFF);
	--cl-border: var(--cs-color-border, #C8D7F5);
	--cl-bg: var(--cs-layout-background, #FFFFFF);
	--cl-card-radius: var(--cs-layout-elements-border-radius, 8px);

	margin-top: 2rem;
	font-family: var(--cs-font-base-family), sans-serif;
	color: var(--cl-secondary);
}

/* Reset de lista no escopo do acervo (KPIs e histórico). A galeria usa <figure>
   nativo e não é afetada. */
.cl-acervo ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cl-acervo li {
	margin: 0;
	padding: 0;
}

.cl-acervo li::before {
	content: none;
}

.cl-acervo h2 {
	font-family: var(--cs-font-headings-family), sans-serif;
	color: var(--cl-primary);
}

.cl-acervo a {
	color: var(--cl-accent);
	text-decoration: none;
}

.cl-acervo a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------------
 * Linha de crédito da foto (subtítulo do tema, sob o H1)
 * -------------------------------------------------------------------- */

.cl-acervo-credito {
	font-size: .95rem;
	font-weight: 400;
	color: var(--cs-color-secondary, #435366);
}

/* ----------------------------------------------------------------------
 * Grupos por premiação (single do evento)
 * -------------------------------------------------------------------- */

.cl-acervo__premio {
	margin-top: 2.5rem;
}

.cl-acervo__premio > h2 {
	display: inline-block;
	font-size: 1rem;
	font-family: var(--cs-font-category-family), sans-serif;
	font-weight: var(--cs-font-category-weight, 600);
	letter-spacing: var(--cs-font-category-letter-spacing, .04em);
	text-transform: var(--cs-font-category-text-transform, uppercase);
	color: var(--cl-secondary);
	padding-bottom: .4rem;
	margin-bottom: 1rem;
	border-bottom: 2px solid var(--cl-accent);
}

/* Galeria nativa: só ajustes leves sobre o estilo do core. */
.cl-acervo__galeria figcaption.wp-element-caption {
	font-size: .9rem;
}

/* ----------------------------------------------------------------------
 * Ficha técnica (evento e mídia)
 * -------------------------------------------------------------------- */

.cl-acervo__ficha {
	margin: 2rem 0;
	padding: 1.5rem;
	background: var(--cl-bg);
	border: 1px solid var(--cl-border);
	border-radius: var(--cl-card-radius);
}

.cl-acervo__ficha h2 {
	font-size: 1rem;
	margin: 0 0 1rem;
}

.cl-acervo__ficha dl {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: .5rem 1.25rem;
	margin: 0;
}

.cl-acervo__ficha dt {
	font-weight: 600;
	color: var(--cl-primary);
}

.cl-acervo__ficha dd {
	margin: 0;
}

/* KPIs em destaque. */
.cl-acervo__kpis {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1.5rem 0;
}

.cl-acervo__kpis li {
	flex: 1 1 120px;
	padding: 1rem;
	text-align: center;
	background: var(--cl-bg);
	border: 1px solid var(--cl-border);
	border-radius: var(--cl-card-radius);
}

.cl-acervo__kpis .cl-acervo__kpi-num {
	display: block;
	font-family: var(--cs-font-headings-family), sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--cl-accent);
	line-height: 1.1;
}

.cl-acervo__kpis .cl-acervo__kpi-label {
	display: block;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-top: .25rem;
}

/* ----------------------------------------------------------------------
 * Histórico de participações (single de mídia) — lista minimalista
 * -------------------------------------------------------------------- */

.cl-acervo__hist {
	margin-top: 1rem;
}

.cl-acervo__hist li {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	padding: .7rem 0;
	border-bottom: 1px solid var(--cl-border);
}

.cl-acervo__hist li:last-child {
	border-bottom: 0;
}

/* O resultado (prêmio) é o destaque da linha. */
.cl-acervo__resultado {
	flex: 0 0 auto;
	min-width: 6rem;
	font-weight: 700;
	color: var(--cl-accent);
	font-size: .95rem;
}

.cl-acervo__hist a {
	color: var(--cl-primary);
	font-weight: 500;
}