/*
Theme Name: Esto Es Noticia
Theme URI: https://estoesnoticia.com/
Author: Esto Es Noticia
Author URI: https://estoesnoticia.com/
Description: Tema WordPress independiente (standalone) para el portal de noticias Esto Es Noticia. Diseño editorial "crimson" con tipografía Montserrat/Work Sans, slider de portada, barra de última hora, módulos de mercado/publicidad en la barra lateral y galería de fotos por fecha. No depende de ningún tema padre.
Version: 2.12.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: estoesnoticia
Tags: news, blog, one-column, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, threaded-comments, translation-ready
*/

/* ==========================================================================
   0. Design tokens
   ========================================================================== */

:root {
	--een-page-bg: #fcf9f8;
	--een-bg: #ffffff;
	--een-surface: #f6f3f2;
	--een-surface-high: #ece7e7;
	--een-border: #e7bdb6;
	--een-border-soft: rgba(231, 189, 182, 0.5);
	--een-text: #1c1b1b;
	--een-muted: #5e3f3b;
	--een-accent: #be0003;
	--een-accent-hover: #910002;
	--een-accent-strong: #e62117;
	--een-accent-soft: rgba(230, 33, 23, 0.1);
	--een-accent-rgb: 190, 0, 3;
	--een-secondary: #ac3326;
	--een-secondary-container: #fd6e5b;
	--een-tertiary: #005fa8;
	--een-shadow: 0 12px 32px rgba(28, 27, 27, 0.08);
	--een-shadow-md: 0 18px 40px rgba(28, 27, 27, 0.12);
	--een-radius: 1rem;
	--een-radius-lg: 1.5rem;
	--een-font-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--een-font-body: "Work Sans", "Helvetica Neue", Arial, sans-serif;
	--een-container-max: 1280px;
	--een-gutter: 24px;
}

/* ==========================================================================
   1. Reset / base
   ========================================================================== */

*, *::before, *::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--een-page-bg);
	color: var(--een-text);
	font-family: var(--een-font-body);
	font-size: 16px;
	line-height: 1.7;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--een-font-heading);
	letter-spacing: -0.01em;
	color: var(--een-text);
	margin: 0 0 0.6em;
}

p { margin: 0 0 1.2em; }

img, video, iframe, svg {
	max-width: 100%;
	height: auto;
}

img { display: block; }

a {
	color: var(--een-accent);
	text-decoration: none;
	transition: color 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

a:hover, a:focus { color: var(--een-accent-hover); }

button, input, select, textarea { font: inherit; color: inherit; }

ul, ol { padding-left: 1.2em; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

::selection {
	background: rgba(var(--een-accent-rgb), 0.18);
	color: var(--een-text);
}

.een-container {
	max-width: var(--een-container-max);
	margin: 0 auto;
	padding: 0 48px;
}

.een-visually-hidden { display: none !important; }

@media (max-width: 991px) {
	.een-container { padding: 0 24px; }
}

@media (max-width: 575px) {
	.een-container { padding: 0 16px; }
}

/* Uppercase label style used across nav / chips / kickers */
.een-label {
	font-family: var(--een-font-body);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Base rule for Google's Material icon fonts — required for the icon fonts
   (enqueued in functions.php: Symbols Outlined/Rounded/Sharp + classic
   Material Icons) to render as glyphs instead of raw ligature text like
   "menu" / "schedule" / "calendar_month" / "play_arrow". The attribute
   selectors are a deliberate brute-force net: they catch every class-name
   variant Google's icon fonts use (including ones injected by a plugin/ad
   widget elsewhere on the site, outside this theme's own markup), not just
   the exact "material-symbols-outlined" class this theme happens to use. */
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone,
[class^="material-symbols"],
[class*=" material-symbols"],
[class^="material-icons"],
[class*=" material-icons"] {
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
}

.material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.material-symbols-rounded { font-family: 'Material Symbols Rounded'; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.material-symbols-sharp { font-family: 'Material Symbols Sharp'; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone { font-family: 'Material Icons'; }

/* ==========================================================================
   2. Site header / navigation
   ========================================================================== */

.site-header {
	position: sticky;
	top: 0;
	z-index: 500;
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--een-border-soft);
}

/* -- Monumental centred logo, with weather/date and search/login/CTA
   floating either side (out of flow, so the logo is always dead-centre) -- */

.site-header__monumental {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 28px 0 32px;
}

.site-header__utility {
	position: absolute;
	top: 8px;
	display: none;
	align-items: center;
	gap: 14px;
}

.site-header__utility--start { left: 0; flex-direction: row; align-items: center; gap: 8px; }
.site-header__utility--end { right: 0; }

@media (min-width: 1200px) {
	.site-header__utility { display: flex; }
	.site-header__pill--bitcoin { display: none; }
}

@media (min-width: 1280px) {
	.site-header__pill--bitcoin { display: inline-flex; }
}

/* -- Live utility pills: weather / date / clock / bitcoin. Icons are
   inline SVGs (not the Material Symbols font) so they can never degrade
   into raw ligature text when the Google Fonts stylesheet is slow or
   blocked. -- */
.site-header__pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 30px;
	padding: 0 11px;
	border: 1px solid var(--een-border-soft);
	border-radius: 999px;
	background: var(--een-bg);
	box-shadow: 0 4px 14px rgba(28, 27, 27, 0.06);
	color: var(--een-muted);
	font-size: 0.63rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.site-header__pill:hover {
	border-color: rgba(var(--een-accent-rgb), 0.4);
	box-shadow: 0 6px 18px rgba(28, 27, 27, 0.1);
}

.site-header__pill-icon {
	display: inline-block;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	fill: var(--een-accent);
}

.site-header__weather-temp {
	font-size: inherit;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--een-text);
}

.site-header__weather-day {
	font-size: inherit;
	font-weight: 600;
	text-transform: capitalize;
	color: var(--een-text);
}

.site-header__weather-clock {
	font-size: inherit;
	font-weight: 700;
	color: var(--een-text);
	font-variant-numeric: tabular-nums;
}

/* -- Bitcoin pill: dark chip so the price reads as a live ticker -- */
.site-header__pill--bitcoin {
	background: #1c1b1b;
	border-color: #1c1b1b;
	color: #fff;
}

.site-header__pill--bitcoin:hover {
	border-color: #1c1b1b;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(28, 27, 27, 0.22);
}

.site-header__pill--bitcoin .site-header__pill-icon { fill: #f7931a; }

.site-header__bitcoin-price {
	color: #fff;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.site-header__bitcoin-trend {
	font-size: 0.56rem;
	font-weight: 800;
	letter-spacing: 0.01em;
}

.site-header__bitcoin-trend.is-up { color: #43d17c; }
.site-header__bitcoin-trend.is-down { color: #ff7a70; }

.site-header__login {
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--een-muted);
}

.site-header__login:hover { color: var(--een-accent); }

.site-header__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-height: 40px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: var(--een-accent);
	color: #fff !important;
	font-family: var(--een-font-body);
	font-weight: 700;
	font-size: 0.68rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* Mobile-only CTA: the desktop one lives inside .site-header__utility--end,
   which is hidden below 1100px, so phones/tablets need their own visible
   subscribe button instead of losing it entirely. */
.site-header__cta--mobile {
	display: inline-flex;
	position: absolute;
	right: 0;
	top: 12px;
	min-height: 34px;
	padding: 0 16px;
	font-size: 0.62rem;
}

@media (min-width: 1100px) {
	.site-header__cta--mobile { display: none; }
}

.site-header__cta:hover,
.site-header__cta:focus {
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(var(--een-accent-rgb), 0.28);
	transform: translateY(-1px);
}

.site-header__cta:active { transform: scale(0.96); }

.site-brand {
	display: inline-flex;
	align-items: center;
	position: relative;
	z-index: 1;
}

/* Belt-and-suspenders: the logo link must only ever contain the image —
   force-hide any stray visible site title/tagline text next to the logo,
   whether it's this theme's own screen-reader label or something injected
   by WordPress core / another plugin using the common site-title markup. */
.site-brand > *:not(.site-brand__logo):not(.screen-reader-text),
.site-header .screen-reader-text,
.site-header .site-title,
.site-header .site-description,
.site-header .site-branding > span,
.site-header .wp-block-site-title,
.site-header .wp-block-site-tagline {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	display: block !important;
}

/* Wraps the homepage logo in a real <h1> for SEO without touching layout —
   see the is_front_page() check in header.php. */
.site-brand-heading {
	display: contents;
	margin: 0;
	font: inherit;
}

.site-brand__logo {
	width: auto;
	height: 56px;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(28, 27, 27, 0.1);
}

.site-brand__logo--footer { height: 68px; }

.site-header__brand .site-brand__logo {
	height: 180px;
	max-height: 180px;
	width: auto;
	object-fit: cover;
	border: 6px solid #fff;
	box-shadow: 0 24px 52px rgba(var(--een-accent-rgb), 0.26);
	transition: transform 0.4s ease;
}

.site-header__brand:hover .site-brand__logo { transform: scale(1.02); }

/* -- Mobile nav toggle -- */

.een-nav-toggle {
	position: absolute;
	left: 0;
	top: 8px;
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--een-muted);
	cursor: pointer;
}

.een-nav-toggle:hover,
.een-nav-toggle:focus {
	background: var(--een-surface);
	color: var(--een-accent);
}

/* -- Underline nav: subtle, white, active/hover shown via bottom border -- */

.site-nav { min-width: 0; border-top: 1px solid var(--een-border-soft); }

.site-nav__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 0 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__menu li { position: relative; }

.site-nav__menu > li > a {
	display: inline-flex;
	align-items: center;
	height: 100%;
	padding: 15px 1px;
	font-family: var(--een-font-body);
	font-weight: 700;
	font-size: 0.68rem;
	letter-spacing: 0.03em;
	white-space: nowrap;
	text-transform: uppercase;
	color: var(--een-muted);
	border-bottom: 2px solid transparent;
	position: relative;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.site-nav__menu > li:hover > a { color: var(--een-accent); border-color: rgba(var(--een-accent-rgb), 0.3); }

.site-nav__menu > li.current-menu-item > a,
.site-nav__menu > li.current-menu-ancestor > a,
.site-nav__menu > li.current_page_item > a {
	color: var(--een-accent);
	border-color: var(--een-accent);
}

.site-nav__menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	margin: 0;
	padding: 8px 0;
	list-style: none;
	background: #fff;
	border-top: 3px solid var(--een-accent);
	border-radius: 0 0 12px 12px;
	box-shadow: var(--een-shadow-md);
	z-index: 20;
}

.site-nav__menu li:hover > .sub-menu,
.site-nav__menu li:focus-within > .sub-menu {
	display: block;
}

.site-nav__menu .sub-menu a {
	display: block;
	padding: 10px 18px;
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--een-text);
	text-transform: none;
	letter-spacing: 0;
}

.site-nav__menu .sub-menu a:hover { background: var(--een-surface); color: var(--een-accent); }

.site-header__search-form {
	position: relative;
	display: flex;
	align-items: center;
}

.site-header__search-form input[type="search"] {
	width: 150px;
	min-height: 38px;
	padding: 0 38px 0 14px;
	border: 1px solid var(--een-border-soft);
	border-radius: 999px;
	background: var(--een-surface);
	font-size: 0.78rem;
	transition: width 0.2s ease, border-color 0.2s ease;
}

.site-header__search-form input[type="search"]:focus {
	outline: none;
	width: 210px;
	border-color: var(--een-accent);
	background: #fff;
}

/* #site-header prefix raises specificity above the generic ".search-form
   button" pill-button rule (used standalone on the search/404 pages), which
   otherwise wins on source order and squashes this icon-only button's
   28x28 box with its own padding/min-height, clipping the icon to nothing. */
#site-header .site-header__search-form button {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	width: 28px;
	height: 28px;
	min-height: 0;
	padding: 0;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--een-muted);
	cursor: pointer;
}

.site-nav-backdrop {
	position: fixed;
	inset: 0;
	z-index: 998;
	background: rgba(15, 23, 42, 0.55);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.site-nav-backdrop.is-open { opacity: 1; visibility: visible; }

/* Search + login live inside the off-canvas panel on phones/tablets
   (the desktop utility row that normally holds them is hidden below
   1100px) — hidden here, shown again inside the max-width block below. */
.site-nav__mobile-search,
.site-nav__mobile-login { display: none; }

@media (max-width: 1099px) {
	.site-header__monumental { padding: 18px 0 20px; }
	.site-header__brand .site-brand__logo { height: 132px; max-height: 132px; border-width: 4px; }
	.een-nav-toggle { display: inline-flex; }

	.site-nav {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		width: min(85vw, 360px);
		padding: 24px;
		overflow-y: auto;
		background: #fff;
		border-top: 0;
		box-shadow: 20px 0 48px rgba(15, 23, 42, 0.18);
		transform: translateX(-100%);
		transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.site-nav.is-open { transform: translateX(0); }

	.site-nav__menu { flex-direction: column; align-items: stretch; gap: 0; }

	.site-nav__menu > li + li { border-top: 1px solid var(--een-border-soft); }

	.site-nav__menu > li > a {
		width: 100%;
		padding: 14px 4px;
		border-bottom: 0;
		border-left: 3px solid transparent;
	}

	.site-nav__menu > li:hover > a,
	.site-nav__menu > li.current-menu-item > a,
	.site-nav__menu > li.current-menu-ancestor > a {
		border-color: var(--een-accent);
		padding-left: 10px;
	}

	.site-nav__menu .sub-menu {
		display: block;
		position: static;
		box-shadow: none;
		border: 0;
		border-radius: 0;
		background: var(--een-surface);
		padding-left: 12px;
	}

	.site-nav__mobile-search {
		display: block;
		margin-bottom: 20px;
	}

	.site-nav__mobile-search .search-form { display: flex; }

	.site-nav__mobile-search input[type="search"] {
		width: 100%;
		min-height: 44px;
		padding: 0 42px 0 16px;
		border: 1px solid var(--een-border-soft);
		border-radius: 999px;
		background: var(--een-surface);
		font-size: 0.85rem;
	}

	.site-nav__mobile-search .search-form { position: relative; }

	.site-nav__mobile-search button {
		position: absolute;
		right: 6px;
		top: 50%;
		transform: translateY(-50%);
		display: inline-flex;
		width: 32px;
		height: 32px;
		align-items: center;
		justify-content: center;
		border: 0;
		background: transparent;
		color: var(--een-muted);
		cursor: pointer;
	}

	.site-nav__mobile-login {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid var(--een-border-soft);
		color: var(--een-muted);
		font-weight: 700;
		font-size: 0.8rem;
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	.site-nav__mobile-login:hover { color: var(--een-accent); }
}

/* ==========================================================================
   3. Breaking news / editorial alert strip
   ========================================================================== */

.breaking-news {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 48px;
	padding: 20px 44px 20px 24px;
	background: rgba(var(--een-accent-rgb), 0.05);
	border-left: 4px solid var(--een-accent);
	border-radius: 0 1.5rem 1.5rem 0;
}

.breaking-news__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	color: var(--een-accent-strong);
	font-weight: 700;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.breaking-news__label .material-symbols-outlined {
	animation: eenPulse 1.6s ease-in-out infinite;
}

.breaking-news__link {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	color: var(--een-text);
}

.breaking-news__link:hover { color: var(--een-accent); }

.breaking-news__dismiss {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: var(--een-muted);
	cursor: pointer;
}

.breaking-news__dismiss:hover { color: var(--een-accent-strong); }

.breaking-news.is-dismissed { display: none; }

@keyframes eenPulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(0.85); }
}

/* ==========================================================================
   4. Hero slider
   ========================================================================== */

.hero {
	position: relative;
	margin: 24px 0 40px;
	border-radius: 2.5rem;
	overflow: hidden;
	box-shadow: var(--een-shadow-md);
	background: var(--een-surface-high);
}

.hero__slides {
	position: relative;
	height: 600px;
	max-height: 70vh;
	min-height: 320px;
}

.hero__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.9s ease;
}

.hero__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }

