/* El Vistazo: portada. Todo bajo .ev-home; sobrescribe las reglas .ev-* antiguas con mayor especificidad. */

.ev-home {
	--evh-night: #06244d;
	--evh-night-text: #ffffff;
	--evh-night-muted: rgba(255, 255, 255, 0.72);
	--evh-night-line: rgba(255, 255, 255, 0.18);
	--evh-night-kicker: #9cc3ff;
	--evh-live: #4ecb8f;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .ev-home { --evh-night: #081a33; }
}
:root[data-theme="dark"] .ev-home { --evh-night: #081a33; }

.ev-home > * { margin-block: 0 !important; }
.ev-home ul { list-style: none; margin: 0; padding: 0; }
.ev-home h2, .ev-home h3, .ev-home p { margin: 0; }

/* ---------- Piezas compartidas ---------- */
.ev-home :is(.evh-lead, .evh-item, .evh-card, .evh-big, .evh-mini) { position: relative; min-width: 0; }
.ev-home .evh-stretch { color: inherit; text-decoration: none; }
.ev-home .evh-stretch::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.ev-home .evh-stretch:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.ev-home .evh-stretch:focus-visible { outline: none; }
.ev-home .evh-stretch:focus-visible::after { outline: 3px solid var(--ev-focus); outline-offset: 2px; }

.ev-home h3 { font-family: var(--ev-display); font-weight: 700; letter-spacing: -0.015em; text-wrap: balance; overflow-wrap: break-word; }

.ev-home .evh-kicker {
	font-family: var(--ev-sans);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
}
.ev-home .evh-kicker a { position: relative; z-index: 2; color: var(--ev-link); text-decoration: none; }
.ev-home .evh-kicker a:hover { text-decoration: underline; }

.ev-home .evh-date,
.ev-home time.evh-date {
	display: block;
	font-size: 0.8125rem;
	color: var(--ev-muted);
	font-variant-numeric: tabular-nums;
}

.ev-home .evh-dek {
	font-family: var(--ev-serif);
	font-size: 1.0625rem;
	line-height: 1.55;
	color: var(--ev-ink);
	opacity: 0.86;
	max-width: 60ch;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ev-home .evh-media {
	margin: 0;
	overflow: hidden;
	background: var(--ev-surface);
	aspect-ratio: 16 / 9;
}
.ev-home .evh-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ev-home .evh-media.ev-typecard { background: var(--ev-card, var(--ev-card-1)) !important; }
@media (prefers-reduced-motion: no-preference) {
	.ev-home .evh-media img { transition: transform 0.3s ease; }
	.ev-home :is(.evh-lead, .evh-item, .evh-card, .evh-big, .evh-mini):hover .evh-media img { transform: scale(1.03); }
}

/* Encabezado de módulo (también los antiguos .ev-sechead de la portada) */
.ev-home .evh-head,
.ev-home .ev-sechead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 1.25rem !important;
	border-top: 0;
	padding-top: 0;
}
.ev-home .evh-head h2,
.ev-home .ev-sechead h2 {
	font-family: var(--ev-display);
	font-size: clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.1;
}
.ev-home .evh-head h2 a { color: inherit; text-decoration: none; }
.ev-home .evh-head h2 a:hover { color: var(--ev-link); text-decoration: none; }
.ev-home .evh-more { font-size: 0.875rem; font-weight: 600; color: var(--ev-link); text-decoration: none; white-space: nowrap; }
.ev-home .evh-more:hover { text-decoration: underline; }

/* ---------- 1. Tema del día ---------- */
.ev-home .evh-hero {
	background: var(--evh-night);
	color: var(--evh-night-text);
	padding-block: clamp(1.25rem, 3vw, 2.25rem) clamp(2rem, 4vw, 3.25rem);
	--ev-focus: #fff; /* el azul de marca no llega a 3:1 sobre la banda */
}
.ev-home .evh-hero__grid { display: grid; gap: 2rem; }
.ev-home .evh-hero__grid > * { min-width: 0; }

.ev-home .evh-lead .evh-media { background: rgba(255, 255, 255, 0.08); }
.ev-home .evh-lead__body { display: grid; gap: 0.75rem; padding-top: 1.25rem; }
.ev-home .evh-hero .evh-kicker a { color: var(--evh-night-kicker); }
.ev-home .evh-lead__title {
	font-size: clamp(2rem, 1.2rem + 3.2vw, 3.75rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.012em;
	color: #fff;
}
.ev-home .evh-hero .evh-dek { color: #fff; opacity: 0.88; font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem); }
.ev-home .evh-lead__date { margin: 0; }
.ev-home .evh-lead__date time { font-size: 0.875rem; color: var(--evh-night-muted); font-variant-numeric: tabular-nums; }

.ev-home .evh-rail h2 {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--ev-display);
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #fff;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--evh-night-line);
}
.ev-home .evh-live {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--evh-live);
	flex: none;
}
@media (prefers-reduced-motion: no-preference) {
	.ev-home .evh-live { animation: evh-pulse 2.4s ease-out infinite; }
}
@keyframes evh-pulse {
	0% { box-shadow: 0 0 0 0 rgba(78, 203, 143, 0.55); }
	70%, 100% { box-shadow: 0 0 0 0.5rem rgba(78, 203, 143, 0); }
}
.ev-home .evh-tick {
	position: relative;
	display: grid;
	grid-template-columns: 4.25rem minmax(0, 1fr);
	gap: 0.75rem;
	padding-block: 0.8125rem;
	border-bottom: 1px solid var(--evh-night-line);
	align-items: start;
}
.ev-home .evh-tick:last-child { border-bottom: 0; }
.ev-home .evh-tick__time { padding-top: 0.1875rem; }
.ev-home .evh-tick__t {
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--evh-night-muted);
	font-variant-numeric: tabular-nums;
}
.ev-home .evh-tick__time.is-today .evh-tick__t { color: var(--evh-live); }
.ev-home .evh-tick__title { font-size: 1rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.005em; color: #fff; text-wrap: pretty; }

@media (max-width: 699px) {
	.ev-home .evh-lead .evh-media { margin-inline: calc(-1 * var(--ev-gutter)); }
}
@media (min-width: 1000px) {
	.ev-home .evh-hero__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 0; }
	.ev-home .evh-lead { padding-right: 2.25rem; }
	.ev-home .evh-rail { padding-left: 2rem; border-left: 1px solid var(--evh-night-line); }
}

