/* =================================================================
   Diseño MOSAICO — Pulso Actual
   Estructura densa de diario digital: banda de cabecera, riel de
   titulares, nota principal con foto y columna de secundarias.
   Identidad propia: tinta casi negra y rojo de la casa.
   ================================================================= */

:root {
	--pa-tinta: #12151a;
	--pa-tinta-suave: #1d222b;
	--pa-rojo: #a51c22;
	--pa-linea: #d8d5cf;
	--pa-linea-fina: #ebe8e2;
	--pa-gris: #5c6470;
	--pa-crema: #faf9f6;
}

body {
	background: var(--pa-crema);
}

/* ---------- Barra de utilidad ---------- */

.pa-utilidad {
	background: var(--pa-tinta-suave);
	color: #fff;
	padding-block: 0.5rem;
}

.pa-utilidad .pa-utilidad__fila {
	gap: 1rem;
}

.pa-utilidad p {
	margin: 0;
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.82);
}

/* ---------- Cabecera ---------- */

.pa-cabecera {
	background: var(--pa-tinta);
	color: #fff;
	padding-block: 1rem 0;
}

.pa-cabecera__fila {
	gap: 1.5rem;
	align-items: flex-end;
}

.pa-marca {
	margin: 0;
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	font-weight: 900;
	line-height: 0.92;
	letter-spacing: -0.03em;
	color: #fff;
}

.pa-marca a {
	color: #fff;
	text-decoration: none;
}

.pa-nav {
	font-family: var(--wp--preset--font-family--titular);
	font-size: 1.375rem;
	font-weight: 700;
}

.pa-nav .wp-block-navigation__container {
	gap: 0 !important;
}

.pa-nav .wp-block-navigation-item {
	padding: 0 1.1rem;
	border-right: 1px solid rgba(255, 255, 255, 0.22);
}

.pa-nav .wp-block-navigation-item:first-child {
	padding-left: 0;
}

.pa-nav a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 0.55rem;
	border-bottom: 4px solid transparent;
}

.pa-nav .wp-block-navigation-item:first-child a {
	border-bottom-color: var(--pa-rojo);
}

.pa-nav a:hover {
	border-bottom-color: rgba(255, 255, 255, 0.55);
}

.pa-secciones {
	gap: 1.1rem;
	margin-top: 0.9rem;
	padding: 0.5rem 0;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.pa-secciones p {
	margin: 0;
	font-size: 0.8125rem;
}

.pa-secciones a {
	color: rgba(255, 255, 255, 0.86);
	text-decoration: none;
}

.pa-secciones a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ---------- Rejilla de portada ---------- */

.pa-mosaico {
	padding-top: 1.25rem;
}

.pa-mosaico__fila {
	gap: 0 !important;
	border-top: 1px solid var(--pa-linea);
	padding-top: 1rem;
}

.pa-mosaico__fila > .wp-block-column {
	padding-inline: 1.25rem;
	border-left: 1px solid var(--pa-linea-fina);
}

.pa-mosaico__fila > .wp-block-column:first-child {
	border-left: 0;
	padding-left: 0;
}

.pa-mosaico__fila > .wp-block-column:last-child {
	padding-right: 0;
}

/* ---------- Etiqueta de sección ---------- */

.pa-kicker,
.pa-kicker a {
	color: var(--pa-rojo);
	font-size: 0.8125rem;
	font-weight: 700;
	text-decoration: none;
	margin: 0 0 0.15rem;
}

.pa-kicker--vivo a::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 0.4rem;
	border-radius: 50%;
	background: var(--pa-rojo);
	vertical-align: baseline;
}

.pa-fecha {
	margin: 0.4rem 0 0;
	color: var(--pa-gris);
	font-size: 0.75rem;
}

/* ---------- Riel de titulares ---------- */

.pa-riel__titulo {
	margin: 0 0 0.75rem;
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: -0.02em;
}

.pa-riel__nota {
	padding: 0.7rem 0;
	border-top: 1px solid var(--pa-linea-fina);
}

.pa-riel__nota:first-child {
	border-top: 0;
	padding-top: 0;
}

.pa-riel__titular {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.25;
}

.pa-riel__titular a {
	color: var(--pa-tinta);
	text-decoration: none;
}

.pa-riel__titular a:hover {
	text-decoration: underline;
}

/* ---------- Nota principal ---------- */

.pa-lead {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--pa-linea);
}

.pa-lead__foto img {
	width: 100%;
	height: auto;
	aspect-ratio: 5 / 3;
	object-fit: cover;
	margin-bottom: 0.85rem;
}

.pa-lead__titular {
	margin: 0 0 0.5rem;
	font-size: clamp(1.75rem, 3vw, 2.4rem);
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: -0.02em;
}

.pa-lead__titular a {
	color: var(--pa-tinta);
	text-decoration: none;
}

.pa-lead__titular a:hover {
	text-decoration: underline;
}

.pa-lead__sumario {
	margin: 0;
	font-size: 1.0625rem;
	line-height: 1.45;
	color: var(--pa-gris);
}