.hero__media {
	position: absolute;
	inset: 0;
	background-color: var(--een-surface-high);
}

.hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.38) 55%, rgba(0, 0, 0, 0) 100%);
}

.hero__content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	max-width: 660px;
	padding: 40px 88px 40px 48px;
}

.hero__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.hero__badge {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 999px;
	background: var(--een-accent);
	color: #fff;
	font-family: var(--een-font-body);
	font-size: 0.66rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.hero__badge--tertiary { background: var(--een-tertiary); }
.hero__badge--secondary { background: var(--een-secondary); }

.hero__time {
	font-size: 0.7rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.hero__title {
	margin: 0 0 12px;
	color: #fff;
	font-family: var(--een-font-heading);
	font-size: clamp(1.25rem, 1.9vw, 1.9rem);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hero__title a { color: inherit; }

.hero__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 20px;
	max-width: 60ch;
	color: rgba(255, 255, 255, 0.92);
	font-size: 1.05rem;
	line-height: 1.6;
}

.hero__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 28px;
	border-radius: 999px;
	background: #fff;
	color: var(--een-text) !important;
	font-weight: 700;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.hero__cta:hover, .hero__cta:focus { background: var(--een-accent); color: #fff !important; transform: translateY(-1px); }
.hero__cta .material-symbols-outlined { transition: transform 0.2s ease; }
.hero__cta:hover .material-symbols-outlined { transform: translateX(3px); }

.hero__dots {
	position: absolute;
	right: 24px;
	bottom: 24px;
	z-index: 3;
	display: flex;
	gap: 8px;
}

.hero__dot {
	position: relative;
	width: 12px;
	height: 12px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.45);
	cursor: pointer;
	transition: width 0.3s ease, background 0.3s ease;
}

.hero__dot::after { content: ""; position: absolute; inset: -16px; }

.hero__dot.is-active { width: 32px; background: var(--een-accent); }

.hero__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 44px;
	height: 44px;
	transform: translateY(-50%);
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.28);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.hero__arrow:hover, .hero__arrow:focus { background: rgba(0, 0, 0, 0.55); color: #fff; }
.hero__arrow--prev { left: 24px; }
.hero__arrow--next { right: 24px; }

@media (max-width: 991px) {
	.hero__slides { height: 460px; }
}

@media (max-width: 767px) {
	.hero__slides { height: 400px; }
	.hero__content { padding: 26px 20px; max-width: 100%; }
	.hero__arrow { width: 40px; height: 40px; }
}

@media (max-width: 575px) {
	.hero__slides { height: 320px; min-height: 260px; }
	.hero__content { padding: 20px 16px; max-width: 100%; }
	.hero__title { font-size: 1.5rem; line-height: 1.875rem; letter-spacing: -0.01em; margin-bottom: 10px; }
	.hero__badge { margin-bottom: 10px; }
	.hero__excerpt { font-size: 0.9rem; margin-bottom: 16px; }
	.hero__cta { padding: 10px 20px; font-size: 0.72rem; }
	.hero__dots { right: 14px; bottom: 14px; }
	.hero__arrow--prev { left: 12px; }
	.hero__arrow--next { right: 12px; }
}

/* ==========================================================================
   5. Layout grid (main content + sidebar)
   ========================================================================== */

.site-main-wrap {
	padding: 8px 0 48px;
}

.site-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--een-gutter);
}

.site-layout--with-sidebar {
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

@media (max-width: 991px) {
	.site-layout--with-sidebar { grid-template-columns: minmax(0, 1fr); }
}

.content-column { min-width: 0; }

.page-heading {
	margin: 0 0 24px;
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.01em;
}

.page-heading span { color: var(--een-accent); }

.category-description {
	margin: 0 0 24px;
	color: var(--een-muted);
	font-size: 1rem;
	line-height: 1.7;
}

.category-description a { font-weight: 600; }

/* ==========================================================================
   6. Article cards (loop)
   ========================================================================== */

.article-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.article-list .article-card + .article-card,
.article-list .article-card + .infeed-ad,
.article-list .infeed-ad + .article-card {
	margin-top: 48px;
	padding-top: 48px;
	border-top: 1px solid var(--een-border-soft);
}

.article-card {
	position: relative;
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.article-card--horizontal { flex-direction: row; align-items: center; gap: 40px; }
	.article-card--horizontal .article-card__media { flex: 0 0 40%; max-width: 40%; }
	.article-card--horizontal .article-card__body { flex: 1 1 auto; min-width: 0; }
}

.article-card__media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: 2rem;
	background: var(--een-surface);
	overflow: hidden;
}

.article-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.article-card:hover .article-card__media img { transform: scale(1.05); }

.article-card__chip {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--een-accent);
	color: #fff;
	font-family: var(--een-font-body);
	font-size: 0.6rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	box-shadow: var(--een-shadow);
}

.article-card__chip--tertiary { background: var(--een-tertiary); }
.article-card__chip--secondary { background: var(--een-secondary); }

.article-card__body { padding: 24px 0; }

@media (min-width: 768px) {
	.article-card__body { padding: 0; }
}

.article-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	color: var(--een-muted);
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.article-card__meta-dot {
	width: 3px;
	height: 3px;
	border-radius: 999px;
	background: var(--een-border);
}

.article-card__title {
	margin: 0 0 12px;
	font-size: 1.55rem;
	font-weight: 700;
	line-height: 1.2;
}

.article-card__title a { color: var(--een-text); }
.article-card__title a:hover { color: var(--een-accent); }

.article-card__excerpt {
	margin: 0;
	color: var(--een-muted);
	font-size: 1rem;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.article-card__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 18px;
	color: var(--een-accent) !important;
	font-weight: 800;
	font-size: 0.7rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.article-card__more .material-symbols-outlined { font-size: 1rem; transition: transform 0.2s ease; }
.article-card__more:hover .material-symbols-outlined { transform: translateX(3px); }

@media (max-width: 767px) {
	.article-card__title { font-size: 1.2rem; }
	.article-card__excerpt { -webkit-line-clamp: 2; }
}

/* In-feed ad wrapper inside the homepage article list */
.infeed-ad { margin: 0; }

/* ==========================================================================
   7. Sidebar modules
   ========================================================================== */

.sidebar { display: flex; flex-direction: column; gap: 32px; }

.sidebar-card {
	padding: 36px;
	background: var(--een-bg) !important;
	border: 1px solid var(--een-border-soft);
	border-radius: 2.5rem;
	box-shadow: var(--een-shadow);
}

.sidebar-card__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--een-border-soft);
	font-family: var(--een-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--een-text) !important;
}

