/* ==========================================================
   El Salvador en cifras — estilos
   Paleta adaptada al sitio institucional MINEC
   ========================================================== */

#esa-cifras {
	--esa-site:   #303845;   /* fondo institucional */
	--esa-navy:   #111e60;   /* azul institucional */
	--esa-white:  #ffffff;
	--esa-ink:    #303845;
	--esa-muted:  #5e6875;
	--esa-line:   #d9dce2;
	--esa-dline:  rgba(255,255,255,.2);
	--esa-beige:  #7fb6d6;   /* acento azul claro */

	--esa-eco:    #2f6f8f;   /* categoría Economía */
	--esa-inv:    #17347a;   /* categoría Inversión */
	--esa-com:    #1f5c8b;   /* categoría Comercio Exterior */
	--esa-up:     #1e8a5f;   /* variación positiva */
	--esa-down:   #c0392b;   /* variación negativa */

	color: var(--esa-white);
	font-family: "Museo Sans", "MuseoSans-300", "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5;
}

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

#esa-cifras .esa-inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ---------- Encabezado ---------- */
#esa-cifras .esa-hero { padding: 54px 0 34px; }

#esa-cifras .esa-eyebrow {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--esa-beige);
	margin-bottom: 14px;
}

#esa-cifras .esa-title {
	font-family: "Museo Sans", Georgia, "Times New Roman", serif;
	font-size: clamp(34px, 5vw, 56px);
	line-height: 1.08;
	font-weight: 700;
	margin: 0 0 16px;
	color: var(--esa-white);
	letter-spacing: .01em;
}

#esa-cifras .esa-lede {
	max-width: 660px;
	font-size: 16px;
	color: rgba(255,255,255,.82);
	margin: 0;
}

#esa-cifras .esa-hero-grid {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 28px;
	align-items: start;
}

#esa-cifras .esa-updated {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	padding-top: 6px;
}

#esa-cifras .esa-updated-lab {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255,255,255,.65);
}

#esa-cifras .esa-updated-val {
	font-size: 18px;
	font-weight: 700;
	margin-top: 4px;
	color: var(--esa-white);
}

#esa-cifras .esa-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(255,255,255,.1);
	font-size: 12px;
	font-weight: 700;
	color: var(--esa-white);
}
#esa-cifras .esa-badge::before {
	content: "";
	width: 7px; height: 7px;
	border-radius: 50%;
	background: var(--esa-beige);
}

/* ---------- Navegación por anclas ---------- */
#esa-cifras .esa-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	border-top: 1px solid var(--esa-dline);
	border-bottom: 1px solid var(--esa-dline);
	padding: 14px 0;
	margin-top: 30px;
}

#esa-cifras .esa-nav a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,.8);
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
	transition: color .2s, border-color .2s;
}
#esa-cifras .esa-nav a:hover,
#esa-cifras .esa-nav a:focus-visible { color: #fff; border-bottom-color: var(--esa-beige); }

#esa-cifras .esa-dot { width: 9px; height: 9px; flex: 0 0 auto; }

/* ---------- Secciones ---------- */
#esa-cifras .esa-section {
	padding: 46px 0;
	border-bottom: 1px solid var(--esa-dline);
	scroll-margin-top: 90px;
}
#esa-cifras .esa-section:last-of-type { border-bottom: none; }

#esa-cifras .esa-sec-head {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 24px;
}

#esa-cifras .esa-sec-title {
	font-family: "Museo Sans", Georgia, "Times New Roman", serif;
	font-size: 27px;
	font-weight: 700;
	margin: 0;
	color: var(--esa-white);
	display: inline-flex;
	align-items: center;
	gap: 11px;
}

#esa-cifras .esa-sec-fuente {
	font-size: 12.5px;
	color: rgba(255,255,255,.6);
}

/* ---------- Tarjetas de cifra ---------- */
#esa-cifras .esa-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}
#esa-cifras .esa-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

#esa-cifras .esa-card {
	position: relative;
	background: var(--esa-white);
	color: var(--esa-ink);
	border-radius: 4px;
	padding: 20px 20px 18px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
