/** Detalle de noticia y de convenio — nodos 1:492 y 1:754. */
.cvp-article__head { background: var(--cvp-navy); color: var(--cvp-white); }

.cvp-article__head .cvp-container {
	padding-block: var(--cvp-sp-6);
	display: flex; flex-direction: column; gap: var(--cvp-sp-2); align-items: flex-start;
}

.cvp-article__meta {
	font-size: var(--cvp-fs-xs); text-transform: uppercase;
	letter-spacing: 0.1em; color: var(--cvp-yellow); margin: 0; font-weight: 700;
}

.cvp-article__title { font-size: var(--cvp-fs-xl); color: var(--cvp-white); margin: 0; max-width: 24ch; }
.cvp-article__rule { width: 96px; }

.cvp-article__media img { width: 100%; max-height: 520px; object-fit: cover; }

.cvp-article__body {
	padding-block: var(--cvp-sp-6);
	max-width: 76ch; line-height: 1.7;
}

.cvp-article__body :is(h2, h3) { margin-top: var(--cvp-sp-4); }

/**
 * Detalle de noticia — nodo 61:1504.
 *
 * Dos columnas: artículo de 1030 y barra gris de 360, con 50 de separación.
 * Fondo blanco: el encabezado navy que había antes no está en el diseño.
 */

.cvp-post {
	background: var(--cvp-white);
	padding-block: var(--cvp-sp-6) var(--cvp-sp-8);
}

.cvp-post__row {
	display: grid;
	grid-template-columns: minmax(0, 1030fr) 360fr;
	gap: 50px;
	align-items: start;
}

/* Sin barra lateral (revista, cooperativa) el texto no se estira a lo ancho. */
.cvp-post__row--solo {
	grid-template-columns: minmax(0, 1030px);
}

/* Categoría del convenio, sobre el título (nodo 61:1775). */
.cvp-convenio__cat {
	margin: 0 0 var(--cvp-sp-1);
	font-family: var(--cvp-font-text);
	font-size: 0.75rem;                 /* 12 */
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--cvp-navy);
}

.cvp-post__cat {
	margin: 0 0 var(--cvp-sp-1);
	font-family: var(--cvp-font-text);
	font-size: 0.75rem;                 /* 12 */
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--cvp-navy);
}

.cvp-post__title {
	margin: 0 0 var(--cvp-sp-2);
	font-family: var(--cvp-font-display);
	font-size: 2.25rem;                 /* 36 */
	font-weight: 700;
	line-height: 1.2;
	color: var(--cvp-navy);
	text-wrap: balance;
	/* El diseño escribe el título de la noticia en caja baja. */
	text-transform: none;
}

.cvp-post__date {
	margin: 0 0 var(--cvp-sp-3);
	font-family: var(--cvp-font-text);
	font-size: var(--cvp-fs-sm);        /* 14 */
	color: #8c8c8c;
}

.cvp-post__media {
	margin: 0 0 var(--cvp-sp-4);
}

.cvp-post__media img {
	width: 100%;
	aspect-ratio: 1030 / 380;
	object-fit: cover;
	display: block;
}

.cvp-post__body {
	font-family: var(--cvp-font-text);
	font-size: 1.0625rem;               /* 17 */
	line-height: 1.7;
	color: #404040;
	max-width: 76ch;
}

.cvp-post__body :is(h2, h3) {
	color: var(--cvp-navy);
	margin-top: var(--cvp-sp-4);
}

/* --- Barra de noticias relacionadas --- */

.cvp-post__side {
	background: #f5f5f5;
	padding: var(--cvp-sp-3);
	position: sticky;
	top: calc(var(--cvp-header-h) + var(--cvp-sp-2));
}

.cvp-post__side-title {
	margin: 0 0 var(--cvp-sp-2);
	font-family: var(--cvp-font-text);
	font-size: var(--cvp-fs-sm);        /* 14 */
	font-weight: 700;
	letter-spacing: var(--cvp-tracking-nav);
	text-transform: uppercase;
	color: var(--cvp-navy);
}