.sidebar-card__title-inner { display: flex; align-items: center; gap: 10px; }

.sidebar-card__title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 999px;
	background: var(--een-accent-soft);
	color: var(--een-accent-strong) !important;
	font-size: 1.2rem;
}

.sidebar-card__title-tag {
	flex-shrink: 0;
	color: var(--een-muted) !important;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.market-widget__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--een-border-soft);
}

.market-widget__row:last-child { border-bottom: 0; padding-bottom: 0; }

.market-widget__label {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	overflow: hidden;
	color: var(--een-text) !important;
	font-size: 0.84rem;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.market-widget__label .material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: var(--een-surface);
	color: var(--een-accent) !important;
	font-size: 1rem;
}

.market-card .market-widget__row { padding: 14px 0; }

.market-widget__value {
	flex-shrink: 0;
	font-size: 1rem;
	color: var(--een-text) !important;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}

.market-widget__trend { margin-left: 6px; font-size: 0.7rem; font-weight: 700; }
.market-widget__trend.is-up { color: #1a8a4a !important; }
.market-widget__trend.is-down { color: var(--een-accent-strong) !important; }
.market-widget__empty { margin: 0; color: var(--een-muted) !important; font-size: 0.85rem; }

.latest-news { background: var(--een-surface) !important; }

.latest-news__pulse {
	width: 8px; height: 8px;
	border-radius: 999px;
	background: var(--een-accent-strong);
	animation: eenPulse 1.8s ease-in-out infinite;
}

.latest-news__list {
	max-height: 400px;
	overflow-y: auto;
	padding-right: 6px;
}

.latest-news__list::-webkit-scrollbar { width: 4px; }
.latest-news__list::-webkit-scrollbar-track { background: var(--een-surface); }
.latest-news__list::-webkit-scrollbar-thumb { background: var(--een-accent-strong); border-radius: 10px; }

.latest-news__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--een-border-soft);
	border-radius: 10px;
	transition: background-color 0.2s ease;
}

.latest-news__item:hover { background: var(--een-bg) !important; }
.latest-news__item:last-child { margin-bottom: 0; padding-bottom: 10px; border-bottom: 0; }

.latest-news__thumb {
	display: block;
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--een-surface-high);
}

.latest-news__thumb img { width: 100%; height: 100%; object-fit: cover; }

.latest-news__body { min-width: 0; }

.latest-news__time {
	display: block;
	margin-bottom: 4px;
	color: var(--een-accent-strong) !important;
	font-size: 0.66rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.latest-news__title {
	margin: 0;
	color: var(--een-text) !important;
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.35;
}

.latest-news__item:hover .latest-news__title { color: var(--een-accent) !important; }
.latest-news__empty { margin: 0; color: var(--een-muted) !important; font-size: 0.88rem; }

/* -- Podcast accordion (native <details>/<summary>, no JS) -- */

.podcast-accordion { display: flex; flex-direction: column; gap: 10px; }

.podcast-accordion__item {
	border: 1px solid var(--een-border-soft);
	border-radius: 1rem;
	overflow: hidden;
	background: var(--een-surface);
}

.podcast-accordion__item[open] { background: var(--een-bg); border-color: var(--een-border); }

.podcast-accordion__summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	cursor: pointer;
	list-style: none;
}

.podcast-accordion__summary::-webkit-details-marker { display: none; }

.podcast-accordion__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.podcast-accordion__date {
	color: var(--een-accent) !important;
	font-size: 0.66rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.podcast-accordion__title {
	color: var(--een-text) !important;
	font-size: 0.85rem;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.podcast-accordion__chevron {
	flex-shrink: 0;
	color: var(--een-muted) !important;
	transition: transform 0.25s ease;
}

.podcast-accordion__item[open] .podcast-accordion__chevron { transform: rotate(180deg); color: var(--een-accent) !important; }

.podcast-accordion__body { padding: 0 16px 16px; }

.podcast-accordion__body audio { width: 100%; height: 38px; }

.newsletter-card {
	position: relative;
	padding: 44px;
	background: var(--een-accent) !important;
	border-radius: 2.5rem;
	box-shadow: var(--een-shadow-md);
	color: #fff !important;
	overflow: hidden;
}

.newsletter-card::before {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 220px;
	height: 220px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	filter: blur(10px);
}

.newsletter-card > * { position: relative; z-index: 1; }

.newsletter-card__title { margin: 0 0 12px; color: #fff !important; font-size: 1.4rem; font-weight: 700; }
.newsletter-card__text { margin: 0 0 28px; color: rgba(255, 255, 255, 0.82) !important; font-size: 0.85rem; line-height: 1.6; }

.newsletter-card__form input[type="email"] {
	width: 100%;
	min-height: 52px;
	margin-bottom: 14px;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

.newsletter-card__form input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.65); }
.newsletter-card__form input[type="email"]:focus { outline: none; border-color: #fff; }

.newsletter-card__form button {
	width: 100%;
	min-height: 52px;
	border: 0;
	border-radius: 16px;
	background: #fff;
	color: var(--een-accent);
	font-weight: 800;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.newsletter-card__form button:hover { transform: translateY(-1px) scale(1.01); }
.newsletter-card__notice { margin: 0 0 12px; font-size: 0.8rem; color: rgba(255,255,255,0.92); }

/* ==========================================================================
   8. Ad inventory slots
   ========================================================================== */

.ad-slot {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 40px;
	text-align: center;
	background: var(--een-bg);
	border: 2px dashed var(--een-border-soft);
	border-radius: 2.5rem;
	overflow: hidden;
	transition: border-color 0.3s ease;
}

.ad-slot:hover { border-color: rgba(var(--een-accent-rgb), 0.35); }

.ad-slot--square { aspect-ratio: 1 / 1; }
.ad-slot--skyscraper { min-height: 320px; }
.ad-slot--infeed { min-height: 120px; }
.ad-slot--banner { min-height: 100px; }

.ad-slot__label {
	position: absolute;
	top: 20px;
	right: 24px;
	color: rgba(28, 27, 27, 0.3);
	font-size: 0.6rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.ad-slot__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: 8px;
	border-radius: 999px;
	background: var(--een-surface);
	color: rgba(28, 27, 27, 0.22);
	font-size: 2rem;
}

.ad-slot__text { margin: 0; color: var(--een-muted); font-size: 0.85rem; font-weight: 600; }
.ad-slot__link {
	margin-top: 12px;
	padding: 10px 26px;
	border: 2px solid var(--een-accent);
	border-radius: 999px;
	color: var(--een-accent);
	font-size: 0.66rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.ad-slot__link:hover { background: var(--een-accent); color: #fff; text-decoration: none; }

.ad-slot--filled { display: block; padding: 0; text-align: left; background: transparent; border: 1px solid var(--een-border-soft); }
.ad-slot--filled img { width: 100%; max-width: 100%; height: auto; border-radius: calc(2.5rem - 1px); }

.ad-slot--default .ad-slot__label {
	top: 10px; right: 10px;
	padding: 3px 9px;
	background: rgba(28, 27, 27, 0.6);
	border-radius: 999px;
	color: #fff;
}

.ad-slot--contain { padding: 0; }
.ad-slot--contain .ad-slot__media {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1402 / 1122;
	background: var(--een-surface-high);
	border-radius: calc(var(--een-radius) - 1px);
	overflow: hidden;
}

.ad-slot--contain .ad-slot__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	border-radius: 0;
}

.ad-slot--skyscraper.ad-slot--contain { min-height: 0; }

.ad-banner {
	position: relative;
	margin: 24px 0;
	padding: 16px;
	background: var(--een-surface);
	border: 1px solid var(--een-border-soft);
	border-radius: var(--een-radius);
	text-align: center;
}

.ad-banner__label {
	display: block;
	margin-bottom: 10px;
	color: rgba(28, 27, 27, 0.4);
	font-size: 0.65rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.ad-banner img { max-width: 100%; height: auto; border-radius: 10px; margin: 0 auto; }

/* The sidebar "island" cards use generous 36-44px padding and a 40px
   radius that reads as premium on desktop but eats too much of a
   320-375px phone screen and looks disproportionate — scale both down. */
@media (max-width: 575px) {
	.sidebar-card { padding: 22px; border-radius: 1.5rem; }
	.sidebar-card__title { font-size: 1.05rem; margin-bottom: 18px; padding-bottom: 16px; }
	.newsletter-card { padding: 28px; border-radius: 1.5rem; }
	.ad-slot { padding: 24px; border-radius: 1.5rem; }
	.ad-slot__icon { width: 56px; height: 56px; font-size: 1.6rem; }
}

/* ==========================================================================
   9. Single article
   ========================================================================== */

.single-article { background: var(--een-bg); border: 1px solid var(--een-border-soft); border-radius: var(--een-radius); padding: 32px; }

.single-article__category {
	display: inline-block;
	margin-bottom: 14px;
	padding: 4px 12px;
	border-radius: 6px;
	background: var(--een-accent-strong);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.single-article__title {
	margin: 0 0 16px;
	font-size: clamp(1.6rem, 3.4vw, 2.4rem);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.single-article__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin: 0 0 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--een-border-soft);
	color: var(--een-muted);
	font-size: 0.9rem;
}

.single-article__meta .material-symbols-outlined { font-size: 1rem; vertical-align: -2px; color: var(--een-accent-strong); }

.single-article__thumb {
	margin: 0 0 28px;
	border-radius: var(--een-radius);
	overflow: hidden;
	box-shadow: var(--een-shadow);
}

.single-article__thumb img { width: 100%; height: auto; }

.single-article__content { font-size: 1.05rem; line-height: 1.8; }

.single-article__content p { margin: 0 0 1.4em; }

.single-article__content h2, .single-article__content h3 { margin-top: 1.6em; }

.single-article__content blockquote {
	margin: 0 0 1.4em;
	padding: 18px 20px;
	border-left: 4px solid var(--een-accent);
	background: var(--een-surface);
	border-radius: 0 14px 14px 0;
}

.single-article__content img { border-radius: 12px; }

.single-article__content table { width: 100%; border-collapse: collapse; }
.single-article__content th, .single-article__content td { padding: 10px 12px; border: 1px solid var(--een-border); }

.page-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 1.4em 0 0;
	font-weight: 700;
}

.page-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	border: 1px solid var(--een-border);
	border-radius: 8px;
	color: var(--een-text);
}

.page-links a:hover { background: var(--een-accent); border-color: var(--een-accent); color: #fff; }

.page-links span.post-page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	border-radius: 8px;
	background: var(--een-accent);
	color: #fff;
}

.single-article__tags { margin: 28px 0 0; padding-top: 20px; border-top: 1px solid var(--een-border-soft); }

.single-article__tags a {
	display: inline-block;
	margin: 0 8px 8px 0;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--een-surface);
	color: var(--een-muted);
	font-size: 0.78rem;
}

.single-article__tags a:hover { background: var(--een-accent); color: #fff; }

.single-article__author {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 28px 0 0;
	padding: 20px;
	background: var(--een-surface);
	border-radius: var(--een-radius);
}

.single-article__author img { border-radius: 999px; width: 56px; height: 56px; }
.single-article__author-name { margin: 0; font-weight: 700; }
.single-article__author-bio { margin: 4px 0 0; color: var(--een-muted); font-size: 0.9rem; }

.related-posts { margin-top: 40px; }

.related-posts__title {
	margin: 0 0 20px;
	font-size: 1.3rem;
	font-weight: 800;
}

.related-posts__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

@media (max-width: 767px) {
	.related-posts__grid { grid-template-columns: repeat(2, 1fr); }
	.single-article { padding: 20px; }
}

@media (max-width: 575px) {
	.related-posts__grid { grid-template-columns: 1fr; }
}

.related-posts__item {
	display: block;
	background: var(--een-bg);
	border: 1px solid var(--een-border-soft);
	border-radius: var(--een-radius);
	overflow: hidden;
	box-shadow: var(--een-shadow);
}

.related-posts__item img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.related-posts__item-body { padding: 14px; }
.related-posts__item-title { margin: 0; font-size: 0.95rem; font-weight: 700; line-height: 1.35; color: var(--een-text); }
.related-posts__item:hover .related-posts__item-title { color: var(--een-accent); }
.related-posts__item-date { display: block; margin-top: 6px; font-size: 0.75rem; color: var(--een-muted); }

/* ==========================================================================
   10. Comments
   ========================================================================== */

#comments { margin-top: 40px; padding-top: 32px; border-top: 1px solid var(--een-border-soft); }
.comments-title { margin: 0 0 24px; font-size: 1.3rem; font-weight: 800; }

.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list .children { list-style: none; margin: 16px 0 0; padding-left: 32px; }

.comment-body {
	display: flex;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--een-border-soft);
}

.comment-author-avatar img { border-radius: 999px; }
.comment-meta { margin-bottom: 6px; font-size: 0.85rem; }
.comment-author { font-weight: 700; }
.comment-metadata { color: var(--een-muted); margin-left: 8px; }
.comment-content p:last-child { margin-bottom: 0; }
.comment-reply-link {
	display: inline-block;
	margin-top: 8px;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.comment-form p { margin: 0 0 16px; }
.comment-form label { display: block; margin-bottom: 6px; font-weight: 600; font-size: 0.85rem; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid var(--een-border);
	border-radius: 12px;
	background: #fff;
}

.comment-form textarea { min-height: 140px; resize: vertical; }

.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--een-accent); }

.comment-form .form-submit input[type="submit"] {
	display: inline-flex;
	align-items: center;
	min-height: 46px;
	padding: 0 28px;
	border: 0;
	border-radius: 999px;
	background: var(--een-accent);
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	cursor: pointer;
}

.comment-form .form-submit input[type="submit"]:hover { background: var(--een-accent-hover); }
.comment-navigation { display: flex; justify-content: space-between; margin: 16px 0; }

/* ==========================================================================
   11. Pagination / search / 404
   ========================================================================== */

.een-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 32px 0 0;
}

.een-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	border: 1px solid var(--een-border);
	border-radius: 10px;
	background: #fff;
	color: var(--een-text);
	font-weight: 600;
}