#esa-cifras .esa-card::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 46px; height: 3px;
	background: var(--esa-cat, var(--esa-navy));
}

#esa-cifras .esa-card-rot {
	font-size: 13px;
	font-weight: 700;
	color: var(--esa-navy);
	margin: 0 0 2px;
}
#esa-cifras .esa-card-per {
	font-size: 12px;
	color: var(--esa-muted);
	margin: 0 0 8px;
}
#esa-cifras .esa-card-val {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--esa-navy);
	letter-spacing: -.015em;
	margin: 0;
}
#esa-cifras .esa-card-uni {
	font-size: 15px;
	font-weight: 500;
	color: var(--esa-muted);
	margin-left: 5px;
}
#esa-cifras .esa-card-des {
	font-size: 13px;
	color: var(--esa-muted);
	margin: 8px 0 0;
}
#esa-cifras .esa-card-nota {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--esa-up);
}
#esa-cifras .esa-card-pie {
	margin-top: auto;
	padding-top: 12px;
	font-size: 11px;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #8a909c;
}
#esa-cifras .esa-var {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 8px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--esa-up);
}
#esa-cifras .esa-var span { font-weight: 500; color: var(--esa-muted); }

/* ---------- Panel destacado ---------- */
#esa-cifras .esa-panel {
	background: rgba(255,255,255,.05);
	border: 1px solid var(--esa-dline);
	border-radius: 4px;
	padding: 22px 24px;
	margin-top: 14px;
}
#esa-cifras .esa-panel-top {
	display: flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
}
#esa-cifras .esa-panel-cifra {
	font-size: 38px;
	font-weight: 700;
	line-height: 1;
	color: var(--esa-white);
}
#esa-cifras .esa-panel-de { font-size: 17px; color: rgba(255,255,255,.7); }
#esa-cifras .esa-panel-txt { font-size: 15px; color: rgba(255,255,255,.85); }
#esa-cifras .esa-panel-sub {
	margin: 16px 0 10px;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.6);
}
#esa-cifras .esa-ramas { display: flex; flex-wrap: wrap; gap: 10px; }
#esa-cifras .esa-rama {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255,255,255,.08);
	border-radius: 3px;
	padding: 7px 13px;
	font-size: 13.5px;
	color: #fff;
}
#esa-cifras .esa-rama b { color: var(--esa-beige); font-weight: 700; }

/* ---------- Bloques blancos (gráfico / tabla) ---------- */
#esa-cifras .esa-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 14px;
}

#esa-cifras .esa-box {
	background: var(--esa-white);
	color: var(--esa-ink);
	border-radius: 4px;
	padding: 20px 22px 22px;
}
#esa-cifras .esa-box-title {
	font-size: 15px;
	font-weight: 700;
	color: var(--esa-navy);
	margin: 0 0 3px;
}
#esa-cifras .esa-box-sub {
	font-size: 12px;
	color: var(--esa-muted);
	margin: 0 0 16px;
}

/* ---------- Gráfico SVG ---------- */
#esa-cifras .esa-chart { width: 100%; height: auto; display: block; }
#esa-cifras .esa-chart text { font-family: "Museo Sans", "MuseoSans-500", Helvetica, Arial, sans-serif;
	font-variant-numeric: tabular-nums; }

/* ---------- Tablas ---------- */
#esa-cifras .esa-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
#esa-cifras .esa-table th {
	text-align: left;
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--esa-muted);
	font-weight: 700;
	padding: 0 0 8px;
	border-bottom: 1px solid var(--esa-line);
}
#esa-cifras .esa-table td {
	padding: 10px 0;
	border-bottom: 1px solid #eef0f3;
	color: var(--esa-ink);
	vertical-align: middle;
}
#esa-cifras .esa-table tr:last-child td { border-bottom: none; }
#esa-cifras .esa-table td.esa-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
#esa-cifras .esa-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 21px; height: 21px;
	border-radius: 50%;
	background: #eef1f6;
	color: var(--esa-navy);
	font-size: 11.5px;
	font-weight: 700;
	margin-right: 9px;
}
#esa-cifras .esa-up-txt { color: var(--esa-up); font-weight: 700; white-space: nowrap; }