.cvp-rel {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--cvp-sp-2);
}

.cvp-rel__link {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	text-decoration: none;
}

.cvp-rel__thumb {
	width: 64px;
	height: 64px;
	background: #e0e0e0;
	overflow: hidden;
	display: block;
}

.cvp-rel__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cvp-rel__text {
	font-family: var(--cvp-font-text);
	font-size: 0.8125rem;               /* 13 */
	font-weight: 700;
	line-height: 1.25;
	color: var(--cvp-navy);
}

.cvp-rel__link:hover .cvp-rel__text {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-color: var(--cvp-yellow);
	text-decoration-thickness: 2px;
}

.cvp-rel__link:focus-visible {
	outline: 2px solid var(--cvp-navy);
	outline-offset: 3px;
}

@media (max-width: 900px) {
	.cvp-post__row,
	.cvp-post__row--solo {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--cvp-sp-5);
	}

	.cvp-post__side { position: static; }

	.cvp-post__title { font-size: var(--cvp-fs-lg); }
}

/* --- Convenio --- */
.cvp-convenio__top {
	display: flex; gap: var(--cvp-sp-6); align-items: flex-start;
	padding-block: var(--cvp-sp-6);
}

.cvp-convenio__media { flex: 0 0 400px; aspect-ratio: 400 / 260; overflow: hidden; background: var(--cvp-sky); }
.cvp-convenio__media img { width: 100%; height: 100%; object-fit: contain; }

.cvp-convenio__info { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: var(--cvp-sp-2); }

.cvp-convenio__title { font-size: var(--cvp-fs-xl); margin: 0; }

.cvp-convenio__info .cvp-rule { width: 96px; }

.cvp-convenio__meta { margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }

.cvp-convenio__row { display: flex; gap: 0.75rem; }

.cvp-convenio__row dt {
	flex: 0 0 120px; font-weight: 700; text-transform: uppercase;
	font-size: var(--cvp-fs-xs); letter-spacing: 0.06em; color: var(--cvp-orange);
	padding-top: 2px;
}

.cvp-convenio__row dd { margin: 0; }

.cvp-convenio__about { background: var(--cvp-sky); }

.cvp-convenio__about .cvp-container { padding-block: var(--cvp-sp-6); }

.cvp-convenio__subtitle { font-size: var(--cvp-fs-lg); margin: 0 0 var(--cvp-sp-2); }

.cvp-convenio__body { max-width: 76ch; line-height: 1.7; }

@media (max-width: 900px) {
	.cvp-convenio__top { flex-direction: column; }
	.cvp-convenio__media { flex: none; width: 100%; }
}

/* Figma del 6 de octubre de 2026 (nodo 1:490): el título corre a lo ancho de la columna, el cuerpo
   también —1030, en 17 con interlínea de 20,4 y sin aire entre párrafos— y la
   barra lateral lleva borde navy y 500 de alto. */
.cvp-post__title { text-wrap: wrap; }
.cvp-post__body { max-width: none; line-height: 1.2; }
.cvp-post__body p { margin: 0; }
.cvp-post__side { border: 1px solid var(--cvp-navy); padding: var(--cvp-sp-3); }
@media (min-width: 901px) {
	.cvp-post__side { min-height: 500px; }
}

/* Las noticias importadas de la web anterior (28 de octubre de 2026) traen
   galerías, videos, YouTube y PDFs. El Figma no dibuja nada de eso: sólo el
   aire alrededor, porque los párrafos van pegados. */
.cvp-post__body > :is(figure, .wp-block-file, .wp-block-heading, ul) { margin-block: var(--cvp-sp-3); }
.cvp-post__body > :first-child { margin-top: 0; }
.cvp-post__body video { display: block; width: 100%; max-height: 80vh; background: #000; }
.cvp-post__body .wp-block-file__button { background: var(--cvp-navy); border-radius: 0; font-weight: 700; text-transform: uppercase; letter-spacing: var(--cvp-tracking-nav); }