.een-pagination .page-numbers.current,
.een-pagination .page-numbers:hover {
	background: var(--een-accent);
	border-color: var(--een-accent);
	color: #fff;
}

.search-form {
	display: flex;
	gap: 8px;
}

.search-form__label { flex: 1 1 auto; margin: 0; }

.search-form input[type="search"] {
	width: 100%;
	min-height: 46px;
	padding: 0 18px;
	border: 1px solid var(--een-border);
	border-radius: 999px;
	background: var(--een-surface);
}

.search-form input[type="search"]:focus { outline: none; border-color: var(--een-accent); background: #fff; }

.search-form button {
	flex-shrink: 0;
	min-height: 46px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: var(--een-accent);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.search-form button:hover { background: var(--een-accent-hover); }

.not-found {
	text-align: center;
	padding: 64px 24px;
	background: var(--een-bg);
	border: 1px solid var(--een-border-soft);
	border-radius: var(--een-radius);
	box-shadow: var(--een-shadow);
}

.not-found__code {
	margin: 0;
	font-size: clamp(3rem, 10vw, 6rem);
	font-weight: 800;
	color: var(--een-accent);
	line-height: 1;
}

.not-found .search-form { max-width: 420px; margin: 24px auto; }

.not-found__home-link {
	display: inline-flex;
	margin-top: 16px;
	padding: 12px 28px;
	border-radius: 999px;
	background: var(--een-accent);
	color: #fff !important;
	font-weight: 700;
}

.not-found__home-link:hover { background: var(--een-accent-hover); }

/* ==========================================================================
   12. Photo gallery archive
   ========================================================================== */

.gallery-page { padding-top: 8px; padding-bottom: 40px; }

.gallery-page__title {
	margin: 0 0 20px;
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 800;
	letter-spacing: -0.01em;
}

.gallery-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 28px;
}

.gallery-filter label { color: var(--een-muted); font-weight: 600; font-size: 0.9rem; }

.gallery-filter select {
	min-height: 44px;
	max-width: 100%;
	padding: 0 16px;
	border: 1px solid var(--een-border);
	border-radius: 999px;
	background: var(--een-bg);
	color: var(--een-text);
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 8px;
}

.gallery-item {
	position: relative;
	display: block;
	background: var(--een-bg);
	border: 1px solid var(--een-border-soft);
	border-radius: var(--een-radius);
	overflow: hidden;
	box-shadow: var(--een-shadow);
	transition: box-shadow 0.2s ease;
}

.gallery-item:hover, .gallery-item:focus { box-shadow: var(--een-shadow-md); }

.gallery-item__image { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--een-surface); }
.gallery-item__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.gallery-item:hover .gallery-item__image img { transform: scale(1.05); }