/* ---------- Diversificación ---------- */
#esa-cifras .esa-divers {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin-top: 14px;
}
#esa-cifras .esa-div-item {
	background: rgba(255,255,255,.05);
	border: 1px solid var(--esa-dline);
	border-radius: 4px;
	padding: 18px 20px;
}
#esa-cifras .esa-div-cifra {
	font-size: 27px;
	font-weight: 700;
	color: var(--esa-beige);
	line-height: 1.1;
}
#esa-cifras .esa-div-txt {
	font-size: 13.5px;
	color: rgba(255,255,255,.85);
	margin-top: 6px;
}

/* ---------- El Salvador destaca ---------- */
#esa-cifras .esa-destaca {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
#esa-cifras .esa-dest-item {
	background: var(--esa-white);
	color: var(--esa-ink);
	border-radius: 4px;
	padding: 18px 20px;
	display: flex;
	flex-direction: column;
}
#esa-cifras .esa-dest-cifra {
	font-size: 25px;
	font-weight: 700;
	color: var(--esa-navy);
	line-height: 1.1;
	margin-bottom: 7px;
}
#esa-cifras .esa-dest-txt { font-size: 13.5px; color: var(--esa-ink); }
#esa-cifras .esa-dest-fuente {
	margin-top: auto;
	padding-top: 12px;
	font-size: 11px;
	color: #8a909c;
}

/* ---------- Pie ---------- */
#esa-cifras .esa-foot { padding: 34px 0 46px; }
#esa-cifras .esa-foot-title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--esa-beige);
	margin: 0 0 10px;
}
#esa-cifras .esa-foot-txt {
	font-size: 13px;
	color: rgba(255,255,255,.7);
	max-width: 860px;
	margin: 0 0 16px;
}
#esa-cifras .esa-foot-dir {
	font-size: 12.5px;
	color: rgba(255,255,255,.55);
	margin: 0;
}

/* ---------- Responsive ---------- */
@media (max-width: 1000px) {
	#esa-cifras .esa-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#esa-cifras .esa-grid2 { grid-template-columns: 1fr; }
	#esa-cifras .esa-divers { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
	#esa-cifras .esa-hero { padding: 34px 0 24px; }
	#esa-cifras .esa-hero-grid { grid-template-columns: 1fr; }
	#esa-cifras .esa-cards,
	#esa-cifras .esa-cards--2 { grid-template-columns: 1fr; }
	#esa-cifras .esa-section { padding: 32px 0; }
	#esa-cifras .esa-sec-title { font-size: 22px; }
	#esa-cifras .esa-nav { gap: 14px 18px; }
	#esa-cifras .esa-card-val { font-size: 26px; }
	#esa-cifras .esa-destaca { grid-template-columns: 1fr; }
	#esa-cifras .esa-box { padding: 16px 16px 18px; }
}


/* ==========================================================
   Neutraliza estilos heredados del tema institucional
   (letter-spacing en títulos, text-align:justify, tipografía)
   Va al final para ganar por orden de cascada.
   ========================================================== */

#esa-cifras,
#esa-cifras p,
#esa-cifras h2,
#esa-cifras h3,
#esa-cifras span,
#esa-cifras div,
#esa-cifras a,
#esa-cifras td,
#esa-cifras th,
#esa-cifras article,
#esa-cifras nav,
#esa-cifras section,
#esa-cifras header,
#esa-cifras footer {
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	font-family: "Museo Sans", "MuseoSans-300", "Helvetica Neue", Arial, sans-serif;
	text-indent: 0;
	word-spacing: normal;
}

