/* ===========================================================================
   SKIN "JN" — look réplica del tema comercial de origen (capa de presentación).
   Casi todas las conversiones del parque vienen de ese tema, así que esta skin
   reproduce su aspecto y se RE-TEMATIZA por sitio a través de las variables de
   theme.json (paleta y fuentes). NO contiene marca de ningún sitio concreto: los
   colores son var() con un fallback neutro, así que el mismo archivo sirve para
   todos los periódicos del parque.

   Se encola desde functions.php si el filtro `periodico_use_jn_skin` es true
   (por defecto). Un sitio que NO quiera este look devuelve false en ese filtro.

   Medidas de fidelidad ≤5% tomadas con tools/inspect_block.py (ver
   tools/FICHA_MODULO.md). Los `jeg_*`/`block_*` son los IDs internos del módulo
   de origen, conservados solo como referencia de medición.
   =========================================================================== */

/* Encabezados de sección como BARRA RELLENA (texto blanco sobre el acento de
   marca), en vez del subrayado neutro del kit base. */
.pb-seccion__title {
	color: #fff;
	background: var(--wp--preset--color--primario, #2162bf);
	border-bottom: 0;
	padding: 0.5rem 0.9rem;
	font-size: 1.05rem;
}

/* Barra de categorías (mega-menú) oscura, links blancos uppercase/negrita. El
   fondo usa el gris 'carbon' de la paleta → cada sitio lo re-tematiza solo. */
.pb-mega {
	--pb-mega-bg: var(--wp--preset--color--carbon, #4c4c4c);
	--pb-mega-text: #ffffff;
	--pb-mega-accent: var(--wp--preset--color--primario, #2162bf);
	border-bottom: 0;
}

.pb-mega__link {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.02em;
}

/* Títulos de tarjeta: casi-negro cálido (slug azul-profundo de la paleta), no el
   color de cuerpo. El overlay conserva su blanco (regla más específica del kit). */
.pb-card__title a,
.pb-card__title {
	color: var(--wp--preset--color--azul-profundo, #252422);
}

/* Imágenes sin redondeo (el original es de esquinas rectas). */
.pb-card__media {
	border-radius: 0;
}

/* Lead destacado: imagen 2:1 (= jeg_pl_lg_5 750×375) + tracking del titular (−0.44px ≈ −0.02em). */
.pb-card--featured .pb-card__media {
	aspect-ratio: 2 / 1;
}
.pb-card--featured .pb-card__title {
	letter-spacing: -0.02em;
}

/* Excerpt del lead destacado = 12px / lh 1.6 (el resto del sitio queda en 14px). */
.pb-card--featured .pb-card__excerpt {
	font-size: 0.75rem;
	line-height: 1.6;
}

/* Meta = 10px; solo el autor en mayúsculas (la fecha NO, como el original). */
.pb-card__meta {
	font-size: 0.625rem;
	text-transform: none;
}
.pb-card__author {
	text-transform: uppercase;
}

/* Micro-lista: título 14px (= jeg_pl_xs_2). */
.pb-lista .pb-card__title {
	font-size: 0.875rem;
}

/* Categoría overlay = 10px exacto. */
.pb-card__cat--overlay {
	font-size: 0.625rem;
}

/* caja (block_22): SIN borde de tarjeta y SIN barra de meta sombreada —
   imagen + título + fecha plana (= original jeg_pl_md_5 de esta portada). */
.pb-caja .pb-card {
	border: 0;
	border-radius: 0;
}
.pb-caja .pb-card__body {
	padding: 0.6rem 0 0;
}
.pb-caja .pb-card__meta {
	margin: 0.4rem 0 0;
	padding: 0;
	background: none;
	border-top: 0;
}

/* "Leer más" = botón con borde fino gris (estilo jeg_readmore), no link plano. */
.pb-card__more {
	display: inline-block;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	color: #53585c;
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 6px 18px;
	text-decoration: none;
}
.pb-card__more:hover,
.pb-card__more:focus {
	background: var(--wp--preset--color--primario, #2162bf);
	color: #fff;
	border-color: var(--wp--preset--color--primario, #2162bf);
}