.gallery-item__chip {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 4px 10px;
	border-radius: 6px;
	background: var(--een-accent-strong);
	color: #fff;
	font-size: 0.62rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.gallery-item__caption { display: block; padding: 12px 14px; color: var(--een-text); font-weight: 600; font-size: 0.88rem; line-height: 1.35; }
.gallery-item:hover .gallery-item__caption { color: var(--een-accent); }
.gallery-empty { color: var(--een-muted); }

@media (max-width: 991px) { .gallery-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .gallery-filter select { flex: 1 1 100%; } }
@media (max-width: 575px) { .gallery-grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   13. Footer
   ========================================================================== */

.site-footer {
	position: relative;
	margin-top: 48px;
	background: var(--een-bg);
	border-top: 1px solid var(--een-border-soft);
}

.site-footer__surface { padding: 72px 0; }

.site-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 40px;
}

@media (min-width: 900px) {
	.site-footer__grid { grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 48px; }
	.site-footer__grid--with-contact { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.site-footer__col--brand { grid-column: span 5; }
	.site-footer__grid .site-footer__col:not(.site-footer__col--brand):not(.site-footer__contact-card) { grid-column: span 2; }
	.site-footer__contact-card { grid-column: span 3; }
}

.site-footer__brand {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
}

.site-footer__brand .site-brand__logo { filter: grayscale(1); border-color: rgba(var(--een-accent-rgb), 0.15); }

.site-footer__brand-copy { min-width: 0; }

.site-footer__brand-title {
	margin: 0;
	color: var(--een-text);
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.site-footer__brand-tag {
	margin: 4px 0 0;
	color: var(--een-muted);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.site-footer__text { margin: 0 0 24px; max-width: 42ch; color: var(--een-muted); font-size: 0.92rem; line-height: 1.8; }

.site-footer__socials { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }

.site-footer__socials a {
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	border: 1px solid var(--een-border);
	color: var(--een-text);
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.site-footer__socials a:hover { background: var(--een-accent); border-color: var(--een-accent); color: #fff; }

.site-footer__col-title {
	margin: 0 0 22px;
	color: var(--een-text);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.site-footer__links { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }

.site-footer__links a {
	color: var(--een-muted);
	font-weight: 700;
	font-size: 0.82rem;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.site-footer__links a:hover { color: var(--een-accent); }

.site-footer__contact-card {
	padding: 32px;
	background: var(--een-surface);
	border: 1px solid var(--een-border-soft);
	border-radius: 2rem;
}

.site-footer__contact-items { display: grid; gap: 16px; }

.site-footer__contact-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0;
	color: var(--een-muted);
	font-size: 0.85rem;
	line-height: 1.5;
}

.site-footer__contact-item .material-symbols-outlined { flex-shrink: 0; color: var(--een-accent); font-size: 1.2rem; }

.site-footer__bar {
	position: relative;
	padding: 22px 0;
	border-top: 1px solid var(--een-border-soft);
}

.site-footer__bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.site-footer__copy {
	margin: 0;
	color: var(--een-muted);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.site-footer__totop {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--een-muted);
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.site-footer__totop .material-symbols-outlined { font-size: 1.1rem; }
.site-footer__totop:hover { color: var(--een-accent); }

.site-footer__legal {
	color: var(--een-muted);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.03em;
}

.site-footer__legal a { color: inherit; }
.site-footer__legal a:hover { color: var(--een-accent); }

/* ==========================================================================
   14. Utilities
   ========================================================================== */

.een-clear::after { content: ""; display: table; clear: both; }
.alignleft { float: left; margin: 0 24px 12px 0; }
.alignright { float: right; margin: 0 0 12px 24px; }
.aligncenter { display: block; margin: 0 auto 12px; }
.wp-caption-text { color: var(--een-muted); font-size: 0.85rem; margin-top: 6px; }


/* Institutional campaign ad: compact editorial presentation. */
.sidebar .ad-slot--filled.ad-slot--default:has(> img[alt="Campaña institucional"]) {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 6 / 5;
	padding: 8px;
	background: #fff;
	border: 1px solid rgba(190, 0, 3, 0.18);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(45, 20, 24, 0.12);
	overflow: hidden;
	isolation: isolate;
	transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.sidebar .ad-slot--filled.ad-slot--default:has(> img[alt="Campaña institucional"]):hover {
	transform: translateY(-2px);
	border-color: rgba(190, 0, 3, 0.34);
	box-shadow: 0 16px 34px rgba(45, 20, 24, 0.16);
}

.sidebar .ad-slot--filled.ad-slot--default > img[alt="Campaña institucional"] {
	display: block;
	width: 100%;
	height: 100% !important;
	max-width: none;
	aspect-ratio: 6 / 5;
	object-fit: cover;
	object-position: center;
	border-radius: 4px;
	transition: transform 0.35s ease;
}

.sidebar .ad-slot--filled.ad-slot--default:has(> img[alt="Campaña institucional"]):hover > img {
	transform: scale(1.012);
}

.sidebar .ad-slot--filled.ad-slot--default:has(> img[alt="Campaña institucional"]) .ad-slot__label {
	top: 16px;
	right: 16px;
	z-index: 2;
	padding: 5px 9px;
	background: rgba(18, 18, 20, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 4px;
	color: #fff;
	font-size: 0.58rem;
	line-height: 1;
	letter-spacing: 0.12em;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
	backdrop-filter: blur(4px);
}

@media (max-width: 767px) {
	.sidebar .ad-slot--filled.ad-slot--default:has(> img[alt="Campaña institucional"]) {
		width: min(100%, 360px);
		margin-inline: auto;
		padding: 6px;
		box-shadow: 0 9px 22px rgba(45, 20, 24, 0.11);
	}

	.sidebar .ad-slot--filled.ad-slot--default:has(> img[alt="Campaña institucional"]) .ad-slot__label {
		top: 13px;
		right: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sidebar .ad-slot--filled.ad-slot--default:has(> img[alt="Campaña institucional"]),
	.sidebar .ad-slot--filled.ad-slot--default > img[alt="Campaña institucional"] {
		transition: none;
	}
}
/* ESTOESNOTICIA INSTITUTIONAL AD STYLE V1 */







Mercados v2 · CSS
/* =========================================================================
   MERCADOS Y COMBUSTIBLES · rediseño v2
   Pegar al FINAL de style.css. Reemplaza cualquier versión anterior.
   Usa Montserrat / Work Sans y Material Symbols (ya encolados en functions.php).
   Todo scopeado bajo .market-card, con reset defensivo de ul/li.
   ========================================================================= */
 
.sidebar-card.market-card{
  --mc-red:#e4002b;
  --mc-ink:#14171d;
  --mc-label:#5c6675;
  --mc-muted:#98a1ae;
  --mc-line:#eceef1;
  --mc-icon:#7b8492;
  --mc-up:#0f8a43;   --mc-up-bg:#e8f6ee;
  --mc-down:#c42b2b; --mc-down-bg:#fbeceb;
  --mc-flat:#7b8492; --mc-flat-bg:#eef1f4;
 
  position:relative;
  box-sizing:border-box;
  padding:0;                     /* el header/hero/filas manejan su propio padding */
  overflow:hidden;
  border:1px solid var(--mc-line);
  border-radius:18px;
  background:#fff;
  color:var(--mc-ink);
  box-shadow:0 1px 2px rgba(20,23,29,.05), 0 18px 40px -24px rgba(20,23,29,.4);
  font-family:"Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased;
}
.market-card *{ box-sizing:border-box; }
.market-card ul{ margin:0; padding:0; list-style:none; }
.market-card li{ margin:0; }
 
/* ---------- HEADER CLARO (cuando NO hay fila destacada) ---------- */
.market-card .market-card__head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:15px 16px 12px; position:relative;
}
.market-card .market-card__head::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,#e4002b,#ff5a5a);
}
.market-card .market-card__head-title{
  display:inline-flex; align-items:center; gap:9px;
  font-family:"Montserrat", inherit; font-size:16px; font-weight:800;
  letter-spacing:-.01em; color:var(--mc-ink);
}
.market-card .market-card__head-icon{
  display:grid; place-items:center; width:28px; height:28px; border-radius:8px;
  background:var(--mc-red); color:#fff; font-size:18px;
}
.market-card .market-card__tag{
  display:inline-flex; align-items:center; gap:6px;
  font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:var(--mc-up); background:var(--mc-up-bg); padding:5px 9px; border-radius:999px;
  white-space:nowrap;
}
.market-card .market-card__tag-dot{
  width:6px; height:6px; border-radius:50%; background:var(--mc-up);
  box-shadow:0 0 0 0 rgba(15,138,67,.5); animation:mc-pulse 2s infinite;
}
 
/* ---------- HÉROE OSCURO (cuando hay fila destacada) ---------- */
.market-card .market-hero{
  position:relative; padding:15px 17px 16px; color:#fff;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(228,0,43,.28) 0%, rgba(228,0,43,0) 46%),
    linear-gradient(160deg,#20232a 0%,#16181d 100%);
}
.market-card .market-hero::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,#e4002b,#ff5a5a);
}
.market-card .market-hero__top{
  display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px;
}
.market-card .market-hero__brand{
  display:inline-flex; align-items:center; gap:8px;
  font-family:"Montserrat", inherit; font-size:12px; font-weight:800;
  letter-spacing:.13em; text-transform:uppercase; color:#eceef1;
}
.market-card .market-hero__brand .material-symbols-outlined{ font-size:16px; color:#ff6b6b; }
.market-card .market-hero__live{
  display:inline-flex; align-items:center; gap:6px;
  font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:#5ef2a0; background:rgba(94,242,160,.12); padding:4px 9px; border-radius:999px;
}
.market-card .market-hero__live-dot{
  width:6px; height:6px; border-radius:50%; background:#5ef2a0;
  box-shadow:0 0 0 0 rgba(94,242,160,.6); animation:mc-pulse 2s infinite;
}
.market-card .market-hero__label{
  display:inline-flex; align-items:center; gap:7px;
  font-size:12px; font-weight:600; color:#aeb5c0; margin-bottom:3px;
}
.market-card .market-hero__label .material-symbols-outlined{ font-size:16px; color:#8b93a1; }
.market-card .market-hero__label .flag{ font-size:15px; line-height:1; }
.market-card .market-hero__label .code{
  font-size:9.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:#7c8593; border:1px solid #333842; border-radius:5px; padding:1px 5px; margin-left:2px;
}
.market-card .market-hero__figure{ display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.market-card .market-hero__num{
  font-family:"Montserrat", inherit; font-size:34px; font-weight:800;
  letter-spacing:-.025em; color:#fff; line-height:1; font-variant-numeric:tabular-nums;
}
.market-card .market-hero__delta{
  display:inline-flex; align-items:center; gap:3px; margin-bottom:4px;
  font-size:12.5px; font-weight:700; font-variant-numeric:tabular-nums;
  padding:3px 8px; border-radius:999px; color:#5ef2a0; background:rgba(94,242,160,.13);
}
.market-card .market-hero__delta.is-down{ color:#ff8b8b; background:rgba(255,139,139,.13); }
.market-card .market-hero__delta.is-flat{ color:#c4ccd6; background:rgba(196,204,214,.13); }
.market-card .market-hero__delta .material-symbols-outlined{ font-size:15px; }
.market-card .market-hero__spark{ margin-top:12px; width:100%; height:34px; display:block; }
 
/* ---------- LISTA / FILAS ---------- */
.market-card .market-card__list{ padding:6px 7px 4px; }
.market-card .market-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 11px; border-radius:10px; transition:background .15s ease;
}
.market-card .market-row + .market-row{ box-shadow:inset 0 1px 0 var(--mc-line); }
.market-card .market-row:hover{ background:rgba(20,23,29,.04); }
.market-card .market-row__id{ display:inline-flex; align-items:center; gap:10px; min-width:0; }
.market-card .market-row__icon{
  display:grid; place-items:center; width:22px; height:22px; font-size:19px; color:var(--mc-icon);
}
.market-card .market-row__flag{
  width:22px; text-align:center; font-size:17px; line-height:1; flex:none;
}
.market-card .market-row__name{
  display:inline-flex; align-items:center; gap:5px; min-width:0;
  font-size:13px; font-weight:600; color:var(--mc-label);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.market-card .market-row__name .code{
  flex:none; font-size:9.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  color:var(--mc-muted); background:#f0f2f5; border-radius:5px; padding:1px 5px;
}
.market-card .market-row__data{ display:inline-flex; align-items:center; gap:8px; flex:none; }
.market-card .market-row__value{
  font-family:"Montserrat", inherit; font-size:15px; font-weight:800; letter-spacing:-.01em;
  color:var(--mc-ink); font-variant-numeric:tabular-nums;
}
.market-card .market-row__trend{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:22px; border-radius:999px; padding:0 6px;
}
.market-card .market-row__trend .material-symbols-outlined{ font-size:15px; }
.market-card .market-row__trend.is-up{ color:var(--mc-up); background:var(--mc-up-bg); }
.market-card .market-row__trend.is-down{ color:var(--mc-down); background:var(--mc-down-bg); }
.market-card .market-row__trend--empty{ background:none; min-width:26px; }
 
/* ---------- PIE ---------- */
.market-card .market-card__foot{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:11px 16px 13px; border-top:1px solid var(--mc-line);
  font-size:10px; color:var(--mc-muted);
}
.market-card .market-card__source{ font-weight:700; }
.market-card .market-card__stamp{ display:inline-flex; align-items:center; gap:4px; }
.market-card .market-card__stamp .material-symbols-outlined{ font-size:12px; }
 
/* ---------- estado vacío ---------- */
.market-card .market-widget__empty{ margin:0; padding:14px 16px; font-size:12.5px; color:var(--mc-muted); }
 
@keyframes mc-pulse{
  0%{box-shadow:0 0 0 0 rgba(15,138,67,.5)}
  70%{box-shadow:0 0 0 5px rgba(15,138,67,0)}
  100%{box-shadow:0 0 0 0 rgba(15,138,67,0)}
}
@media (prefers-reduced-motion:reduce){
  .market-card .market-card__tag-dot,
  .market-card .market-hero__live-dot{ animation:none; }
  .market-card .market-row{ transition:none; }
}
 

/* Full-width desktop navigation: distribute every section without clipping. */
@media (min-width: 1100px) {
	body #site-header #site-navigation.site-nav {
		width: calc(100% + 48px) !important;
		max-width: none !important;
		margin-right: -24px !important;
		margin-left: -24px !important;
		border-radius: 0 !important;
	}

	body #site-header #primary-menu.site-nav__menu {
		display: flex !important;
		width: 100% !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: space-between !important;
		gap: 0 !important;
		padding: 0 18px !important;
	}

	body #site-header #primary-menu.site-nav__menu > li {
		flex: 0 1 auto !important;
		min-width: 0 !important;
	}

	body #site-header #primary-menu.site-nav__menu > li > a {
		justify-content: center !important;
		padding-right: 14px !important;
		padding-left: 14px !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
	}
}

@media (min-width: 1100px) and (max-width: 1240px) {
	body #site-header #primary-menu.site-nav__menu {
		padding-right: 8px !important;
		padding-left: 8px !important;
	}

	body #site-header #primary-menu.site-nav__menu > li > a {
		padding-right: 9px !important;
		padding-left: 9px !important;
		font-size: 0.64rem !important;
	}
}
/* ESTOESNOTICIA FULL WIDTH DESKTOP MENU V1 */


/* Compact desktop navigation: keep all sections grouped and readable. */
@media (min-width: 1100px) {
	body #site-header #site-navigation.site-nav {
		width: 100% !important;
		max-width: 1500px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		border-radius: 8px 8px 0 0 !important;
	}

	body #site-header #primary-menu.site-nav__menu {
		width: 100% !important;
		justify-content: center !important;
		gap: 0 !important;
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	body #site-header #primary-menu.site-nav__menu > li {
		flex: 0 0 auto !important;
	}
}
/* ESTOESNOTICIA COMPACT DESKTOP MENU V2 */


/* Liquid glass editorial header: translucent, compact and brand-led. */
#site-header.site-header {
	position: sticky !important;
	isolation: isolate;
	background: rgba(250, 250, 252, 0.76) !important;
	-webkit-backdrop-filter: blur(26px) saturate(185%);
	backdrop-filter: blur(26px) saturate(185%);
	border-top: 1px solid rgba(255, 255, 255, 0.92) !important;
	border-bottom: 1px solid rgba(26, 30, 38, 0.09) !important;
	box-shadow: 0 12px 34px rgba(18, 24, 34, 0.11) !important;
}

#site-header.site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.64) 0%,
		rgba(255, 255, 255, 0.16) 52%,
		rgba(238, 240, 244, 0.18) 100%
	);
}

#site-header > .een-container {
	position: relative;
	z-index: 1;
}

#site-header .site-brand--header {
	position: relative;
	display: grid;
	place-items: center;
	padding: 6px;
	border: 1px solid rgba(255, 255, 255, 0.96);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.68);
	-webkit-backdrop-filter: blur(18px) saturate(170%);
	backdrop-filter: blur(18px) saturate(170%);
	box-shadow:
		0 15px 34px rgba(18, 24, 34, 0.15),
		0 0 0 1px rgba(150, 5, 22, 0.09),
		inset 0 1px 0 rgba(255, 255, 255, 0.96);
	transition: transform 220ms ease, box-shadow 220ms ease;
}