/* Reponer lo que sí debe llevar tratamiento propio */
#esa-cifras .esa-title,
#esa-cifras .esa-sec-title {
	font-family: "Museo Sans", Georgia, "Times New Roman", serif;
	letter-spacing: .005em;
}
#esa-cifras .esa-eyebrow,
#esa-cifras .esa-updated-lab,
#esa-cifras .esa-card-pie,
#esa-cifras .esa-panel-sub,
#esa-cifras .esa-foot-title,
#esa-cifras .esa-table th {
	text-transform: uppercase;
}
#esa-cifras .esa-eyebrow      { letter-spacing: .18em; }
#esa-cifras .esa-updated-lab,
#esa-cifras .esa-foot-title   { letter-spacing: .14em; }
#esa-cifras .esa-panel-sub    { letter-spacing: .08em; }
#esa-cifras .esa-card-pie     { letter-spacing: .04em; }
#esa-cifras .esa-table th     { letter-spacing: .06em; }

/* Alineaciones a la derecha en tablas numéricas */
#esa-cifras .esa-table td.esa-num,
#esa-cifras .esa-table th.esa-num { text-align: right; }

/* Que las cifras no se partan en dos líneas */
#esa-cifras .esa-panel-cifra,
#esa-cifras .esa-div-cifra { white-space: nowrap; }

/* La cifra puede envolver la unidad a la línea siguiente sin cortarse */
#esa-cifras .esa-card-val {
	white-space: normal;
	font-size: clamp(19px, 1.62vw, 25px);
	overflow-wrap: break-word;
}
#esa-cifras .esa-card-uni { white-space: nowrap; }
#esa-cifras .esa-dest-cifra { white-space: normal; }

/* Tipografía monoespaciada dentro del SVG */
#esa-cifras svg.esa-chart text {
	font-family: "Museo Sans", "MuseoSans-500", Helvetica, Arial, sans-serif;
	letter-spacing: normal;
	font-variant-numeric: tabular-nums;
}

/* El tema aplica márgenes agresivos a p dentro de contenido */
#esa-cifras p { margin-top: 0; }


/* ==========================================================
   Oculta el título de página del tema en la vista que usa
   el shortcode. La sección ya trae su propio titular
   ("El Salvador en cifras"), así que el H1 del tema duplica.
   Se limita con :has() para no afectar otras páginas.
   ========================================================== */
.col:has(> #esa-cifras) > h1,
.col:has(#esa-cifras) > h1.text-center {
	display: none;
}


/* ==========================================================
   Estructura apilada del mockup original
   ========================================================== */

#esa-cifras .esa-subsec {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px 18px;
	font-family: "Museo Sans", Georgia, "Times New Roman", serif;
	font-size: 21px;
	font-weight: 700;
	color: var(--esa-white);
	margin: 34px 0 16px;
	padding-bottom: 9px;
	border-bottom: 1px solid var(--esa-dline);
	scroll-margin-top: 90px;
}
#esa-cifras .esa-subsec:first-of-type { margin-top: 4px; }
#esa-cifras .esa-subsec-fuente {
	font-family: "Museo Sans", "MuseoSans-300", "Helvetica Neue", Arial, sans-serif;
	font-size: 12.5px;
	font-weight: 400;
	color: rgba(255,255,255,.6);
}

#esa-cifras .esa-stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 14px;
}

#esa-cifras .esa-box-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px 18px;
	margin-bottom: 16px;
}
#esa-cifras .esa-box-head .esa-box-title,
#esa-cifras .esa-box-head .esa-box-sub { margin: 0; }
#esa-cifras .esa-box-head .esa-box-sub { margin-top: 3px; }

#esa-cifras .esa-badge-out {
	flex: 0 0 auto;
	border: 1px solid var(--esa-line);
	border-radius: 3px;
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 700;
	color: var(--esa-navy);
	white-space: nowrap;
}

#esa-cifras .esa-stack .esa-chart { width: 100%; }

@media (max-width: 700px) {
	#esa-cifras .esa-subsec { font-size: 18px; margin: 26px 0 14px; }
	#esa-cifras .esa-badge-out { display: none; }
}


/* ==========================================================
   Animaciones — mismo lenguaje que el resto del sitio
   (reveal 700ms y línea que recorre la tarjeta en .45s)
   ========================================================== */

/* --- Aparición suave al entrar en pantalla --- */
#esa-cifras.esa-anim-on .esa-anim {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 700ms cubic-bezier(.16,.8,.24,1),
	            transform 700ms cubic-bezier(.16,.8,.24,1);
}
#esa-cifras.esa-anim-on .esa-anim.is-visible {
	opacity: 1;
	transform: none;
}