/* ---------- 2. Más noticias ---------- */
.ev-home .evh-news { padding-block: clamp(2rem, 5vw, 3.5rem); }
.ev-home .evh-grid { display: grid; gap: 0; grid-template-columns: 1fr; }
.ev-home .evh-item { display: grid; grid-template-columns: minmax(0, 1fr) 6.5rem; gap: 0.375rem 1rem; align-content: start; padding-block: 1rem; border-top: 1px solid var(--ev-rule); }
.ev-home .evh-item:first-child { border-top: 0; padding-top: 0; }
.ev-home .evh-item .evh-media { grid-column: 2; grid-row: 1; aspect-ratio: 1; align-self: start; }
.ev-home .evh-item__body { grid-column: 1; grid-row: 1; display: grid; gap: 0.375rem; align-content: start; }
.ev-home .evh-item__title { font-size: 1.0625rem; line-height: 1.25; }
@media (min-width: 600px) {
	.ev-home .evh-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.5rem; }
	.ev-home .evh-item,
	.ev-home .evh-item:first-child { display: block; padding: 0; border: 0; }
	.ev-home .evh-item .evh-media { aspect-ratio: 16 / 9; }
	.ev-home .evh-item__body { padding-top: 0.875rem; }
	.ev-home .evh-item__title { font-size: 1.1875rem; line-height: 1.2; }
}
@media (min-width: 1000px) {
	.ev-home .evh-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem 1.5rem; }
}