#site-header .site-brand--header::after {
	content: "";
	position: absolute;
	inset: 3px;
	pointer-events: none;
	border: 1px solid rgba(190, 7, 29, 0.16);
	border-radius: inherit;
}

#site-header .site-brand--header:hover {
	transform: translateY(-2px);
	box-shadow:
		0 19px 40px rgba(18, 24, 34, 0.18),
		0 0 0 1px rgba(190, 7, 29, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 1);
}

#site-header .site-brand__logo--header {
	display: block;
	border: 1px solid rgba(120, 6, 18, 0.12) !important;
	border-radius: 50% !important;
	clip-path: circle(50%);
	object-fit: cover;
	filter: saturate(1.04) contrast(1.02);
	box-shadow:
		0 8px 22px rgba(18, 24, 34, 0.14),
		inset 0 0 0 1px rgba(255, 255, 255, 0.74) !important;
}

#site-header .site-header__utility--start {
	display: flex;
	align-items: center;
	gap: 6px;
}

#site-header .site-header__weather-line,
#site-header .site-header__weather-day,
#site-header .site-header__weather-clock {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.58);
	-webkit-backdrop-filter: blur(14px) saturate(165%);
	backdrop-filter: blur(14px) saturate(165%);
	box-shadow:
		0 6px 18px rgba(18, 24, 34, 0.07),
		inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

#site-header .site-header__weather-line {
	gap: 5px;
	color: #b60820;
}

#site-header .site-header__weather-day,
#site-header .site-header__weather-clock {
	color: #3d424b;
}

#site-header .site-header__search-form .search-form {
	border: 1px solid rgba(255, 255, 255, 0.94) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.6) !important;
	-webkit-backdrop-filter: blur(16px) saturate(170%);
	backdrop-filter: blur(16px) saturate(170%);
	box-shadow:
		0 8px 22px rgba(18, 24, 34, 0.08),
		inset 0 0 0 1px rgba(87, 94, 108, 0.08) !important;
}

#site-header .site-header__search-form input[type="search"] {
	background: transparent !important;
}

#site-header .site-header__search-form button,
#site-header .site-header__cta {
	border: 1px solid rgba(255, 255, 255, 0.42) !important;
	box-shadow:
		0 9px 22px rgba(180, 5, 27, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

@media (min-width: 1100px) {
	#site-header .site-header__monumental {
		min-height: 178px;
	}

	#site-header .site-header__brand {
		width: 172px;
		height: 172px;
	}

	#site-header .site-brand__logo--header {
		width: 158px !important;
		height: 158px !important;
	}

	body #site-header #site-navigation.site-nav {
		width: 100% !important;
		max-width: 1380px !important;
		min-height: 50px;
		margin-right: auto !important;
		margin-left: auto !important;
		overflow: hidden;
		border: 1px solid rgba(255, 255, 255, 0.28) !important;
		border-radius: 14px !important;
		background: linear-gradient(
			135deg,
			rgba(168, 3, 25, 0.94) 0%,
			rgba(196, 7, 31, 0.9) 48%,
			rgba(223, 17, 44, 0.86) 100%
		) !important;
		-webkit-backdrop-filter: blur(24px) saturate(175%);
		backdrop-filter: blur(24px) saturate(175%);
		box-shadow:
			0 13px 28px rgba(151, 3, 23, 0.24),
			inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
	}

	body #site-header #primary-menu.site-nav__menu {
		justify-content: center !important;
		padding: 0 12px !important;
	}

	body #site-header #primary-menu.site-nav__menu > li > a {
		position: relative;
		min-height: 50px;
		padding-right: 13px !important;
		padding-left: 13px !important;
		color: #ffffff !important;
		border-left: 1px solid rgba(255, 255, 255, 0.13);
		background: transparent !important;
		text-shadow: 0 1px 1px rgba(74, 0, 11, 0.22);
		transition: background-color 180ms ease, color 180ms ease;
	}

	body #site-header #primary-menu.site-nav__menu > li:first-child > a {
		border-left: 0;
	}

	body #site-header #primary-menu.site-nav__menu > li > a:hover,
	body #site-header #primary-menu.site-nav__menu > li > a:focus-visible,
	body #site-header #primary-menu.site-nav__menu > .current-menu-item > a {
		color: #ffffff !important;
		background: rgba(255, 255, 255, 0.16) !important;
	}
}

@media (min-width: 1100px) and (max-width: 1240px) {
	body #site-header #primary-menu.site-nav__menu > li > a {
		padding-right: 8px !important;
		padding-left: 8px !important;
		font-size: 0.64rem !important;
	}
}

@media (max-width: 1099px) {
	#site-header.site-header {
		background: rgba(250, 250, 252, 0.84) !important;
		-webkit-backdrop-filter: blur(22px) saturate(180%);
		backdrop-filter: blur(22px) saturate(180%);
	}

	#site-header .site-header__monumental {
		min-height: 124px;
	}

	#site-header .site-header__brand {
		width: 114px;
		height: 114px;
	}

	#site-header .site-brand--header {
		padding: 5px;
	}

	#site-header .site-brand__logo--header {
		width: 102px !important;
		height: 102px !important;
	}

	#site-header .een-nav-toggle {
		width: 46px;
		height: 46px;
		color: #b60820 !important;
		border: 1px solid rgba(255, 255, 255, 0.96) !important;
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.7) !important;
		-webkit-backdrop-filter: blur(16px) saturate(170%);
		backdrop-filter: blur(16px) saturate(170%);
		box-shadow:
			0 9px 22px rgba(18, 24, 34, 0.12),
			inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	}

	body #site-header #site-navigation.site-nav {
		border: 1px solid rgba(255, 255, 255, 0.26) !important;
		border-left: 0 !important;
		border-radius: 0 20px 20px 0 !important;
		background: linear-gradient(
			155deg,
			rgba(126, 4, 21, 0.94) 0%,
			rgba(174, 7, 28, 0.91) 58%,
			rgba(205, 13, 38, 0.88) 100%
		) !important;
		-webkit-backdrop-filter: blur(26px) saturate(170%);
		backdrop-filter: blur(26px) saturate(170%);
		box-shadow:
			18px 0 44px rgba(20, 5, 10, 0.28),
			inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
	}

	body #site-header #primary-menu.site-nav__menu {
		gap: 7px !important;
		padding: 14px !important;
	}

	body #site-header #primary-menu.site-nav__menu > li > a {
		min-height: 46px;
		padding: 0 14px !important;
		color: #ffffff !important;
		border: 1px solid rgba(255, 255, 255, 0.14) !important;
		border-radius: 12px !important;
		background: rgba(255, 255, 255, 0.09) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	}

	body #site-header #primary-menu.site-nav__menu > li > a:hover,
	body #site-header #primary-menu.site-nav__menu > li > a:focus-visible {
		background: rgba(255, 255, 255, 0.17) !important;
	}

	#site-header .site-nav__mobile-search .search-form {
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
		border-radius: 14px !important;
		background: rgba(255, 255, 255, 0.12) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
}

@media (prefers-reduced-motion: reduce) {
	#site-header .site-brand--header,
	#site-header #primary-menu.site-nav__menu > li > a {
		transition: none !important;
	}
}
/* ESTOESNOTICIA LIQUID GLASS HEADER V3 */


/* Specificity pass for legacy header rules. */
body #site-header.site-header .site-brand.site-brand--header {
	padding: 6px !important;
	border: 1px solid rgba(255, 255, 255, 0.96) !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.68) !important;
	box-shadow:
		0 15px 34px rgba(18, 24, 34, 0.15),
		0 0 0 1px rgba(150, 5, 22, 0.09),
		inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body #site-header.site-header .site-brand__logo.site-brand__logo--header {
	width: 158px !important;
	height: 158px !important;
	border: 1px solid rgba(120, 6, 18, 0.12) !important;
	border-radius: 50% !important;
	box-shadow:
		0 8px 22px rgba(18, 24, 34, 0.14),
		inset 0 0 0 1px rgba(255, 255, 255, 0.74) !important;
}

body #site-header.site-header .site-header__brand {
	width: 172px !important;
	height: 172px !important;
}

body #site-header.site-header .site-header__utility--start .site-header__weather-line,
body #site-header.site-header .site-header__utility--start .site-header__weather-day,
body #site-header.site-header .site-header__utility--start .site-header__weather-clock {
	min-height: 32px !important;
	padding: 0 10px !important;
	border: 1px solid rgba(255, 255, 255, 0.92) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.62) !important;
	box-shadow:
		0 7px 20px rgba(18, 24, 34, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body #site-header.site-header .site-header__utility--start .site-header__weather-line {
	color: #b60820 !important;
}

body #site-header.site-header .site-header__search-form .search-form {
	border: 1px solid rgba(255, 255, 255, 0.94) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, 0.62) !important;
	box-shadow:
		0 8px 22px rgba(18, 24, 34, 0.08),
		inset 0 0 0 1px rgba(87, 94, 108, 0.08) !important;
}

@media (max-width: 1099px) {
	body #site-header.site-header .site-header__brand {
		width: 114px !important;
		height: 114px !important;
	}

	body #site-header.site-header .site-brand.site-brand--header {
		padding: 5px !important;
	}

	body #site-header.site-header .site-brand__logo.site-brand__logo--header {
		width: 102px !important;
		height: 102px !important;
	}

	body #site-header.site-header .een-nav-toggle {
		width: 46px !important;
		height: 46px !important;
		color: #b60820 !important;
		border: 1px solid rgba(255, 255, 255, 0.96) !important;
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.72) !important;
		box-shadow:
			0 9px 22px rgba(18, 24, 34, 0.12),
			inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
	}
}
/* ESTOESNOTICIA LIQUID GLASS DETAILS V3.1 */


/* Keep the glass logo ring perfectly circular at every breakpoint. */
body #site-header.site-header .site-brand.site-brand--header {
	width: 164px !important;
	height: 164px !important;
	box-sizing: border-box !important;
}

body #site-header.site-header .site-brand__logo.site-brand__logo--header {
	width: 150px !important;
	height: 150px !important;
	max-width: none !important;
	aspect-ratio: 1 / 1 !important;
}

@media (max-width: 1099px) {
	body #site-header.site-header .site-brand.site-brand--header {
		width: 114px !important;
		height: 114px !important;
	}

	body #site-header.site-header .site-brand__logo.site-brand__logo--header {
		width: 102px !important;
		height: 102px !important;
	}
}
/* ESTOESNOTICIA GLASS LOGO RATIO V3.2 */


/* Neutralize the legacy flex basis so the glass ring stays circular. */
body #site-header.site-header .site-brand.site-brand--header {
	flex: 0 0 164px !important;
	width: 164px !important;
	min-width: 164px !important;
	max-width: 164px !important;
}

@media (max-width: 1099px) {
	body #site-header.site-header .site-brand.site-brand--header {
		flex-basis: 114px !important;
		width: 114px !important;
		min-width: 114px !important;
		max-width: 114px !important;
	}
}
/* ESTOESNOTICIA GLASS RING FLEX V3.3 */