/* Escalonado dentro de cada fila de tarjetas */
#esa-cifras .esa-cards .esa-anim:nth-child(2)  { transition-delay:  90ms; }
#esa-cifras .esa-cards .esa-anim:nth-child(3)  { transition-delay: 180ms; }
#esa-cifras .esa-cards .esa-anim:nth-child(4)  { transition-delay: 270ms; }
#esa-cifras .esa-divers .esa-anim:nth-child(2) { transition-delay:  90ms; }
#esa-cifras .esa-divers .esa-anim:nth-child(3) { transition-delay: 180ms; }
#esa-cifras .esa-destaca .esa-anim:nth-child(even) { transition-delay: 90ms; }

/* --- Tarjetas: la línea superior recorre todo el ancho --- */
#esa-cifras .esa-card {
	border: 1px solid transparent;
	transition: border-color 180ms ease,
	            box-shadow 180ms ease,
	            transform 180ms ease,
	            opacity 700ms cubic-bezier(.16,.8,.24,1);
}
#esa-cifras .esa-card::before {
	transition: width .45s ease;
}
/* hover antiguo reemplazado por el de Comercio Exterior */

/* Las tarjetas de reconocimientos también llevan la línea */
#esa-cifras .esa-dest-item {
	position: relative;
	overflow: hidden;
	border: 1px solid transparent;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease,
	            opacity 700ms cubic-bezier(.16,.8,.24,1);
}
#esa-cifras .esa-dest-item::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 46px; height: 3px;
	background: var(--esa-navy);
	transition: width .45s ease;
}


/* --- Gráficos: las barras crecen desde la base --- */
#esa-cifras .esa-chart rect.esa-bar {
	transform-box: fill-box;
	transform-origin: 50% 100%;
	transition: transform 850ms cubic-bezier(.16,.8,.24,1),
	            fill-opacity 90ms linear,
	            filter 90ms linear;
}

/* Estado inicial: solo mientras la animacion esta activa */
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar { transform: scaleY(0); }

/* Al pasar el cursor la columna se realza levemente */
#esa-cifras .esa-chart rect.esa-bar:hover {
	fill-opacity: 1;
	filter: brightness(1.12);
}
#esa-cifras.esa-anim-on .esa-box.is-visible .esa-chart rect.esa-bar { transform: scaleY(1); }

#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(1)  { transition-delay:  40ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(2)  { transition-delay:  90ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(3)  { transition-delay: 140ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(4)  { transition-delay: 190ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(5)  { transition-delay: 240ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(6)  { transition-delay: 290ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(7)  { transition-delay: 340ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(8)  { transition-delay: 390ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(9)  { transition-delay: 440ms; }
#esa-cifras.esa-anim-on .esa-chart rect.esa-bar:nth-of-type(10) { transition-delay: 490ms; }

/* Las cifras sobre las barras aparecen después */
#esa-cifras.esa-anim-on .esa-chart text {
	opacity: 0;
	transition: opacity 600ms ease 380ms;
}
#esa-cifras.esa-anim-on .esa-box.is-visible .esa-chart text { opacity: 1; }

/* --- Respeta la preferencia de menos movimiento --- */
@media (prefers-reduced-motion: reduce) {
	#esa-cifras .esa-anim,
	#esa-cifras .esa-card,
	#esa-cifras .esa-dest-item { opacity: 1 !important; transform: none !important; transition: none !important; }
	#esa-cifras .esa-chart rect.esa-bar { transform: none !important; transition: none !important; }
	#esa-cifras .esa-chart text { opacity: 1 !important; transition: none !important; }
}


/* ==========================================================
   Diseño de tarjetas alineado al resto del sitio
   (superficie translucida sobre el fondo oscuro, esquinas 18px)
   Referencia: .cext-highlight / .cext-card del sitio institucional
   ========================================================== */

#esa-cifras .esa-card,
#esa-cifras .esa-dest-item {
	background: rgba(255,255,255,.09);
	border: 1px solid rgba(255,255,255,.26);
	border-radius: 18px;
	padding: 28px 26px 26px;
	color: #fff;
}