/* ---------- 3. De un vistazo ---------- */
.ev-home .evh-scroll { background: var(--ev-surface); padding-block: clamp(2rem, 5vw, 3.5rem); }
.ev-home .evh-nav { display: flex; gap: 0.5rem; }
.ev-home .evh-nav__btn {
	display: inline-grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid var(--ev-rule);
	border-radius: 50%;
	background: var(--ev-bg);
	color: var(--ev-ink);
	cursor: pointer;
}
.ev-home .evh-nav__btn[hidden] { display: none; }
.ev-home .evh-nav__btn:hover { border-color: var(--ev-brand); color: var(--ev-link); }
.ev-home .evh-track {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	margin-inline: calc(-1 * var(--ev-gutter));
	padding-inline: var(--ev-gutter);
	scroll-padding-inline: var(--ev-gutter);
}
.ev-home .evh-track::-webkit-scrollbar { display: none; }
@media (prefers-reduced-motion: no-preference) { .ev-home .evh-track { scroll-behavior: smooth; } }
.ev-home .evh-track > ul { display: flex; gap: 1rem; width: max-content; }
.ev-home .evh-card {
	flex: 0 0 clamp(14rem, 68vw, 17rem);
	aspect-ratio: 4 / 5;
	scroll-snap-align: start;
	overflow: hidden;
	background: var(--ev-card-2);
}
.ev-home .evh-card .evh-media { position: absolute; inset: 0; aspect-ratio: auto; height: 100%; }
.ev-home .evh-card .evh-media.ev-typecard a { min-height: 100%; }
.ev-home .evh-card__body {
	position: absolute;
	inset: auto 0 0 0;
	display: grid;
	gap: 0.375rem;
	padding: 4rem 1rem 1rem;
	background: linear-gradient(to top, rgba(4, 14, 30, 0.92) 0%, rgba(4, 14, 30, 0.7) 55%, rgba(4, 14, 30, 0) 100%);
	color: #fff;
	pointer-events: none;
}
.ev-home .evh-card__body a { pointer-events: auto; }
.ev-home .evh-card .evh-kicker a { color: var(--evh-night-kicker); }
.ev-home .evh-card__title { font-size: 1.125rem; line-height: 1.2; font-weight: 700; color: #fff; }

/* ---------- 4. Municipios ---------- */
.ev-home .evh-cluster { padding-block: clamp(2rem, 5vw, 3.5rem); }
.ev-home .evh-cluster + .evh-cluster .ev-wrap::before { content: ""; display: block; height: 1px; background: var(--ev-rule); margin-bottom: clamp(2rem, 5vw, 3.5rem); }
.ev-home .evh-cluster + .evh-cluster { padding-top: 0; }
.ev-home .evh-cluster__grid { display: grid; gap: 1.75rem; }
.ev-home .evh-big__body { display: grid; gap: 0.5rem; padding-top: 1rem; }
.ev-home .evh-big__title { font-size: clamp(1.4rem, 1.15rem + 0.9vw, 1.75rem); line-height: 1.12; letter-spacing: -0.02em; font-weight: 800; }
.ev-home .evh-small { display: grid; align-content: start; }
.ev-home .evh-mini { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 1rem; align-items: start; padding-block: 1rem; border-top: 1px solid var(--ev-rule); }
.ev-home .evh-mini:first-child { border-top: 0; padding-top: 0; }
.ev-home .evh-mini .evh-media { aspect-ratio: 1; }
.ev-home .evh-mini__body { display: grid; gap: 0.375rem; align-content: start; }
.ev-home .evh-mini__title { font-size: 1rem; line-height: 1.28; }
@media (min-width: 900px) {
	.ev-home .evh-cluster__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2.5rem; }
	.ev-home .evh-cluster.is-mirrored .evh-big { order: 2; }
	.ev-home .evh-mini { grid-template-columns: 5.5rem minmax(0, 1fr); }
	.ev-home .evh-mini:first-child { padding-top: 0; }
}

/* ---------- 5. Tríos y "Más notas" (reglas antiguas, titulares en Inter) ---------- */
.ev-home .ev-card .wp-block-post-title,
.ev-home .ev-compact .wp-block-post-template > li .wp-block-post-title {
	font-family: var(--ev-display);
	font-weight: 700;
	letter-spacing: -0.015em;
}
.ev-home .ev-kicker { font-weight: 600; letter-spacing: 0; }
.ev-home .ev-sechead.is-quiet { border-top: 0; }
@media (min-width: 600px) {
	.ev-home .ev-grid .wp-block-post-featured-image { aspect-ratio: 16 / 9; }
}