/* Prevent the legacy mobile image flex basis from stretching the logo. */
@media (max-width: 1099px) {
	body #site-header.site-header .site-brand__logo.site-brand__logo--header {
		flex: 0 0 102px !important;
		width: 102px !important;
		min-width: 102px !important;
		max-width: 102px !important;
		height: 102px !important;
	}
}
/* ESTOESNOTICIA MOBILE LOGO FLEX V3.4 */


/* ==========================================================================
   Por Dentro Radio - editorial sidebar module
   ========================================================================== */
body .podcast-card {
	--een-radio-red: #df1534;
	--een-radio-red-dark: #a80724;
	--een-radio-ink: #171b24;
	--een-radio-muted: #697180;
	--een-radio-line: #e4e8ee;
	margin-bottom: 24px !important;
	padding: 0 0 12px !important;
	overflow: hidden !important;
	background: #ffffff !important;
	border: 1px solid var(--een-radio-line) !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 44px rgba(20, 27, 39, 0.12) !important;
}

body .podcast-card .sidebar-card__title {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 86px !important;
	margin: 0 0 12px !important;
	padding: 14px 16px !important;
	overflow: hidden !important;
	background: #171b24 !important;
	border: 0 !important;
	border-bottom: 3px solid var(--een-radio-red) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body .podcast-card .sidebar-card__title::after {
	content: "" !important;
	position: absolute !important;
	right: -34px !important;
	bottom: -52px !important;
	width: 132px !important;
	height: 96px !important;
	border: 1px solid rgba(255, 255, 255, 0.09) !important;
	border-radius: 50% !important;
	box-shadow: 0 0 0 13px rgba(255, 255, 255, 0.025), 0 0 0 27px rgba(255, 255, 255, 0.018) !important;
	pointer-events: none !important;
}

body .podcast-card .sidebar-card__title-inner {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	align-items: center !important;
	gap: 11px !important;
	min-width: 0 !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
}

body .podcast-card .sidebar-card__title-icon {
	display: grid !important;
	place-items: center !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	background: var(--een-radio-red) !important;
	border: 1px solid rgba(255, 255, 255, 0.24) !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 24px rgba(223, 21, 52, 0.28) !important;
	color: #ffffff !important;
	font-size: 24px !important;
	line-height: 1 !important;
}

body .podcast-card .podcast-card__identity {
	display: grid !important;
	gap: 5px !important;
	min-width: 0 !important;
}

body .podcast-card .podcast-card__name {
	display: block !important;
	overflow: hidden !important;
	color: #ffffff !important;
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body .podcast-card .podcast-card__schedule {
	display: block !important;
	color: #cfd4dd !important;
	font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 650 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

body .podcast-card .sidebar-card__title-tag {
	position: relative !important;
	z-index: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: 30px !important;
	padding: 0 9px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

body .podcast-card .sidebar-card__title-tag::before {
	content: "" !important;
	display: block !important;
	flex: 0 0 6px !important;
	width: 6px !important;
	height: 6px !important;
	background: #ff3150 !important;
	border-radius: 50% !important;
	box-shadow: 0 0 0 3px rgba(255, 49, 80, 0.14) !important;
}

body .podcast-card .podcast-accordion {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 8px !important;
	padding: 0 12px !important;
	counter-reset: een-podcast-episode !important;
}

body .podcast-card .podcast-accordion__item {
	counter-increment: een-podcast-episode !important;
	margin: 0 !important;
	overflow: hidden !important;
	background: #f7f8fa !important;
	border: 1px solid #e3e7ed !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important;
}

body .podcast-card .podcast-accordion__item[open] {
	background: #ffffff !important;
	border-color: rgba(223, 21, 52, 0.52) !important;
	box-shadow: 0 10px 24px rgba(114, 18, 36, 0.09) !important;
}

body .podcast-card .podcast-accordion__summary {
	display: grid !important;
	grid-template-columns: 36px minmax(0, 1fr) 32px !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 8px 10px !important;
	background: transparent !important;
	border: 0 !important;
	color: var(--een-radio-ink) !important;
	cursor: pointer !important;
	list-style: none !important;
}

body .podcast-card .podcast-accordion__summary::-webkit-details-marker {
	display: none !important;
}

body .podcast-card .podcast-accordion__summary::marker {
	content: "" !important;
}

body .podcast-card .podcast-accordion__summary::before {
	content: counter(een-podcast-episode, decimal-leading-zero) !important;
	position: static !important;
	display: grid !important;
	place-items: center !important;
	width: 36px !important;
	height: 36px !important;
	margin: 0 !important;
	background: #e9edf2 !important;
	border: 0 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: #697180 !important;
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}

body .podcast-card .podcast-accordion__item[open] .podcast-accordion__summary::before {
	background: var(--een-radio-red) !important;
	box-shadow: 0 7px 18px rgba(223, 21, 52, 0.22) !important;
	color: #ffffff !important;
}

body .podcast-card .podcast-accordion__text {
	display: grid !important;
	gap: 3px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body .podcast-card .podcast-accordion__date {
	display: block !important;
	color: #bd102c !important;
	font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

body .podcast-card .podcast-accordion__title {
	display: block !important;
	overflow: hidden !important;
	color: #252a33 !important;
	font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

body .podcast-card .podcast-accordion__chevron {
	display: grid !important;
	place-items: center !important;
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	background: #ffffff !important;
	border: 1px solid #e5e8ed !important;
	border-radius: 9px !important;
	box-shadow: none !important;
	color: #414956 !important;
	font-size: 19px !important;
	line-height: 1 !important;
	transition: transform 180ms ease, background-color 180ms ease, color 180ms ease !important;
}

body .podcast-card .podcast-accordion__item[open] .podcast-accordion__chevron {
	background: var(--een-radio-red) !important;
	border-color: var(--een-radio-red) !important;
	color: #ffffff !important;
	transform: rotate(180deg) !important;
}

body .podcast-card .podcast-accordion__body {
	padding: 0 10px 11px 56px !important;
	background: #ffffff !important;
	border: 0 !important;
}

body .podcast-card .podcast-accordion audio {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 40px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
	body .podcast-card .podcast-accordion__item:not([open]):hover {
		background: #ffffff !important;
		border-color: #cfd5dd !important;
	}

	body .podcast-card .podcast-accordion__summary:hover .podcast-accordion__chevron {
		border-color: #cbd1da !important;
		color: var(--een-radio-red-dark) !important;
	}
}

@media (max-width: 480px) {
	body .podcast-card {
		border-radius: 14px !important;
	}

	body .podcast-card .sidebar-card__title {
		gap: 8px !important;
		min-height: 82px !important;
		padding: 13px 12px !important;
	}

	body .podcast-card .sidebar-card__title-inner {
		gap: 9px !important;
	}

	body .podcast-card .sidebar-card__title-icon {
		flex-basis: 40px !important;
		width: 40px !important;
		height: 40px !important;
		font-size: 22px !important;
	}

	body .podcast-card .podcast-card__name {
		font-size: 15px !important;
	}

	body .podcast-card .podcast-card__schedule {
		font-size: 9px !important;
	}

	body .podcast-card .sidebar-card__title-tag {
		height: 28px !important;
		padding: 0 8px !important;
		font-size: 8px !important;
	}

	body .podcast-card .podcast-accordion {
		padding: 0 10px !important;
	}

	body .podcast-card .podcast-accordion__summary {
		grid-template-columns: 34px minmax(0, 1fr) 30px !important;
		gap: 8px !important;
		padding: 8px !important;
	}

	body .podcast-card .podcast-accordion__summary::before {
		width: 34px !important;
		height: 34px !important;
	}

	body .podcast-card .podcast-accordion__body {
		padding: 0 8px 10px 50px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body .podcast-card .podcast-accordion__item,
	body .podcast-card .podcast-accordion__chevron {
		transition: none !important;
	}
}
/* ESTOESNOTICIA POR DENTRO RADIO V1 */


/* High-specificity bridge over legacy Additional CSS. */
html body #secondary .sidebar-card.podcast-card {
	padding: 0 0 12px !important;
	background: #ffffff !important;
	border: 1px solid #e4e8ee !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 44px rgba(20, 27, 39, 0.12) !important;
}

html body #secondary .podcast-card .sidebar-card__title {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 86px !important;
	margin: 0 0 12px !important;
	padding: 14px 16px !important;
	background: #171b24 !important;
	border: 0 !important;
	border-bottom: 3px solid #df1534 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html body #secondary .podcast-card .sidebar-card__title-inner {
	display: flex !important;
	align-items: center !important;
	gap: 11px !important;
	min-width: 0 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
}

html body #secondary .podcast-card .sidebar-card__title-inner:not(:has(.podcast-card__identity)) {
	font-size: 0 !important;
}

html body #secondary .podcast-card .sidebar-card__title-inner:not(:has(.podcast-card__identity))::after {
	content: "Por Dentro Radio" !important;
	display: block !important;
	color: #ffffff !important;
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

html body #secondary .podcast-card .sidebar-card__title:not(:has(.podcast-card__identity))::before {
	content: "Sábados, 4:00 p. m." !important;
	position: absolute !important;
	left: 71px !important;
	top: 52px !important;
	display: block !important;
	color: #cfd4dd !important;
	font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif !important;
	font-size: 10px !important;
	font-weight: 650 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

html body #secondary .podcast-card .sidebar-card__title-icon {
	display: grid !important;
	place-items: center !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	background: #df1534 !important;
	border: 1px solid rgba(255, 255, 255, 0.24) !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 24px rgba(223, 21, 52, 0.28) !important;
	font-size: 24px !important;
}

html body #secondary .podcast-card .sidebar-card__title-tag {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: 30px !important;
	min-height: 30px !important;
	padding: 0 9px !important;
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 999px !important;
	font-size: 0 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
}

html body #secondary .podcast-card .sidebar-card__title-tag::before {
	content: "" !important;
	display: block !important;
	flex: 0 0 6px !important;
	width: 6px !important;
	height: 6px !important;
	background: #ff3150 !important;
	border-radius: 50% !important;
	box-shadow: 0 0 0 3px rgba(255, 49, 80, 0.14) !important;
}

html body #secondary .podcast-card .sidebar-card__title-tag::after {
	content: "ZOL 106.5 FM" !important;
	display: block !important;
	color: #ffffff !important;
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}

html body #secondary .podcast-card .podcast-accordion {
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 12px !important;
}

html body #secondary .podcast-card .podcast-accordion__item {
	background: #f7f8fa !important;
	border: 1px solid #e3e7ed !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

html body #secondary .podcast-card .podcast-accordion__item[open] {
	background: #ffffff !important;
	border-color: rgba(223, 21, 52, 0.52) !important;
	box-shadow: 0 10px 24px rgba(114, 18, 36, 0.09) !important;
}

html body #secondary .podcast-card .podcast-accordion__summary {
	grid-template-columns: 36px minmax(0, 1fr) 32px !important;
	gap: 10px !important;
	min-height: 56px !important;
	padding: 8px 10px !important;
	background: transparent !important;
}

html body #secondary .podcast-card .podcast-accordion__item[open] .podcast-accordion__summary {
	background: #ffffff !important;
}

html body #secondary .podcast-card .podcast-accordion__summary::before {
	display: grid !important;
	place-items: center !important;
	width: 36px !important;
	height: 36px !important;
	background: #e9edf2 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: #697180 !important;
	font-size: 9px !important;
	letter-spacing: 0 !important;
}