/* Tipografia dentro de la tarjeta, sobre superficie oscura */
#esa-cifras .esa-card-rot   { color: #fff; }
#esa-cifras .esa-card-per   { color: rgba(255,255,255,.62); }
#esa-cifras .esa-card-val   { color: #fff; }
#esa-cifras .esa-card-uni   { color: rgba(255,255,255,.7); }
#esa-cifras .esa-card-des   { color: rgba(255,255,255,.76); }
#esa-cifras .esa-card-pie   { color: rgba(255,255,255,.66); }
#esa-cifras .esa-card-nota  { color: #5fd39b; }
#esa-cifras .esa-var        { color: #5fd39b; }
#esa-cifras .esa-var span   { color: rgba(255,255,255,.66); }

#esa-cifras .esa-dest-cifra  { color: #fff; }
#esa-cifras .esa-dest-txt    { color: rgba(255,255,255,.82); }
#esa-cifras .esa-dest-fuente { color: rgba(255,255,255,.66); }

/* Sin linea de acento: las tarjetas del sitio no la llevan */
#esa-cifras .esa-card::before,
#esa-cifras .esa-dest-item::before { content: none; }

/* Hover identico al de Comercio Exterior (.cext-highlight) */
#esa-cifras .esa-card,
#esa-cifras .esa-dest-item {
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: transform 240ms cubic-bezier(.16,.8,.24,1),
	            background 240ms,
	            border-color 240ms,
	            box-shadow 240ms,
	            opacity 700ms cubic-bezier(.16,.8,.24,1);
}

#esa-cifras .esa-card:hover,
#esa-cifras .esa-dest-item:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,.15);
	border-color: #5670e0;
	box-shadow: none;
}

/* Los bloques blancos (graficos y tablas) toman el mismo radio */
#esa-cifras .esa-box {
	border-radius: 20px;
	border: 1px solid var(--esa-line);
	padding: 26px 26px 24px;
}

#esa-cifras .esa-fuente-pie{
	display: block;
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid var(--esa-dline);
	text-align: left;
}

#esa-cifras .esa-cards--full {
	grid-template-columns: minmax(0, 1fr);
}

#esa-cifras .esa-card--ancha {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 6px 48px;
	align-items: center;
	padding: 30px 34px;
}

#esa-cifras .esa-card--ancha .esa-card-rot {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
}

#esa-cifras .esa-card--ancha .esa-card-val {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	font-size: clamp(30px, 2.6vw, 40px);
}

#esa-cifras .esa-card--ancha .esa-card-des {
	grid-column: 2;
	grid-row: 1 / span 2;
	margin: 0;
	align-self: center;
	font-size: 15px;
	max-width: 46ch;
}

@media (max-width: 760px) {
	#esa-cifras .esa-card--ancha {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}
	#esa-cifras .esa-card--ancha .esa-card-des {
		grid-column: 1;
		grid-row: 3;
	}
}

#esa-cifras .esa-nav--pills {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	gap: 4px;
	padding: 4px;
	margin-top: 26px;
	border: 1px solid rgba(255,255,255,.26);
	border-radius: 999px;
	background: rgba(255,255,255,.09);
	width: max-content;
	max-width: 100%;
	scrollbar-width: none;
}

#esa-cifras .esa-nav--pills::-webkit-scrollbar { display: none; }

#esa-cifras .esa-nav--pills a {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	flex: 0 0 auto;
	padding: 10px 20px;
	border-radius: 999px;
	border: 0;
	font-size: 13.5px;
	font-weight: 700;
	color: rgba(255,255,255,.78);
	text-decoration: none;
	transition: background .2s, color .2s;
	white-space: nowrap;
}

#esa-cifras .esa-nav--pills a:hover {
	color: #fff;
	background: rgba(255,255,255,.12);
	border-bottom-color: transparent;
}

#esa-cifras .esa-nav--pills a.esa-nav-activo {
	color: var(--esa-navy);
	background: transparent;
}

#esa-cifras .esa-nav--pills a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