/* ---------- Tarjetas ---------- */

.pa-cuadricula {
	margin-top: 1.25rem;
}

.pa-cuadricula .wp-block-post-template {
	gap: 1.25rem !important;
}

.pa-tarjeta {
	padding-top: 0.9rem;
	border-top: 1px solid var(--pa-linea-fina);
}

.pa-tarjeta__foto img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin-bottom: 0.6rem;
}

.pa-tarjeta__titular {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.2;
}

.pa-tarjeta__titular a {
	color: var(--pa-tinta);
	text-decoration: none;
}

.pa-tarjeta__titular a:hover {
	text-decoration: underline;
}

/* ---------- Columna de secundarias ---------- */

.pa-secundaria {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--pa-linea-fina);
}

.pa-secundaria__foto img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	margin-bottom: 0.6rem;
}

.pa-secundaria__titular {
	margin: 0;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1.15;
}

.pa-secundaria__titular a {
	color: var(--pa-tinta);
	text-decoration: none;
}

.pa-secundaria__titular a:hover {
	text-decoration: underline;
}

/* ---------- Bandas y pie ---------- */

.pa-banda-anuncio {
	margin: 2rem 0;
	padding: 1.25rem 0;
	border-block: 1px solid var(--pa-linea);
}

.pa-seccion-titulo {
	margin: 0 0 1rem;
	padding-bottom: 0.4rem;
	border-bottom: 3px solid var(--pa-tinta);
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: -0.02em;
}

.pa-paginacion {
	margin-top: 2rem;
	font-size: 0.875rem;
}

.pa-pie {
	margin-top: 3rem;
	padding: 2.5rem 0;
	background: var(--pa-tinta);
	color: rgba(255, 255, 255, 0.8);
}

.pa-pie__marca,
.pa-pie__titulo {
	color: #fff;
}

.pa-pie__marca {
	margin: 0 0 0.4rem;
	font-size: 1.75rem;
	font-weight: 900;
}

.pa-pie__titulo {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.pa-pie a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
}

.pa-pie a:hover {
	color: #fff;
	text-decoration: underline;
}

.pa-pie ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.9;
}

.pa-pie__nota,
.pa-pie__legal {
	font-size: 0.875rem;
}

.pa-pie__legal {
	margin-top: 2rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	color: rgba(255, 255, 255, 0.55);
}

/* ---------- Adaptación a pantallas chicas ---------- */

@media (max-width: 1199px) {
	.pa-mosaico__fila > .wp-block-column {
		border-left: 0;
		padding-inline: 0;
	}

	.pa-riel {
		order: 3;
	}
}

@media (max-width: 781px) {
	.pa-cabecera__fila {
		flex-direction: column-reverse;
		align-items: flex-start !important;
	}

	.pa-cuadricula .wp-block-post-template {
		grid-template-columns: 1fr 1fr !important;
	}
}

/* ---------- Refuerzo de densidad y jerarquía ---------- */

.pa-utilidad__acciones {
	gap: 1rem;
	align-items: center;
}

.pa-pastilla {
	margin: 0;
}

.pa-pastilla a {
	display: inline-block;
	padding: 0.3rem 0.95rem;
	border-radius: 999px;
	background: var(--pa-rojo);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.pa-pastilla a:hover {
	background: #8a1418;
}

/* Módulo enmarcado del riel, como el bloque de servicio de los diarios */

.pa-modulo {
	margin-bottom: 1.1rem;
	padding: 0.85rem;
	border: 1px solid var(--pa-linea);
	background: #fff;
}

.pa-modulo__etiqueta {
	margin: 0;
	color: var(--pa-gris);
	font-size: 0.6875rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.pa-modulo__dato {
	margin: 0.1rem 0 0.6rem;
	font-family: var(--wp--preset--font-family--titular);
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.02em;
}

.pa-modulo__lista ul,
.pa-modulo .wp-block-categories {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8125rem;
	line-height: 1.85;
	border-top: 1px solid var(--pa-linea-fina);
	padding-top: 0.5rem;
}

.pa-modulo .wp-block-categories a {
	color: var(--pa-tinta);
	text-decoration: none;
}

.pa-modulo .wp-block-categories a:hover {
	color: var(--pa-rojo);
}

/* Etiqueta de sección en pastilla, para la columna de secundarias */

.pa-kicker--pastilla a {
	display: inline-block;
	padding: 0.12rem 0.5rem;
	background: var(--pa-rojo);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.pa-kicker--pastilla a::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 0.4rem;
	border-radius: 50%;
	background: #fff;
	vertical-align: middle;
}

/* Más aire quitado: la portada gana densidad */

.pa-mosaico__fila {
	padding-top: 0.75rem;
}

.pa-riel__nota {
	padding: 0.55rem 0;
}

.pa-tarjeta {
	padding-top: 0.75rem;
}

.pa-secundaria {
	padding-bottom: 0.85rem;
	margin-bottom: 0.85rem;
}