/**
 * T-16 · Archivo por defecto — templates/archive/styles.css
 *
 * Estilos del archivo genérico (fecha, autor, taxonomías futuras). Handle
 * `pf_pfuture_template_archive`.
 *
 * Solo maqueta la rejilla y la cabecera: el aspecto de cada tarjeta lo trae su
 * propio componente common/card-*.
 *
 * Bloques raíz:
 *   .pf-archive           contenedor de la plantilla
 *   .pf-archive__header   cabecera genérica
 *   .pf-archive__grid     rejilla de tarjetas
 *   .pf-archive__empty    estado sin resultados
 *
 * Tokens: solo nombres canonicos de style.css seccion 1, y sin literal de respaldo
 * (issue #60). `var(--x, 3rem)` se queda con el literal siempre que el token falte,
 * que es como el andamiaje dejo de consumir la escala de verdad sin que se notara.
 *
 * @package pfuture
 */

/* Canalón --------------------------------------------------------------------
 *
 * El canalón lo da la plantilla a sus hijos directos, con el idiom de
 * `.pf-container` —style.css sección 5—. Convención del tema desde el #78 y el
 * #84; aquí se adopta con el #90. Ver DEC-027 y DEC-028 de `portafolio`.
 *
 * Antes contenía `__inner` por su cuenta y con `--pf-space-sm`: 16px de canalón
 * donde el resto del sitio pone 24. Medido a 1280, tema claro forzado en
 * cliente, el contenido caía en 56 y las plantillas ya migradas caen en 64.
 * `__inner` conserva su relleno de bloque, que no es canalón.
 *
 * Sobre el hijo directo y no sobre cada bloque, para que un componente con
 * canalón propio no se lo sume encima. Dos clases (0,2,0) para ganar a
 * `.pf-cta-box--section` (0,1,0), que encola su hoja al pintarse o sea después
 * de esta. Hero excluido porque va a sangre; T-16 no tiene, se excluye igual.
 */
.pf-archive > :not(.pf-hero) {
	margin-inline: auto;
	max-width: var(--pf-container);
	padding-inline: var(--pf-gutter);
	width: 100%;
}

.pf-archive__inner {
	padding-block: var(--pf-space-xl);
}

.pf-archive__header {
	margin-bottom: var(--pf-space-lg);
}

.pf-archive__title {
	margin: 0 0 var(--pf-space-2xs);
}

.pf-archive__description {
	max-width: 70ch;
}

.pf-archive__count {
	margin: var(--pf-space-2xs) 0 0;
	opacity: 0.75;
}

/*
 * Rejilla cerrada en 3 columnas (decisión 1 de FASE-2-CONTENIDOS, issue #113).
 * `repeat(auto-fill, minmax(17rem, 1fr))` daba 3 a 1120, pero daría 4 en
 * cuanto el contenedor creciera. Se cierra: 3 desde 62rem, 2 desde 40rem, 1
 * debajo.
 */
.pf-archive__grid {
	display: grid;
	gap: var(--pf-space-md);
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 40rem) {
	.pf-archive__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 62rem) {
	.pf-archive__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.pf-archive__empty {
	margin: var(--pf-space-lg) 0;
}