html body #secondary .podcast-card .podcast-accordion__item[open] .podcast-accordion__summary::before {
	background: #df1534 !important;
	box-shadow: 0 7px 18px rgba(223, 21, 52, 0.22) !important;
	color: #ffffff !important;
}

html body #secondary .podcast-card .podcast-accordion__text {
	display: grid !important;
	gap: 3px !important;
}

html body #secondary .podcast-card .podcast-accordion__date {
	color: #bd102c !important;
	font-size: 9px !important;
	letter-spacing: 0 !important;
}

html body #secondary .podcast-card .podcast-accordion__title {
	color: #252a33 !important;
	font-size: 12px !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
}

html body #secondary .podcast-card .podcast-accordion__chevron {
	display: grid !important;
	place-items: center !important;
	width: 32px !important;
	height: 32px !important;
	background: #ffffff !important;
	border: 1px solid #e5e8ed !important;
	border-radius: 9px !important;
	color: #414956 !important;
}

html body #secondary .podcast-card .podcast-accordion__item[open] .podcast-accordion__chevron {
	background: #df1534 !important;
	border-color: #df1534 !important;
	color: #ffffff !important;
}

html body #secondary .podcast-card .podcast-accordion__body {
	padding: 0 10px 11px 56px !important;
	background: #ffffff !important;
}

html body #secondary .podcast-card .podcast-accordion__body audio {
	width: 100% !important;
	max-width: 100% !important;
	height: 40px !important;
	border-radius: 9px !important;
	accent-color: #df1534 !important;
}

@media (max-width: 480px) {
	html body #secondary .sidebar-card.podcast-card {
		padding: 0 0 10px !important;
		border-radius: 14px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title {
		gap: 8px !important;
		min-height: 82px !important;
		margin: 0 0 10px !important;
		padding: 13px 12px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title:not(:has(.podcast-card__identity))::before {
		left: 61px !important;
		top: 50px !important;
		font-size: 9px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-icon {
		flex-basis: 40px !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		font-size: 22px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-inner:not(:has(.podcast-card__identity))::after {
		font-size: 15px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-tag {
		height: 28px !important;
		min-height: 28px !important;
		padding: 0 8px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-tag::after {
		font-size: 8px !important;
	}

	html body #secondary .podcast-card .podcast-accordion {
		padding: 0 10px !important;
	}

	html body #secondary .podcast-card .podcast-accordion__summary {
		grid-template-columns: 34px minmax(0, 1fr) 30px !important;
		gap: 8px !important;
		padding: 8px !important;
	}

	html body #secondary .podcast-card .podcast-accordion__summary::before {
		width: 34px !important;
		height: 34px !important;
	}

	html body #secondary .podcast-card .podcast-accordion__chevron {
		width: 30px !important;
		height: 30px !important;
	}

	html body #secondary .podcast-card .podcast-accordion__body {
		padding: 0 8px 10px 50px !important;
	}
}
/* ESTOESNOTICIA POR DENTRO RADIO V1.1 */


@media (max-width: 480px) {
	html body #secondary .podcast-card .sidebar-card__title {
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 6px !important;
		padding: 12px 10px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-inner {
		gap: 8px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-icon {
		flex-basis: 38px !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		border-radius: 10px !important;
		font-size: 21px !important;
	}

	html body #secondary .podcast-card .podcast-card__name {
		font-size: 14px !important;
	}

	html body #secondary .podcast-card .podcast-card__schedule {
		font-size: 8px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-tag {
		gap: 4px !important;
		height: 26px !important;
		min-height: 26px !important;
		padding: 0 6px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-tag::before {
		flex-basis: 5px !important;
		width: 5px !important;
		height: 5px !important;
		box-shadow: 0 0 0 2px rgba(255, 49, 80, 0.14) !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-tag::after {
		font-size: 7px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title-inner:not(:has(.podcast-card__identity))::after {
		font-size: 14px !important;
	}

	html body #secondary .podcast-card .sidebar-card__title:not(:has(.podcast-card__identity))::before {
		left: 56px !important;
		top: 49px !important;
		font-size: 8px !important;
	}
}
/* ESTOESNOTICIA POR DENTRO RADIO V1.2 */


/* ==========================================================================
   Post views - editorial metadata
   ========================================================================== */
html body .article-card__views,
html body .hero__views,
html body .single-article__views {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	width: auto !important;
	min-width: 0 !important;
	white-space: nowrap !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-variant-numeric: tabular-nums !important;
}

html body .article-card__views {
	height: 25px !important;
	padding: 0 9px !important;
	background: #ffffff !important;
	border: 1px solid rgba(190, 0, 3, 0.18) !important;
	border-radius: 999px !important;
	box-shadow: 0 5px 14px rgba(80, 17, 26, 0.07) !important;
	color: #a70d25 !important;
	font-size: 0.68rem !important;
	font-weight: 800 !important;
}

html body .article-card__views .material-symbols-outlined {
	font-size: 15px !important;
	line-height: 1 !important;
	font-variation-settings: "FILL" 1, "wght" 550 !important;
}

html body .hero__meta {
	flex-wrap: wrap !important;
}

html body .hero__views {
	height: 28px !important;
	padding: 0 10px !important;
	background: rgba(15, 18, 24, 0.58) !important;
	border: 1px solid rgba(255, 255, 255, 0.24) !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
	color: #ffffff !important;
	font-size: 0.68rem !important;
	font-weight: 750 !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}

html body .hero__views .material-symbols-outlined {
	font-size: 15px !important;
	line-height: 1 !important;
	font-variation-settings: "FILL" 1, "wght" 550 !important;
}

html body .single-article__views {
	height: 30px !important;
	padding: 0 11px !important;
	background: #ffffff !important;
	border: 1px solid rgba(190, 0, 3, 0.2) !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 16px rgba(80, 17, 26, 0.07) !important;
	color: #a70d25 !important;
	font-size: 0.82rem !important;
	font-weight: 750 !important;
}

html body .single-article__views .material-symbols-outlined {
	color: #c50020 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	font-variation-settings: "FILL" 1, "wght" 550 !important;
}

@media (max-width: 767px) {
	html body .article-card__meta {
		gap: 7px !important;
	}

	html body .article-card__views {
		height: 24px !important;
		padding: 0 8px !important;
		font-size: 0.66rem !important;
	}

	html body .hero__meta {
		gap: 8px !important;
	}

	html body .hero__views {
		height: 26px !important;
		padding: 0 8px !important;
		font-size: 0.64rem !important;
	}
}
/* ESTOESNOTICIA POST VIEWS V1 */



/* Related posts: compact editorial cards */
.single .related-posts {
    margin-top: 44px;
    padding-top: 24px;
    border-top: 1px solid #eadbd8;
}

.single .related-posts__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    color: #171414;
    font-size: 1.25rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: 0;
}

.single .related-posts__title::before {
    content: '';
    flex: 0 0 4px;
    width: 4px;
    height: 24px;
    border-radius: 2px;
    background: #d30719;
    box-shadow: 0 0 0 4px rgba(211, 7, 25, 0.08);
}

.single .related-posts__title::after {
    content: '';
    flex: 1 1 auto;
    height: 1px;
    margin-left: 4px;
    background: linear-gradient(90deg, #d30719 0 54px, #eadbd8 54px 100%);
}

.single .related-posts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}

.single .related-posts__item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #eadfdd;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(54, 20, 22, 0.08);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.single .related-posts__item:hover {
    border-color: rgba(211, 7, 25, 0.34);
    box-shadow: 0 14px 30px rgba(54, 20, 22, 0.14);
    transform: translateY(-3px);
}

.single .related-posts__item:focus-visible {
    outline: 3px solid rgba(211, 7, 25, 0.24);
    outline-offset: 3px;
}

.single .related-posts__item img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-bottom: 1px solid #f0e6e4;
    transition: transform 260ms ease;
}

.single .related-posts__item:hover img {
    transform: scale(1.025);
}

.single .related-posts__item-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    padding: 14px 14px 13px;
}

.single .related-posts__item-date {
    order: -1;
    align-self: flex-start;
    margin: 0 0 9px;
    padding: 4px 8px;
    border: 1px solid #f1d5d8;
    border-radius: 999px;
    background: #fff4f5;
    color: #b80718;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
}

.single .related-posts__item-title {
    display: -webkit-box;
    min-height: 4.26em;
    overflow: hidden;
    color: #211d1d;
    font-size: 0.96rem;
    font-weight: 780;
    line-height: 1.42;
    letter-spacing: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.single .related-posts__item-body::after {
    content: 'Leer noticia';
    display: block;
    margin-top: auto;
    padding-top: 12px;
    color: #c50718;
    font-size: 0.7rem;
    font-weight: 850;
    line-height: 1;
    text-transform: uppercase;
}

.single .related-posts__item:hover .related-posts__item-title {
    color: #9f0614;
}

@media (max-width: 767px) {
    .single .related-posts__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
}

@media (max-width: 575px) {
    .single .related-posts {
        margin-top: 32px;
        padding-top: 20px;
    }

    .single .related-posts__title {
        margin-bottom: 14px;
        font-size: 1.1rem;
    }

    .single .related-posts__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .single .related-posts__item {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        min-height: 122px;
    }

    .single .related-posts__item img {
        width: 118px;
        height: 100%;
        min-height: 122px;
        aspect-ratio: auto;
        border-right: 1px solid #f0e6e4;
        border-bottom: 0;
    }

    .single .related-posts__item-body {
        padding: 11px 12px;
    }

    .single .related-posts__item-date {
        margin-bottom: 7px;
        padding: 3px 7px;
        font-size: 0.62rem;
    }

    .single .related-posts__item-title {
        min-height: 0;
        font-size: 0.86rem;
        line-height: 1.34;
    }

    .single .related-posts__item-body::after {
        padding-top: 8px;
        font-size: 0.64rem;
    }
}



/* Desktop navigation: full-bleed glass bar */
@media (min-width: 992px) {
    body .site-header > .een-container {
        width: 100%;
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    }

    body .site-header__monumental {
        width: calc(100% - 48px);
        max-width: 1440px;
        margin-right: auto;
        margin-left: auto;
    }

    body .site-header .site-nav {
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-left: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    body .site-header .site-nav__menu {
        width: 100%;
        max-width: 1440px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 24px;
        padding-left: 24px;
    }
}



/* Full-width desktop nav: override legacy max-width rules */
@media (min-width: 992px) {
    html body #site-header.site-header > .een-container.een-container {
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    html body #site-header.site-header nav.site-nav#site-navigation {
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
    }
}



/* Article metadata: red editorial tags */
html body .article-card .article-card__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
}

html body .article-card .article-card__meta > span:not(.article-card__meta-dot):not(.article-card__views) {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 1px solid rgba(145, 0, 16, 0.28) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #b90018 0%, #e21b31 100%) !important;
    box-shadow: 0 5px 12px rgba(178, 0, 24, 0.16) !important;
    color: #fff !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html body .article-card .article-card__meta > .article-card__meta-dot {
    display: none !important;
}

@media (max-width: 575px) {
    html body .article-card .article-card__meta {
        gap: 5px !important;
    }

    html body .article-card .article-card__meta > span:not(.article-card__meta-dot):not(.article-card__views) {
        min-height: 23px !important;
        padding: 4px 7px !important;
        font-size: 0.6rem !important;
    }
}