#esa-cifras .esa-nav-indicador {
	position: absolute;
	top: 4px;
	left: 0;
	height: calc(100% - 8px);
	width: 0;
	border-radius: 999px;
	background: #ffffff;
	z-index: 0;
	pointer-events: none;
	opacity: 0;
	transition: transform 340ms cubic-bezier(.16,.8,.24,1), width 340ms cubic-bezier(.16,.8,.24,1), opacity 200ms;
}

#esa-cifras .esa-nav-indicador.esa-nav-listo { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	#esa-cifras .esa-nav-indicador { transition: none; }
}

#esa-cifras .esa-fuente-global {
	margin: 0;
	padding: 26px 0 54px;
	border-top: 0;
}

/* Icono de trofeo para la nota de record historico */
.esa-card-nota::before{
  content:'';
  display:inline-block;
  width:1.08em;
  height:1.08em;
  margin-right:.42em;
  vertical-align:-.17em;
  background-color:currentColor;
  -webkit-mask:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIuNS41QS41LjUgMCAwIDEgMyAwaDEwYS41LjUgMCAwIDEgLjUuNXEwIC44MDctLjAzNCAxLjUzNmEzIDMgMCAxIDEtMS4xMzMgNS44OWMtLjc5IDEuODY1LTEuODc4IDIuNzc3LTIuODMzIDMuMDExdjIuMTczbDEuNDI1LjM1NmMuMTk0LjA0OC4zNzcuMTM1LjUzNy4yNTVMMTMuMyAxNS4xYS41LjUgMCAwIDEtLjMuOUgzYS41LjUgMCAwIDEtLjMtLjlsMS44MzgtMS4zNzljLjE2LS4xMi4zNDMtLjIwNy41MzctLjI1NUw2LjUgMTMuMTF2LTIuMTczYy0uOTU1LS4yMzQtMi4wNDMtMS4xNDYtMi44MzMtMy4wMTJhMyAzIDAgMSAxLTEuMTMyLTUuODlBMzMgMzMgMCAwIDEgMi41LjVtLjA5OSAyLjU0YTIgMiAwIDAgMCAuNzIgMy45MzVjLS4zMzMtMS4wNS0uNTg4LTIuMzQ2LS43Mi0zLjkzNW0xMC4wODMgMy45MzVhMiAyIDAgMCAwIC43Mi0zLjkzNWMtLjEzMyAxLjU5LS4zODggMi44ODUtLjcyIDMuOTM1Ii8+PC9zdmc+') no-repeat center / contain;
  mask:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTIuNS41QS41LjUgMCAwIDEgMyAwaDEwYS41LjUgMCAwIDEgLjUuNXEwIC44MDctLjAzNCAxLjUzNmEzIDMgMCAxIDEtMS4xMzMgNS44OWMtLjc5IDEuODY1LTEuODc4IDIuNzc3LTIuODMzIDMuMDExdjIuMTczbDEuNDI1LjM1NmMuMTk0LjA0OC4zNzcuMTM1LjUzNy4yNTVMMTMuMyAxNS4xYS41LjUgMCAwIDEtLjMuOUgzYS41LjUgMCAwIDEtLjMtLjlsMS44MzgtMS4zNzljLjE2LS4xMi4zNDMtLjIwNy41MzctLjI1NUw2LjUgMTMuMTF2LTIuMTczYy0uOTU1LS4yMzQtMi4wNDMtMS4xNDYtMi44MzMtMy4wMTJhMyAzIDAgMSAxLTEuMTMyLTUuODlBMzMgMzMgMCAwIDEgMi41LjVtLjA5OSAyLjU0YTIgMiAwIDAgMCAuNzIgMy45MzVjLS4zMzMtMS4wNS0uNTg4LTIuMzQ2LS43Mi0zLjkzNW0xMC4wODMgMy45MzVhMiAyIDAgMCAwIC43Mi0zLjkzNWMtLjEzMyAxLjU5LS4zODggMi44ODUtLjcyIDMuOTM1Ii8+PC9zdmc+') no-repeat center / contain;
}
.esa-card-nota img.emoji{ display:none; }