/*
Prensa: «la lámina y la lectura» (docs/diseno-prensa.md). Consume tokens/tipografia/reticula y
.a-revelar-obra de movimiento.css. `.a-obra` no se usa: trae fondo gris, y un escaneo no es obra.
*/

.a-prensa { row-gap: var(--s-4); align-items: start; }

/* Láminas: la proporción la fija el archivo (`style="aspect-ratio"` desde PHP). Sin fondo: con la
   caja a la proporción real, `cover` no recorta nada. */
.a-prensa__lamina { grid-column: 1 / -1; background: none; margin: 0; }
.a-prensa__lamina--v { grid-column: span min(5, var(--columnas)); }
.a-prensa__lamina--peq { grid-column: span min(4, var(--columnas)); }
/* Las de cierre, un escalón por debajo de la apertura: jerarquía, no muestrario. */
.a-prensa__lamina--cierre.a-prensa__lamina--h { grid-column: span min(7, var(--columnas)); }
.a-prensa__lamina--cierre.a-prensa__lamina--peq { grid-column: span min(3, var(--columnas)); }
/* El enlace nunca lleva el clip-path del revelado (ver PHP): siempre clicable a tamaño completo. */
.a-prensa__lamina a,
.a-prensa__lamina .a-revelar-obra { display: block; height: 100%; }
.a-prensa__lamina img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Lectura, modo ancho (apertura horizontal o pieza sin foto): subrejilla de 12, notas 1-4, texto 6-12. */
.a-prensa__lectura {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--canal);
	row-gap: var(--s-3);
	align-items: start;
}
.a-prensa__cabecera,
.a-prensa__respuesta { grid-column: 6 / -1; margin: 0; }
.a-prensa__respuesta,
.a-prensa__entradilla { max-width: 34em; } /* cada papel mide 34em en su propio cuerpo */

/* Nota al margen (h3 del editor): la pregunta de una entrevista, la firma impresa. Doblada por el
   mismo acoplamiento que tipografia.css (widgets-texto.css): el Kit fija h1..h6 con más
   especificidad (0,1,1) que una clase suelta (0,1,0). */
.a-prensa__nota.a-prensa__nota {
	grid-column: 1 / 5;
	margin: 0;
	font-family: var(--fuente-display);
	font-weight: 500;
	font-size: var(--t-m);
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-transform: none;
}

/* Lectura, modo lado (apertura vertical o pequeña): la lámina ocupa 1-5 y la lectura sube a 6-12. */
.a-prensa--lado .a-prensa__lectura { grid-column: 6 / -1; display: block; }
.a-prensa--lado .a-prensa__respuesta { margin-block-start: var(--s-3); }
.a-prensa--lado .a-prensa__nota.a-prensa__nota { margin-block: var(--s-3) var(--s-1); }

/* Papeles dentro de la pieza */
.a-prensa__kicker { color: var(--tenue); margin: 0 0 var(--s-1); }
.a-prensa__titulo { margin: 0; }
.a-prensa__entradilla { margin: var(--s-2) 0 0; }
.a-prensa__pie { color: var(--tenue); margin: var(--s-2) 0 0; }

/* ---- 6 columnas: las notas suben encima de su respuesta y la respuesta se sangra una columna ---- */
@media (max-width: 1023px) {
	.a-prensa__lectura { grid-template-columns: repeat(6, 1fr); }
	.a-prensa__lamina--v,
	.a-prensa__lamina--peq { grid-column: span 3; }
	.a-prensa__lamina--cierre.a-prensa__lamina--h { grid-column: span 4; }
	.a-prensa__lamina--cierre.a-prensa__lamina--peq { grid-column: span 2; }
	.a-prensa__cabecera { grid-column: 1 / -1; }
	.a-prensa__nota.a-prensa__nota { grid-column: 1 / 6; }
	.a-prensa__respuesta { grid-column: 2 / -1; }
	.a-prensa--lado .a-prensa__lectura { grid-column: 4 / -1; }
}

/* ---- 4 columnas: todo apilado a ancho completo; la jerarquía la lleva la tipografía ---- */
@media (max-width: 767px) {
	.a-prensa { row-gap: var(--s-3); }
	.a-prensa__lectura { grid-template-columns: repeat(4, 1fr); row-gap: var(--s-2); }
	.a-prensa__lamina--v,
	.a-prensa__lamina--peq,
	.a-prensa__cabecera,
	.a-prensa__nota.a-prensa__nota,
	.a-prensa__respuesta,
	.a-prensa--lado .a-prensa__lectura { grid-column: 1 / -1; }
	.a-prensa__lamina--cierre.a-prensa__lamina--peq { grid-column: span 2; }
	.a-prensa__nota.a-prensa__nota { margin-block-start: var(--s-2); }
	.a-prensa--lado .a-prensa__respuesta { margin-block-start: var(--s-2); }
}