/*
Theme Name: Indicadores
Theme URI: https://dev.utmhoy.cl/
Description: Child theme para sitios de indicadores económicos.
Author: Indicadores
Template: twentytwenty
Version: 1.3.2
Text Domain: indicadores
*/

/*
 * Inter reducido para español y símbolos habituales del sitio. La familia
 * propia evita que el navegador seleccione los archivos completos heredados
 * de Twenty Twenty. `swap` mantiene el texto visible y aplica Inter apenas
 * termina de cargarse.
 */
@font-face {
	font-family: "Inter Indicadores";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("assets/fonts/Inter-upright-latin-var.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+25A0-25FF, U+2600-26FF, U+2700-27BF;
}

@font-face {
	font-family: "Inter Indicadores";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("assets/fonts/Inter-italic-latin-var.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+25A0-25FF, U+2600-26FF, U+2700-27BF;
}

body,
input,
textarea,
button,
.faux-heading,
h1,
h2,
h3,
h4,
h5,
h6,
.button,
.faux-button,
.faux-button.more-link,
.wp-block-button__link,
.wp-block-file__button,
.entry-content,
.entry-content cite,
.entry-content figcaption,
.entry-content .wp-caption-text,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
	font-family: "Inter Indicadores", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root {
	--ind-ink: #17324a;
	--ind-ink-soft: #526577;
	--ind-teal: #008577;
	--ind-teal-dark: #006a5f;
	--ind-teal-soft: #e6f3f1;
	--ind-teal-surface: #f4f8f7;
	--ind-teal-border: #d5e5e3;
	--ind-accent-rgb: 0, 133, 119;
	--ind-line: #dbe5e9;
	--ind-surface: #ffffff;
	--ind-surface-alt: #f5f8f9;
	--ind-shadow: 0 22px 55px rgba(23, 50, 74, 0.09);
	--ind-radius: 22px;
}

body a,
body a:hover,
body a:focus {
	text-decoration: none !important;
}

/*
 * Los anuncios ancla de AdSense añaden padding en línea al documento para
 * reservar espacio arriba o abajo. Se neutraliza solo ese desplazamiento; el
 * anuncio fijo, su tamaño y sus controles permanecen bajo gestión de AdSense.
 */
body.wp-child-theme-Indicadores {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body .entry-categories a {
	border-bottom: 0;
}

/* Los elementos <i> vacíos se utilizan como formas e iconos decorativos. */
i[aria-hidden="true"] {
	font-style: normal;
}

.indicadores-home {
	background: var(--ind-surface-alt);
	color: var(--ind-ink);
}

.indicadores-home #site-content {
	overflow: hidden;
}

.search-toggle,
.search-toggle-wrapper,
.search-modal,
.header-navigation-wrapper > .header-toggles {
	display: none !important;
}

/*
 * Utiliza el menú modal de Twenty Twenty en todos los tamaños de pantalla.
 * En escritorio se oculta la navegación horizontal y se recupera el mismo
 * botón accesible que el tema muestra en móviles.
 */
@media (min-width: 1000px) {
	.header-navigation-wrapper {
		display: none !important;
	}

	.header-titles-wrapper {
		width: 100%;
		max-width: none;
		margin-right: 0;
		justify-content: space-between !important;
	}

	.mobile-nav-toggle {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
	}

	.menu-modal .mobile-menu {
		display: block;
	}
}

.indicadores-home .site-title,
.indicadores-home .site-description,
.indicadores-home .primary-menu a,
.indicadores-home .toggle-text {
	color: var(--ind-ink);
}

.indicadores-home .primary-menu a {
	color: #536173;
}

.indicadores-home .primary-menu a:hover,
.indicadores-home .primary-menu a:focus,
.indicadores-home .primary-menu .current-menu-item > a,
.indicadores-home .primary-menu a.is-section-active {
	color: var(--ind-teal);
}

.indicadores-home.indicadores-section-nav-ready .primary-menu .current-menu-item > a:not(.is-section-active) {
	color: #536173;
}

.indicadores-main,
.indicadores-main * {
	box-sizing: border-box;
}

.indicadores-shell {
	width: min(1200px, calc(100% - 40px));
	margin-right: auto;
	margin-left: auto;
}

.indicadores-main section[id] {
	scroll-margin-top: 11rem;
}

.indicadores-hero {
	position: relative;
	padding: clamp(7rem, 9vw, 12rem) 0 clamp(6rem, 8vw, 10rem);
	background:
		radial-gradient(circle at 82% 18%, rgba(var(--ind-accent-rgb), 0.15), transparent 34%),
		linear-gradient(145deg, #ffffff 0%, #f2f8f7 100%);
	border-bottom: 1px solid var(--ind-line);
}

.indicadores-hero::after {
	position: absolute;
	right: -8rem;
	bottom: -10rem;
	width: 32rem;
	height: 32rem;
	border: 1px solid rgba(var(--ind-accent-rgb), 0.13);
	border-radius: 50%;
	content: "";
}

.indicadores-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(34rem, 0.88fr);
	gap: clamp(4rem, 7vw, 8rem);
	align-items: center;
}

.indicadores-eyebrow {
	margin: 0 0 1.4rem;
	color: var(--ind-teal-dark);
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.13em;
	line-height: 1.4;
	text-transform: uppercase;
}

.indicadores-hero h1 {
	max-width: none;
	margin: 0;
	color: var(--ind-ink);
	font-size: clamp(4.8rem, 7vw, 7.8rem);
	font-weight: 750;
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.indicadores-lead {
	max-width: 59rem;
	margin: 2.5rem 0 0;
	color: var(--ind-ink-soft);
	font-size: clamp(1.9rem, 2.2vw, 2.35rem);
	line-height: 1.55;
}

.indicadores-date {
	display: inline-flex;
	gap: 1rem;
	align-items: center;
	margin-top: 3rem;
	padding: 1.1rem 1.5rem;
	color: var(--ind-ink-soft);
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid var(--ind-line);
	border-radius: 999px;
	font-size: 1.45rem;
	line-height: 1.4;
}

.indicadores-date svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: none;
	stroke: var(--ind-teal);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.indicadores-value-card {
	position: relative;
	padding: clamp(3rem, 4vw, 4.6rem);
	overflow: hidden;
	background: var(--ind-surface);
	border: 1px solid rgba(var(--ind-accent-rgb), 0.18);
	border-radius: var(--ind-radius);
	box-shadow: var(--ind-shadow);
}

.indicadores-value-card::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--ind-teal), var(--ind-teal-dark));
	content: "";
}

.indicadores-value-card__label,
.indicadores-value-card__unit {
	margin: 0;
	color: var(--ind-ink-soft);
	font-size: 1.55rem;
}

.indicadores-value-card__value {
	display: flex;
	gap: 0.7rem;
	align-items: baseline;
	margin: 1.4rem 0 0.5rem;
	color: var(--ind-teal-dark);
	font-size: clamp(5rem, 7vw, 7.6rem);
	font-weight: 750;
	letter-spacing: -0.055em;
	line-height: 1;
}

.indicadores-value-card__value #valor_uf {
	display: inline;
}

.indicadores-currency {
	font-size: 0.56em;
	font-weight: 650;
}

.indicadores-source {
	display: flex;
	gap: 0.9rem;
	align-items: center;
	margin-top: 2.5rem;
	padding-top: 2rem;
	color: var(--ind-ink-soft);
	border-top: 1px solid var(--ind-line);
	font-size: 1.35rem;
}

.indicadores-source__check {
	display: grid;
	width: 2.2rem;
	height: 2.2rem;
	place-items: center;
	flex: 0 0 auto;
	color: #fff;
	background: var(--ind-teal);
	border-radius: 50%;
	font-size: 1.3rem;
}

/* Panel principal ampliado: valor, conversor y resumen mensual. */
.indicadores-dashboard {
	background: linear-gradient(180deg, #fff 0%, #f5f8f9 100%);
	border-bottom: 1px solid var(--ind-line);
}

@media (min-width: 700px) {
	section.indicadores-dashboard {
		padding: 1rem 0 0;
	}

	section.indicadores-dashboard .indicadores-dashboard__grid {
		padding-top: 0;
	}
}

.indicadores-dashboard__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(52rem, 1.20fr);
	gap: clamp(3.2rem, 5vw, 6.5rem);
	align-items: stretch;
	padding-top: clamp(3rem, 4vw, 4.5rem);
	padding-bottom: 1.5rem;
}

.indicadores-overview {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 0.5rem clamp(1rem, 2vw, 0rem) 0 0;
}

.indicadores-overview h1 {
	max-width: none;
	margin: 0;
	color: #0e1b2a;
	font-size: clamp(5rem, 6vw, 6rem);
	font-weight: 760;
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.indicadores-overview .indicadores-lead {
	max-width: 53rem;
	margin-top: 2rem;
	font-size: 1.75rem;
	line-height: 1.55;
}

.indicadores-current-heading {
	display: flex;
	gap: 1.5rem;
	align-items: center;
	justify-content: space-between;
	margin-top: clamp(3.5rem, 5vw, 5.5rem);
	color: var(--ind-ink-soft);
	font-size: 1.35rem;
	font-weight: 750;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.indicadores-current-actions {
	display: flex;
	gap: 0.6rem;
}

.indicadores-icon-button {
	display: grid;
	width: 4rem;
	height: 4rem;
	min-width: 0;
	padding: 0;
	place-items: center;
	color: var(--ind-ink-soft);
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 7px;
	text-decoration: none;
}

.indicadores-icon-button:hover,
.indicadores-icon-button:focus {
	color: #fff;
	background: var(--ind-teal);
	border-color: var(--ind-teal);
	text-decoration: none;
}

.indicadores-icon-button svg {
	width: 2rem;
	height: 2rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.indicadores-overview__value {
	margin-top: 1.2rem;
	color: var(--ind-teal);
	font-size: clamp(6.2rem, 8vw, 9rem);
	font-weight: 780;
	letter-spacing: -0.06em;
	line-height: 0.98;
}

.indicadores-overview__unit {
	margin: 0.8rem 0 0;
	color: var(--ind-ink-soft);
	font-size: 1.55rem;
	font-weight: 650;
}

.indicadores-variation {
	display: flex;
	gap: 1.2rem;
	align-items: center;
	margin-top: 2.3rem;
	color: var(--ind-ink-soft);
	font-size: 1.45rem;
}

.indicadores-variation strong {
	padding: 0.8rem 1rem;
	color: var(--ind-teal);
	background: rgba(var(--ind-accent-rgb), 0.1);
	border-radius: 6px;
	font-size: 1.5rem;
}

.indicadores-variation.is-negative strong {
	color: #a23a35;
	background: #fceceb;
}

.indicadores-variation.is-neutral strong {
	color: #3d5368;
	background: #eef3f5;
}

.indicadores-quick-answer {
	margin-top: 2.5rem;
	padding: 1.5rem 1.8rem;
	color: #42566b;
	background: var(--ind-teal-surface);
	border-left: 3px solid var(--ind-teal);
	font-size: 1.35rem;
	line-height: 1.7;
}

.indicadores-quick-answer strong {
	color: var(--ind-ink);
}

.indicadores-overview .indicadores-source {
	display: flex;
	gap: 1.5rem;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 2.2rem;
	color: #42566b;
	border-top: 1px solid var(--ind-line);
	font-size: 1.2rem;
}

.indicadores-overview .indicadores-source span {
	display: flex;
	gap: 0.8rem;
	align-items: center;
}

.indicadores-overview .indicadores-source i,
.indicadores-converter__note i {
	display: inline-block;
	width: 0.9rem;
	height: 0.9rem;
	flex: 0 0 auto;
	background: var(--ind-teal);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(var(--ind-accent-rgb), 0.12);
}

.indicadores-overview .indicadores-source a {
	flex: 0 0 auto;
	color: var(--ind-teal);
	font-weight: 700;
	text-decoration: none;
}

.indicadores-converter {
	align-self: center;
	padding: clamp(2.5rem, 3.5vw, 4rem);
	background: var(--ind-teal-surface);
	border: 1px solid var(--ind-teal-border);
	border-radius: 9px;
}

.indicadores-converter__top {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 1.6rem;
	border-bottom: 1px solid var(--ind-teal-border);
}

.indicadores-converter__top .indicadores-eyebrow {
	margin-bottom: 0.7rem;
}

.indicadores-converter h2 {
	max-width: none;
	margin: 0;
	color: #0e1b2a;
	font-size: clamp(2.6rem, 3vw, 3rem);
	font-weight: 750;
	letter-spacing: -0.035em;
	line-height: 1.1;
}

.indicadores-rate-badge {
	flex: 0 0 auto;
	padding: 1.1rem 1.4rem;
	color: var(--ind-teal);
	background: #fff;
	border: 1px solid var(--ind-teal-border);
	border-radius: 6px;
	font-size: 1.35rem;
}

.indicadores-period-controls {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 5.4rem;
	gap: 1rem;
	align-items: end;
	margin-top: 1.8rem;
}

.indicadores-period-controls label {
	margin: 0;
}

.indicadores-period-controls label > span {
	display: block;
	margin-bottom: 0.6rem;
	color: var(--ind-ink-soft);
	font-size: 1.15rem;
	font-weight: 750;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.indicadores-period-controls select {
	display: block;
	width: 100%;
	height: 5.4rem;
	margin: 0;
	padding: 0 4rem 0 1.4rem;
	appearance: none;
	color: #19283a;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23526577' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.6rem center;
	background-size: 1.4rem;
	border: 1px solid var(--ind-teal-border);
	border-radius: 6px;
	cursor: pointer;
	font-family: inherit;
	font-size: 1.5rem;
	font-weight: 600;
}

.indicadores-period-year {
	display: flex;
	width: 100%;
	height: 5.4rem;
	margin: 0;
	padding: 0 1.4rem;
	align-items: center;
	color: #19283a;
	background: #fff;
	border: 1px solid var(--ind-teal-border);
	border-radius: 6px;
	font-size: 1.5rem;
	font-weight: 600;
}

.indicadores-reset-button {
	display: grid;
	width: 5.4rem;
	height: 5.4rem;
	min-width: 0;
	margin: 0;
	padding: 0;
	align-self: end;
	place-items: center;
	color: var(--ind-ink-soft);
	background: #fff;
	border: 1px solid var(--ind-teal-border);
	border-radius: 6px;
}

.indicadores-reset-button:hover,
.indicadores-reset-button:focus {
	color: #fff;
	background: var(--ind-teal);
	border-color: var(--ind-teal);
}

.indicadores-reset-button svg,
.indicadores-share-actions svg {
	display: block;
	width: 2.1rem;
	height: 2.1rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.indicadores-conversion-fields {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 5.6rem minmax(0, 1fr);
	gap: 0.9rem;
	align-items: center;
	margin-top: 1rem;
}

.indicadores-field {
	display: block;
	min-width: 0;
	padding: 1.4rem 1.5rem 1.1rem;
	background: #fff;
	border: 1px solid var(--ind-teal-border);
	border-radius: 7px;
}

.indicadores-field:focus-within {
	border-color: var(--ind-teal);
	box-shadow: 0 0 0 3px rgba(var(--ind-accent-rgb), 0.12);
}

.indicadores-field__label {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	color: #26384b;
	font-size: 1.35rem;
}

.indicadores-field__label strong {
	color: var(--ind-ink-soft);
	font-size: 1.3rem;
}

.indicadores-field input,
.indicadores-field__output {
	display: block;
	width: 100%;
	height: 4.5rem;
	margin: 0.6rem 0 0;
	padding: 0;
	color: #0e1b2a;
	background: transparent;
	border: 0;
	border-bottom: 2px solid var(--ind-teal);
	border-radius: 0;
	box-shadow: none;
	font-size: clamp(2.7rem, 3vw, 3.8rem);
	font-weight: 740;
	line-height: 4.5rem;
}

.indicadores-field input:focus {
	outline: 0;
}

.indicadores-field.is-output .indicadores-field__output {
	overflow: hidden;
	border-bottom-color: transparent;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indicadores-swap-button {
	display: grid;
	width: 5.2rem;
	height: 5.2rem;
	min-width: 0;
	padding: 0;
	place-items: center;
	color: #fff;
	background: var(--ind-teal);
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--ind-teal), 0 8px 18px rgba(var(--ind-accent-rgb), 0.2);
}

.indicadores-swap-button:hover,
.indicadores-swap-button:focus {
	background: var(--ind-teal-dark);
	transform: translateY(-1px);
}

.indicadores-swap-button svg {
	width: 2.5rem;
	height: 2.5rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.indicadores-equivalence {
	margin: 1.6rem 0 0;
	color: var(--ind-ink-soft);
	font-size: 1.25rem;
	text-align: center;
}

.indicadores-equivalence strong {
	color: var(--ind-teal-dark);
}

.indicadores-converter__actions {
	display: flex;
	gap: 1.5rem;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.7rem;
}

.indicadores-quick-values,
.indicadores-share-actions {
	display: flex;
	gap: 0.7rem;
	align-items: center;
}

.indicadores-quick-values > span {
	margin-right: 0.3rem;
	color: var(--ind-ink-soft);
	font-size: 1.2rem;
}

.indicadores-quick-values button {
	min-width: 4.7rem;
	height: 4rem;
	padding: 0 1.2rem;
	color: #172638;
	background: #fff;
	border: 1px solid var(--ind-teal-border);
	border-radius: 5px;
	font-size: 1.35rem;
	font-weight: 700;
}

.indicadores-quick-values button:hover,
.indicadores-quick-values button:focus {
	color: #fff;
	background: var(--ind-teal);
	border-color: var(--ind-teal);
}

.indicadores-share-actions button,
.indicadores-share-actions a {
	display: inline-flex;
	min-height: 4.6rem;
	gap: 0.8rem;
	align-items: center;
	justify-content: center;
	padding: 0.9rem 1.6rem;
	color: #fff;
	background: var(--ind-teal);
	border: 1px solid var(--ind-teal);
	border-radius: 5px;
	font-size: 1.35rem;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;
}

.indicadores-share-actions a {
	color: var(--ind-teal-dark);
	background: transparent;
	border-color: var(--ind-teal-dark);
}

.indicadores-share-actions button:hover,
.indicadores-share-actions button:focus,
.indicadores-share-actions a:hover,
.indicadores-share-actions a:focus {
	color: #fff;
	background: var(--ind-teal-dark);
	border-color: var(--ind-teal-dark);
	text-decoration: none;
}

.indicadores-converter__note {
	display: flex;
	gap: 0.8rem;
	align-items: center;
	justify-content: center;
	margin: 1.6rem 0 0;
	color: var(--ind-ink-soft);
	font-size: 1.1rem;
	text-align: center;
}

.indicadores-stats {
	color: #fff;
	background: #17324a;
}

.indicadores-stats__inner {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.indicadores-stats__inner > div {
	display: flex;
	min-height: 11.5rem;
	flex-direction: column;
	justify-content: center;
	padding: 2rem 2.4rem;
	border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.indicadores-stats__inner > div:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.16);
}

.indicadores-stats span,
.indicadores-stats small {
	color: #aebdca;
	font-size: 1.05rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.indicadores-stats strong {
	margin: 0.6rem 0;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 720;
}

.indicadores-stats small {
	font-size: 1.15rem;
	letter-spacing: 0;
	text-transform: none;
}

.indicadores-section {
	padding: clamp(6rem, 8vw, 9rem) 0;
}

.indicadores-home-comparator {
	padding: clamp(4.5rem,6vw,7rem) 0;
	border-bottom: 1px solid var(--ind-line);
	background: #fff;
}
.indicadores-home-comparator__heading {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(28rem,.55fr);
	gap: clamp(2.5rem,5vw,7rem);
	align-items: end;
	margin-bottom: 3rem;
}
.indicadores-home-comparator__heading h2 {
	margin: .7rem 0 1.4rem;
	color: var(--ind-ink);
	font-size: clamp(3.2rem,4vw,4.8rem);
	font-weight: 760;
	letter-spacing: -.045em;
	line-height: 1.08;
}
.indicadores-home-comparator__heading > p {
	max-width: 48rem;
	margin: 0 0 1.4rem;
	color: var(--ind-ink-soft);
	font-size: 1.6rem;
	line-height: 1.65;
}
.indicadores-home-comparator__table {
	overflow: hidden;
	border: 1px solid var(--ind-teal-border);
	border-radius: 1.4rem;
	background: #fff;
	box-shadow: 0 18px 50px rgba(23,50,74,.06);
}
.indicadores-home-comparator__table-head,
.indicadores-home-comparator__row {
	display: grid;
	grid-template-columns: minmax(24rem,1.45fr) minmax(15rem,.8fr) minmax(15rem,.8fr) minmax(15rem,.7fr);
	align-items: center;
}
.indicadores-home-comparator__table-head {
	min-height: 4.4rem;
	padding: 0 2rem;
	background: var(--ind-ink);
	color: #fff;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: .025em;
	text-transform: uppercase;
}
.indicadores-home-comparator__row {
	min-height: 8.2rem;
	padding: 1.5rem 2rem;
	border-bottom: 1px solid var(--ind-line);
}
.indicadores-home-comparator__provider {
	display: flex;
	gap: 1.2rem;
	align-items: center;
}
.indicadores-home-comparator__mark {
	display: grid;
	width: 4.2rem;
	height: 4.2rem;
	flex: 0 0 4.2rem;
	place-items: center;
	border: 1px solid var(--ind-teal-border);
	border-radius: 1rem;
	background: var(--ind-surface-alt);
	color: var(--ind-teal-dark);
	font-size: 1.5rem;
	font-weight: 850;
}
.indicadores-home-comparator__provider strong,
.indicadores-home-comparator__provider small,
.indicadores-home-comparator__rate span,
.indicadores-home-comparator__rate strong,
.indicadores-home-comparator__type span,
.indicadores-home-comparator__type small { display: block; }
.indicadores-home-comparator__provider strong,
.indicadores-home-comparator__rate strong {
	color: var(--ind-ink);
	font-size: 1.55rem;
	font-weight: 800;
}
.indicadores-home-comparator__provider small,
.indicadores-home-comparator__rate span,
.indicadores-home-comparator__type small {
	margin-top: .25rem;
	color: var(--ind-ink-soft);
	font-size: 1.05rem;
}
.indicadores-home-comparator__rate span { display: none; }
.indicadores-home-comparator__type span {
	color: var(--ind-ink);
	font-size: 1.2rem;
	font-weight: 750;
}
.indicadores-home-comparator__type small { color: var(--ind-teal-dark); font-weight: 700; }
.indicadores-home-comparator__footer {
	display: flex;
	gap: 2rem;
	align-items: center;
	justify-content: space-between;
	padding: 1.7rem 2rem;
	border-top: 1px solid var(--ind-line);
	border-radius: 0 0 1.2rem 1.2rem;
	background: var(--ind-surface-alt);
}
.indicadores-home-comparator__footer p {
	display: flex;
	gap: .8rem;
	align-items: center;
	margin: 0;
	color: var(--ind-ink-soft);
	font-size: 1.1rem;
}
.indicadores-home-comparator__footer p i {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background: var(--ind-teal);
	box-shadow: 0 0 0 .4rem var(--ind-teal-soft);
}
.indicadores-home-comparator__link {
	display: inline-flex;
	gap: .8rem;
	align-items: center;
	color: var(--ind-teal-dark);
	font-size: 1.35rem;
	font-weight: 800;
	white-space: nowrap;
	text-decoration: none;
}
.indicadores-home-comparator a,
.indicadores-home-comparator a:hover,
.indicadores-home-comparator a:focus,
.indicadores-home-comparator button,
.indicadores-home-comparator button:hover,
.indicadores-home-comparator button:focus { text-decoration: none !important; }

/* Vista previa del comparador: aislada para no alterar la calculadora ni el contenido editorial. */
.indicadores-home-comparator .dolaronline-compare-table {
	overflow: hidden;
	border: 1px solid var(--ind-line);
	border-radius: 1.3rem;
	background: #fff;
	box-shadow: 0 18px 48px rgba(23,50,74,.055);
}
.indicadores-home-comparator .dolaronline-compare-table__head,
.indicadores-home-comparator .dolaronline-compare-row {
	display: grid;
	grid-template-columns: minmax(20rem,1.25fr) minmax(13rem,.75fr) minmax(13rem,.75fr) minmax(17rem,.95fr) minmax(15rem,.8fr);
	column-gap: 2rem;
}
.indicadores-home-comparator .dolaronline-compare-table__head {
	padding: 1.45rem 2rem;
	border-radius: 1.2rem 1.2rem 0 0;
	color: #fff;
	background: var(--ind-ink);
	font-size: 1.05rem;
	font-weight: 750;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.indicadores-home-comparator .dolaronline-compare-row {
	position: relative;
	align-items: center;
	padding: 2.2rem 2rem;
	border-top: 1px solid var(--ind-line);
}
.indicadores-home-comparator .dolaronline-compare-row.is-best {
	background: linear-gradient(90deg,rgba(var(--ind-accent-rgb),.07),rgba(var(--ind-accent-rgb),.015));
	box-shadow: inset .4rem 0 0 var(--ind-teal);
}
.indicadores-home-comparator .dolaronline-compare-provider {
	display: flex;
	gap: 1.2rem;
	align-items: center;
	min-width: 0;
}
.indicadores-home-comparator .dolaronline-compare-provider__mark {
	display: grid;
	width: 4.4rem;
	height: 4.4rem;
	flex: 0 0 4.4rem;
	place-items: center;
	border: 1px solid var(--ind-teal-border);
	border-radius: 1rem;
	color: var(--ind-teal-dark);
	background: var(--ind-teal-soft);
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1;
}
.indicadores-home-comparator .dolaronline-compare-provider strong,
.indicadores-home-comparator .dolaronline-compare-provider div > span,
.indicadores-home-comparator .dolaronline-compare-rate span,
.indicadores-home-comparator .dolaronline-compare-rate strong,
.indicadores-home-comparator .dolaronline-compare-rate small,
.indicadores-home-comparator .dolaronline-compare-total span,
.indicadores-home-comparator .dolaronline-compare-total strong,
.indicadores-home-comparator .dolaronline-compare-total small,
.indicadores-home-comparator .dolaronline-compare-source small { display: block; }
.indicadores-home-comparator .dolaronline-compare-provider strong {
	overflow: hidden;
	color: var(--ind-ink);
	font-size: 1.55rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.indicadores-home-comparator .dolaronline-compare-provider div > span {
	margin-top: .35rem;
	color: var(--ind-ink-soft);
	font-size: 1.1rem;
}
.indicadores-home-comparator .dolaronline-compare-rate > span,
.indicadores-home-comparator .dolaronline-compare-total > span {
	display: none;
	margin-bottom: .35rem;
	color: var(--ind-ink-soft);
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
}
.indicadores-home-comparator .dolaronline-compare-rate strong { color: var(--ind-ink); font-size: 1.7rem; }
.indicadores-home-comparator .dolaronline-compare-rate small,
.indicadores-home-comparator .dolaronline-compare-total small { margin-top: .35rem; color: var(--ind-ink-soft); font-size: 1.05rem; }
.indicadores-home-comparator .dolaronline-compare-total strong { color: var(--ind-teal-dark); font-size: 1.85rem; letter-spacing: -.02em; }
.indicadores-home-comparator .dolaronline-compare-source { min-width: 0; }
.indicadores-home-comparator .dolaronline-compare-source a { display: inline-block; margin-top: .55rem; color: var(--ind-teal-dark); font-size: 1.15rem; font-weight: 750; }
.indicadores-home-comparator .dolaronline-compare-source small { overflow: hidden; margin-top: .45rem; color: var(--ind-ink-soft); font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.indicadores-home-comparator .dolaronline-compare-status { display: inline-flex; align-items: center; gap: .5rem; color: #147260; font-size: 1.05rem; font-weight: 750; }
.indicadores-home-comparator .dolaronline-compare-status::before { width: .7rem; height: .7rem; border-radius: 50%; background: #34c9a9; content: ""; }
.indicadores-home-comparator .dolaronline-compare-status.is-stale { color: #8c601d; }
.indicadores-home-comparator .dolaronline-compare-status.is-stale::before { background: #daa23e; }
.indicadores-home-comparator .dolaronline-compare-note {
	grid-column: 1 / -1;
	margin: 1.5rem 0 0;
	padding: 1.2rem 1.4rem;
	border-radius: .7rem;
	color: var(--ind-ink-soft);
	background: var(--ind-surface-alt);
	font-size: 1.1rem;
	line-height: 1.5;
}
.indicadores-home-comparator .dolaronline-compare-best-tag {
	position: absolute;
	top: 0;
	left: 2rem;
	padding: .45rem .8rem;
	transform: translateY(-50%);
	border-radius: 1rem;
	color: #fff;
	background: var(--ind-teal);
	font-size: .95rem;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform: uppercase;
}
.indicadores-home-comparator .dolaronline-compare-best-tag[hidden] { display: none; }

@media (max-width: 1050px) {
	.indicadores-home-comparator .dolaronline-compare-table { overflow-x: auto; }
	.indicadores-home-comparator .dolaronline-compare-table__head,
	.indicadores-home-comparator .dolaronline-compare-row { min-width: 95rem; }
}

@media (max-width: 700px) {
	.indicadores-home-comparator .dolaronline-compare-table { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
	.indicadores-home-comparator .dolaronline-compare-table__head { display: none; }
	.indicadores-home-comparator .dolaronline-compare-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		min-width: 0;
		margin-bottom: 1.5rem;
		padding: 2.2rem 1.8rem 1.8rem;
		gap: 1.7rem 1.2rem;
		border: 1px solid var(--ind-line);
		border-radius: 1rem;
		background: #fff;
		box-shadow: 0 10px 28px rgba(23,50,74,.04);
	}
	.indicadores-home-comparator .dolaronline-compare-row.is-best { box-shadow: inset .4rem 0 0 var(--ind-teal),0 10px 28px rgba(23,50,74,.04); }
	.indicadores-home-comparator .dolaronline-compare-provider { grid-column: 1 / -1; padding-bottom: 1.5rem; border-bottom: 1px solid var(--ind-line); }
	.indicadores-home-comparator .dolaronline-compare-rate > span,
	.indicadores-home-comparator .dolaronline-compare-total > span { display: block; }
	.indicadores-home-comparator .dolaronline-compare-total { grid-column: 1; }
	.indicadores-home-comparator .dolaronline-compare-source { grid-column: 2; }
	.indicadores-home-comparator .dolaronline-compare-note { grid-column: 1 / -1; margin-top: 0; }
}

@media (max-width: 430px) {
	.indicadores-home-comparator .dolaronline-compare-row { grid-template-columns: 1fr; }
	.indicadores-home-comparator .dolaronline-compare-provider,
	.indicadores-home-comparator .dolaronline-compare-note,
	.indicadores-home-comparator .dolaronline-compare-total,
	.indicadores-home-comparator .dolaronline-compare-source { grid-column: 1; }
}

.indicadores-conversion-section {
	padding-top: clamp(3.5rem, 5vw, 5.5rem);
}

.indicadores-section + .indicadores-section {
	border-top: 1px solid var(--ind-line);
}

.indicadores-section-heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(28rem, 0.55fr);
	gap: 4rem;
	align-items: end;
	margin-bottom: 3.5rem;
}

.indicadores-section-heading h2,
.indicadores-content-card > h2 {
	max-width: 76rem;
	margin: 0;
	color: var(--ind-ink);
	font-size: clamp(3.2rem, 4.5vw, 5rem);
	font-weight: 720;
	letter-spacing: -0.04em;
	line-height: 1.08;
}

.indicadores-section-heading > p {
	margin: 0;
	color: var(--ind-ink-soft);
	font-size: 1.65rem;
	line-height: 1.65;
}

.indicadores-calculator-section,
.indicadores-history-section {
	background: var(--ind-surface);
}

.indicadores-calculator-card,
.indicadores-history-card,
.indicadores-table-panel,
.indicadores-content-card {
	padding: clamp(2.5rem, 4vw, 4.5rem);
	background: var(--ind-surface);
	border: 1px solid var(--ind-line);
	border-radius: var(--ind-radius);
	box-shadow: 0 16px 42px rgba(23, 50, 74, 0.055);
}

.indicadores-calculator-card > table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
}

.indicadores-calculator-card > table th {
	padding: 0;
	background: transparent;
	border: 0;
	font-weight: 400;
}

.indicadores-calculator-card > table th:not(.cambiar-dv) {
	width: calc(50% - 4rem);
}

.indicadores-calculator-card .valor-e,
.indicadores-calculator-card .valor-c {
	padding: 1.1rem 1.6rem;
	color: var(--ind-ink-soft);
	background: var(--ind-surface-alt);
	border: 1px solid var(--ind-line);
	border-bottom: 0;
	border-radius: 12px 12px 0 0;
	font-size: 1.35rem;
	font-weight: 650;
	text-align: left;
}

.indicadores-calculator-card input {
	width: 100%;
	height: 7rem;
	margin: 0;
	padding: 1.4rem 1.6rem;
	color: var(--ind-ink);
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 0 0 12px 12px;
	box-shadow: none;
	font-size: clamp(2.2rem, 3vw, 3.2rem);
	font-weight: 650;
	text-align: left;
}

.indicadores-calculator-card input:focus {
	border-color: var(--ind-teal);
	box-shadow: 0 0 0 3px rgba(var(--ind-accent-rgb), 0.12);
}

.indicadores-calculator-card input:disabled {
	color: var(--ind-teal-dark);
	background: #fbfdfd;
	opacity: 1;
}

.indicadores-calculator-card .cambiar-dv {
	width: 8rem;
	padding: 2.8rem 1.4rem 0;
	text-align: center;
}

.indicadores-calculator-card #switch {
	display: inline-grid;
	width: 4.6rem;
	height: 4.6rem;
	min-width: 0;
	padding: 0;
	place-items: center;
	color: var(--ind-teal-dark);
	background: var(--ind-teal-soft);
	border: 1px solid rgba(var(--ind-accent-rgb), 0.22);
	border-radius: 50%;
}

.indicadores-calculator-card #switch:hover,
.indicadores-calculator-card #switch:focus {
	color: #fff;
	background: var(--ind-teal);
	text-decoration: none;
}

.indicadores-calculator-card .bajada-converion {
	margin-top: 2.5rem;
	padding: 1.5rem 1.8rem;
	color: var(--ind-ink-soft);
	background: var(--ind-surface-alt);
	border-radius: 12px;
	font-size: 1.5rem;
	text-align: center;
}

.indicadores-calculator-card #valor_cambio_1,
.indicadores-calculator-card #valor_cambio_2 {
	color: var(--ind-ink);
	font-weight: 700;
}

.indicadores-table-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.4rem;
}

.indicadores-table-grid .one_half {
	width: auto;
	margin: 0;
}

.indicadores-table-panel table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid var(--ind-line);
	border-radius: 14px;
	font-size: 1.45rem;
}

.indicadores-table-panel th,
.indicadores-table-panel td {
	padding: 1.15rem 1.4rem;
	border: 0;
	border-bottom: 1px solid var(--ind-line);
	text-align: right;
}

.indicadores-table-panel th:first-child,
.indicadores-table-panel td:first-child {
	text-align: left;
}

.indicadores-table-panel tr:last-child td {
	border-bottom: 0;
}

.indicadores-table-panel thead th {
	color: var(--ind-ink);
	background: var(--ind-teal-soft);
	font-weight: 700;
}

.indicadores-table-panel thead .tbu {
	padding: 1.5rem;
	color: #fff;
	background: var(--ind-teal-dark);
	text-align: left;
}

.indicadores-table-panel tbody tr:nth-child(even) td {
	background: var(--ind-surface-alt);
}

.indicadores-equivalences {
	overflow: hidden;
}

.indicadores-equivalences__toolbar {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2.4rem;
	margin-bottom: 2.4rem;
}

.indicadores-equivalences__direction {
	display: inline-flex;
	padding: 0.4rem;
	background: var(--ind-surface-alt);
	border: 1px solid var(--ind-line);
	border-radius: 12px;
}

.indicadores-equivalences__direction button {
	min-width: 14rem;
	min-height: 4.4rem;
	padding: 0.9rem 1.5rem;
	color: var(--ind-ink-soft);
	background: transparent;
	border: 0;
	border-radius: 9px;
	font-size: 1.35rem;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
}

.indicadores-equivalences__direction button:hover,
.indicadores-equivalences__direction button:focus,
.indicadores-equivalences__direction button.is-active {
	color: #fff;
	background: var(--ind-teal-dark);
	text-decoration: none;
}

.indicadores-equivalences__period {
	display: grid;
	grid-template-columns: repeat(2, minmax(13rem, 17rem));
	gap: 1rem;
}

.indicadores-equivalences__period label,
.indicadores-equivalences__period label span {
	display: block;
}

.indicadores-equivalences__period label span {
	margin-bottom: 0.6rem;
	color: var(--ind-ink-soft);
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.indicadores-equivalences__period select {
	width: 100%;
	height: 4.8rem;
	margin: 0;
	padding: 0 3.5rem 0 1.3rem;
	color: var(--ind-ink);
	background-color: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 10px;
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.2;
}

.indicadores-equivalences__summary {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.6rem;
	padding: 1.25rem 1.5rem;
	color: var(--ind-ink-soft);
	background: var(--ind-teal-surface);
	border: 1px solid var(--ind-teal-border);
	border-radius: 12px;
	font-size: 1.3rem;
}

.indicadores-equivalences__summary strong {
	color: var(--ind-teal-dark);
	font-size: 1.55rem;
}

.indicadores-equivalences__summary small {
	font-size: 1.2rem;
	text-align: right;
}

.indicadores-equivalences__table-wrap {
	overflow: hidden;
	border: 1px solid var(--ind-line);
	border-radius: 14px;
}

.indicadores-table-panel .indicadores-equivalences__table {
	border: 0;
	border-radius: 0;
}

.indicadores-equivalences__table thead th {
	padding: 1.25rem 1.5rem;
	color: #fff;
	background: var(--ind-teal-dark);
	font-size: 1.25rem;
	letter-spacing: 0.02em;
}

.indicadores-equivalences__table thead th:nth-child(2),
.indicadores-equivalences__table thead th:last-child {
	width: 5.6rem;
}

.indicadores-equivalences__table tbody th,
.indicadores-equivalences__table tbody td {
	height: 5.8rem;
	padding: 1rem 1.5rem;
	color: var(--ind-ink);
	background: #fff;
	border: 0;
	border-bottom: 1px solid var(--ind-line);
	font-size: 1.45rem;
	text-align: right;
}

.indicadores-equivalences__table tbody th {
	font-weight: 650;
	text-align: left;
}

.indicadores-equivalences__table tbody tr:last-child th,
.indicadores-equivalences__table tbody tr:last-child td {
	border-bottom: 0;
}

.indicadores-equivalences__table tbody tr.has-frequent-label th span {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
}

.indicadores-equivalences__table tbody tr.has-frequent-label th span::after {
	content: "Frecuente";
	padding: 0.25rem 0.65rem;
	color: var(--ind-teal-dark);
	background: #fff;
	border: 1px solid var(--ind-teal-border);
	border-radius: 999px;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.indicadores-equivalences__arrow {
	color: var(--ind-teal) !important;
	font-size: 1.8rem !important;
	text-align: center !important;
}

.indicadores-equivalences__copy {
	display: inline-grid;
	width: 3.7rem;
	height: 3.7rem;
	min-width: 0;
	padding: 0;
	place-items: center;
	color: var(--ind-teal-dark);
	background: #fff;
	border: 1px solid var(--ind-teal-border);
	border-radius: 9px;
}

.indicadores-equivalences__copy:hover,
.indicadores-equivalences__copy:focus,
.indicadores-equivalences__copy.is-copied {
	color: #fff;
	background: var(--ind-teal);
	text-decoration: none;
}

.indicadores-equivalences__copy svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.indicadores-equivalences__copy .is-check,
.indicadores-equivalences__copy.is-copied svg:first-child {
	display: none;
}

.indicadores-equivalences__copy.is-copied .is-check {
	display: block;
}

.indicadores-equivalences__note {
	display: flex;
	align-items: center;
	margin: 1.5rem 0 0;
	color: var(--ind-ink-soft);
	font-size: 1.2rem;
	gap: 0.7rem;
}

.indicadores-equivalences__note i {
	width: 0.8rem;
	height: 0.8rem;
	background: var(--ind-teal);
	border: 3px solid var(--ind-teal-soft);
	border-radius: 50%;
	box-sizing: content-box;
}

.indicadores-history-card {
	min-height: 36rem;
}

.indicadores-history-card .mb-4,
.indicadores-history-card .card-body,
.indicadores-history-card .clear {
	margin: 0;
	padding: 0;
}

.indicadores-history-card [id^="grafico_"] {
	width: 100%;
}

.indicadores-history-explorer {
	min-height: 0;
	padding: 0;
	overflow: hidden;
}

.indicadores-history-toolbar,
.indicadores-history-detail__heading,
.indicadores-history-chart-heading,
.indicadores-history-chart-note {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.indicadores-history-toolbar {
	padding: 2.4rem 2.8rem;
	background: #fff;
	border-bottom: 1px solid var(--ind-line);
}

.indicadores-history-toolbar__label {
	display: block;
	margin-bottom: 0.8rem;
	color: var(--ind-ink-soft);
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.indicadores-history-ranges {
	display: inline-flex;
	gap: 0.4rem;
	padding: 0.4rem;
	background: var(--ind-surface-alt);
	border: 1px solid var(--ind-line);
	border-radius: 12px;
}

.indicadores-history-ranges button {
	min-width: 7rem;
	padding: 0.8rem 1.3rem;
	color: var(--ind-ink-soft);
	background: transparent;
	border: 0;
	border-radius: 9px;
	font-size: 1.3rem;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
}

.indicadores-history-ranges button:hover,
.indicadores-history-ranges button:focus,
.indicadores-history-ranges button.is-active {
	color: #fff;
	background: var(--ind-teal-dark);
	text-decoration: none;
}

.indicadores-history-coverage {
	display: flex;
	margin: 0;
	color: var(--ind-ink-soft);
	flex-direction: column;
	font-size: 1.3rem;
	line-height: 1.5;
	text-align: right;
}

.indicadores-history-coverage strong {
	color: var(--ind-ink);
	font-size: 1.5rem;
}

.indicadores-history-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: var(--ind-ink);
}

.indicadores-history-summary > div {
	display: flex;
	min-width: 0;
	min-height: 11rem;
	padding: 2rem 2.4rem;
	border-right: 1px solid rgba(255, 255, 255, 0.14);
	flex-direction: column;
}

.indicadores-history-summary > div:last-child {
	border-right: 0;
}

.indicadores-history-summary span,
.indicadores-history-summary small {
	color: #aebdca;
	font-size: 1.15rem;
}

.indicadores-history-summary span {
	font-weight: 650;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.indicadores-history-summary strong {
	margin: 0.65rem 0 0.35rem;
	overflow-wrap: anywhere;
	color: #fff;
	font-size: clamp(1.7rem, 2vw, 2.25rem);
	font-weight: 720;
	line-height: 1.15;
}

.indicadores-history-summary strong.is-positive,
.indicadores-history-table .is-positive {
	color: #60d5ae;
}

.indicadores-history-summary strong.is-negative,
.indicadores-history-table .is-negative {
	color: #ff9d9d;
}

.indicadores-history-summary strong.is-neutral,
.indicadores-history-table .is-neutral {
	color: #dbe5eb;
}

.indicadores-history-chart-panel {
	padding: 3rem 2.8rem 2.4rem;
	background: #fff;
	border-bottom: 1px solid var(--ind-line);
}

.indicadores-history-chart-heading {
	margin-bottom: 2rem;
}

.indicadores-history-chart-heading > div {
	display: flex;
	flex-direction: column;
}

.indicadores-history-chart-heading span,
.indicadores-history-chart-heading p,
.indicadores-history-chart-note {
	color: var(--ind-ink-soft);
	font-size: 1.25rem;
}

.indicadores-history-chart-heading strong {
	color: var(--ind-ink);
	font-size: 2rem;
	font-weight: 720;
}

.indicadores-history-chart-heading p {
	display: flex;
	align-items: center;
	margin: 0;
	gap: 0.7rem;
}

.indicadores-history-chart-heading p i {
	display: inline-block;
	width: 2.4rem;
	height: 0.3rem;
	background: var(--ind-teal);
	border-radius: 999px;
}

.indicadores-history-chart-wrap {
	position: relative;
	width: 100%;
	min-height: 36rem;
}

.indicadores-history-chart-wrap svg {
	display: block;
	width: 100%;
	height: auto;
	min-height: 30rem;
	overflow: visible;
touch-action: pan-y;
}

.indicadores-history-chart-wrap svg:focus {
	outline: 3px solid rgba(var(--ind-accent-rgb), 0.2);
	outline-offset: 5px;
}

.history-grid line {
	stroke: #e3eaee;
	stroke-width: 1;
}

.history-grid text {
	fill: #6d7f8e;
	font-family: inherit;
	font-size: 12px;
}

.history-area {
	fill: url("#utm-history-gradient");
	fill: rgba(var(--ind-accent-rgb), 0.11);
}

.history-line {
	fill: none;
	stroke: var(--ind-teal);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.history-line.is-future {
	stroke: #d6a019;
	stroke-dasharray: 7 7;
	stroke-width: 3.5;
}

.history-focus-line {
	stroke: rgba(12, 88, 82, 0.3);
	stroke-dasharray: 4 5;
	stroke-width: 1;
}

.history-focus-point {
	fill: #fff;
	stroke: var(--ind-teal-dark);
	stroke-width: 4;
}

.indicadores-history-tooltip {
	position: absolute;
	z-index: 3;
	display: flex;
	min-width: 18rem;
	padding: 1.2rem 1.4rem;
	color: #fff;
	background: var(--ind-ink);
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(9, 28, 42, 0.2);
	flex-direction: column;
	pointer-events: none;
	transform: translate(1.4rem, calc(-100% - 1.4rem));
}

.indicadores-history-tooltip[hidden] {
	display: none;
}

.indicadores-history-tooltip.is-right {
	transform: translate(calc(-100% - 1.4rem), calc(-100% - 1.4rem));
}

.indicadores-history-tooltip strong {
	font-size: 1.3rem;
}

.indicadores-history-tooltip span {
	margin: 0.25rem 0;
	font-size: 1.8rem;
	font-weight: 720;
}

.indicadores-history-tooltip small {
	color: #bdcad4;
	font-size: 1.1rem;
}

.indicadores-history-chart-note {
	margin: 1.3rem 0 0;
	line-height: 1.5;
}

.indicadores-history-chart-note span:last-child {
	color: #8a6812;
	font-weight: 650;
	text-align: right;
}

.indicadores-history-detail {
	padding: 2.8rem;
	background: var(--ind-surface-alt);
}

.indicadores-history-detail__heading {
	margin-bottom: 2rem;
}

.indicadores-history-detail__heading h3 {
	margin: 0;
	color: var(--ind-ink);
	font-size: 2.2rem;
}

.indicadores-history-detail__count {
	display: flex;
	align-items: center;
	margin: 0;
	color: var(--ind-ink-soft);
	font-size: 1.3rem;
	font-weight: 650;
	gap: 0.8rem;
}

.indicadores-history-detail__count strong {
	padding: 0.8rem 1.2rem;
	background-color: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 9px;
	color: var(--ind-ink);
}

.indicadores-history-table-wrap {
	overflow-x: auto;
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 12px;
}

.indicadores-history-table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 1.35rem;
}

.indicadores-history-table th,
.indicadores-history-table td {
	padding: 1.25rem 1.5rem;
	background: #fff;
	border: 0;
	border-bottom: 1px solid var(--ind-line);
	text-align: right;
	white-space: nowrap;
}

.indicadores-history-table th:first-child,
.indicadores-history-table td:first-child {
	text-align: left;
}

.indicadores-history-table thead th {
	color: var(--ind-ink-soft);
	background: #f4f8f9;
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.indicadores-history-table tbody tr:last-child th,
.indicadores-history-table tbody tr:last-child td {
	border-bottom: 0;
}

.indicadores-history-table td small {
	font-size: 1.1rem;
	opacity: 0.78;
}

.indicadores-history-table td:last-child span {
	display: inline-flex;
	padding: 0.4rem 0.8rem;
	color: var(--ind-ink-soft);
	background: var(--ind-surface-alt);
	border-radius: 999px;
	font-size: 1.1rem;
	font-weight: 650;
}

.indicadores-history-table td:last-child .is-current {
	color: var(--ind-teal-dark);
	background: var(--ind-teal-soft);
}

.indicadores-history-table td:last-child .is-published {
	color: #775911;
	background: #fff6d9;
}

.indicadores-currency-directory {
	padding-bottom: 0;
	background: #fff;
}

.indicadores-currency-directory__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 28rem;
	gap: clamp(3rem, 6vw, 8rem);
	align-items: end;
	margin-bottom: clamp(4rem, 6vw, 6.5rem);
}

.indicadores-currency-directory__heading h2 {
	margin: 0;
	color: var(--ind-ink);
	font-size: clamp(4rem, 6vw, 6.5rem);
	font-weight: 740;
	letter-spacing: -0.05em;
	line-height: 1.02;
}

.indicadores-currency-directory__heading > div:first-child > p:last-child {
	max-width: 76rem;
	margin: 2rem 0 0;
	color: var(--ind-ink-soft);
	font-size: 1.7rem;
	line-height: 1.65;
}

.indicadores-currency-directory__count {
	display: flex;
	min-height: 10rem;
	padding-left: 2.8rem;
	border-left: 1px solid var(--ind-line);
	flex-direction: column;
	justify-content: center;
}

.indicadores-currency-directory__count span,
.indicadores-currency-directory__count small {
	color: var(--ind-ink-soft);
	font-size: 1.15rem;
}

.indicadores-currency-directory__count span {
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.indicadores-currency-directory__count strong {
	margin: 0.2rem 0;
	color: var(--ind-ink);
	font-size: 4rem;
	font-weight: 750;
	letter-spacing: -0.04em;
	line-height: 1;
}

.indicadores-currency-directory__catalog {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: clamp(4.5rem, 6vw, 7rem) max(20px, calc((100vw - 1200px) / 2));
	background: var(--ind-surface-alt);
}

.indicadores-currency-directory__toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(30rem, 39rem);
	gap: 3rem;
	align-items: end;
	margin-bottom: 3rem;
}

.indicadores-currency-directory__toolbar h3 {
	margin: 0;
	color: var(--ind-ink);
	font-size: clamp(2.8rem, 3.5vw, 3.8rem);
	font-weight: 720;
	letter-spacing: -0.035em;
	line-height: 1.1;
}

.indicadores-currency-directory__toolbar label,
.indicadores-currency-directory__toolbar label > span {
	display: block;
}

.indicadores-currency-directory__toolbar label > span {
	margin-bottom: 0.7rem;
	color: var(--ind-ink-soft);
	font-size: 1.15rem;
	font-weight: 700;
}

.indicadores-currency-directory__toolbar input {
	width: 100%;
	height: 5.2rem;
	padding: 0 1.5rem;
	color: var(--ind-ink);
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 9px;
	font-size: 1.55rem;
}

.indicadores-currency-directory__toolbar input:focus {
	border-color: var(--ind-teal);
	box-shadow: 0 0 0 3px rgba(var(--ind-accent-rgb), 0.13);
	outline: 0;
}

.indicadores-currency-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.4rem;
}

.indicadores-currency-flags-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.indicadores-currency-card {
	display: grid;
	min-width: 0;
	min-height: 13.8rem;
	padding: 2rem;
	color: var(--ind-ink);
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 10px;
	grid-template-columns: 3.4rem minmax(0, 1fr) auto;
	grid-template-rows: auto 1fr auto;
	column-gap: 1.2rem;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.indicadores-currency-card:hover,
.indicadores-currency-card:focus {
	color: var(--ind-ink);
	border-color: rgba(var(--ind-accent-rgb), 0.42);
	box-shadow: 0 12px 28px rgba(23, 50, 74, 0.09);
	outline: 0;
	transform: translateY(-2px);
}

.indicadores-currency-card__flag {
	display: block;
	width: 3.4rem;
	height: 2.4rem;
	overflow: hidden;
	border: 1px solid #d7e0e4;
	border-radius: 3px;
	grid-row: 1 / 3;
}

.indicadores-currency-card__flag svg {
	display: block;
	width: 100%;
	height: 100%;
}

.indicadores-currency-card__identity,
.indicadores-currency-card__value {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.indicadores-currency-card__identity strong,
.indicadores-currency-card__value strong {
	overflow: hidden;
	font-size: 1.65rem;
	font-weight: 720;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indicadores-currency-card__identity small,
.indicadores-currency-card__value small {
	margin-top: 0.35rem;
	color: var(--ind-ink-soft);
	font-size: 1.15rem;
}

.indicadores-currency-card__value {
	align-items: flex-end;
	text-align: right;
}

.indicadores-currency-card__action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.7rem;
	padding-top: 1.2rem;
	color: var(--ind-ink-soft);
	border-top: 1px solid var(--ind-line);
	font-size: 1.15rem;
	font-weight: 650;
	grid-column: 1 / -1;
}

.indicadores-currency-card:hover .indicadores-currency-card__action,
.indicadores-currency-card:focus .indicadores-currency-card__action {
	color: var(--ind-teal-dark);
}

.indicadores-currency-directory__empty {
	margin: 2rem 0 0;
	padding: 2rem;
	color: var(--ind-ink-soft);
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 10px;
	font-size: 1.4rem;
	text-align: center;
}

.indicadores-currency-directory [hidden] {
	display: none !important;
}

.indicadores-content-section {
	background:
		radial-gradient(circle at 92% 8%, var(--ind-teal-soft) 0, transparent 25rem),
		linear-gradient(180deg, #f5f8f9 0%, #eef4f5 100%);
}

.indicadores-news-section {
	background: #fff;
}

.indicadores-news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--ind-line);
	border-left: 1px solid var(--ind-line);
}

.indicadores-news-card {
	position: relative;
	display: flex;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 2.5rem;
	background: var(--ind-surface);
	border-right: 1px solid var(--ind-line);
	border-bottom: 1px solid var(--ind-line);
	flex-direction: column;
	transition: background-color 180ms ease, box-shadow 180ms ease;
}

.indicadores-news-card:hover,
.indicadores-news-card:focus-within {
	z-index: 1;
	background: #f8fafb;
	box-shadow: 0 14px 32px rgba(23, 50, 74, 0.08);
}

.indicadores-news-card__top {
	display: flex;
	min-height: 2.6rem;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.indicadores-news-card__top > span {
	color: var(--ind-teal-dark);
	font-size: 1.15rem;
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.indicadores-news-card__date {
	padding: 0.45rem 0.8rem;
	color: #536173;
	background: #f1f5f6;
	border-radius: 999px;
	font-size: 1rem;
	font-weight: 650;
	white-space: nowrap;
}

.indicadores-news-card h3 {
	margin: 2rem 0 1.2rem;
	color: var(--ind-ink);
	font-size: clamp(2.3rem, 2.8vw, 3rem);
	font-weight: 740;
	letter-spacing: -0.035em;
	line-height: 1.12;
}

.indicadores-news-card h3 a {
	color: inherit;
	text-decoration: none;
}

.indicadores-news-card h3 a::after {
	position: absolute;
	content: "";
}

.indicadores-news-card__excerpt {
	margin: 0 0 2.4rem;
	color: var(--ind-ink-soft);
	font-size: 1.4rem;
	line-height: 1.65;
}

.indicadores-news-card__more {
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	color: var(--ind-teal-dark);
	font-size: 1.3rem;
	font-weight: 750;
	text-decoration: none;
	gap: 0.6rem;
}

.indicadores-news-card__more span {
	transition: transform 180ms ease;
}

.indicadores-news-card__more:hover,
.indicadores-news-card__more:focus {
	color: var(--ind-teal-dark);
}

.indicadores-news-card__more:hover span,
.indicadores-news-card__more:focus span {
	transform: translateX(0.35rem);
}

.indicadores-faq-section {
	color: #fff;
	background: var(--ind-ink);
}

.indicadores-faq-section .indicadores-eyebrow {
	color: #79ded1;
}

.indicadores-faq-section .indicadores-eyebrow::before {
	background: var(--ind-teal);
}

.indicadores-faq-section h2 {
	max-width: 82rem;
	margin: 0 0 clamp(3.2rem, 5vw, 5rem);
	color: #fff;
	font-size: clamp(3.4rem, 5vw, 5.6rem);
	font-weight: 720;
	letter-spacing: -0.04em;
	line-height: 1.08;
}

.indicadores-faq-list {
	border-top: 1px solid rgba(220, 230, 236, 0.2);
}

.indicadores-faq-item {
	margin: 0;
	border-bottom: 1px solid rgba(220, 230, 236, 0.2);
}

.indicadores-faq-item summary {
	display: flex;
	min-height: 7.2rem;
	padding: 2.2rem 0;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	cursor: pointer;
	font-size: clamp(1.7rem, 2vw, 2rem);
	font-weight: 700;
	line-height: 1.35;
	list-style: none;
	gap: 2.4rem;
}

.indicadores-faq-item summary::-webkit-details-marker {
	display: none;
}

.indicadores-faq-item summary:focus-visible {
	outline: 2px solid var(--ind-teal);
	outline-offset: 6px;
}

.indicadores-faq-icon {
	width: 1rem;
	height: 1rem;
	margin-right: 0.4rem;
	border-right: 2px solid #79ded1;
	border-bottom: 2px solid #79ded1;
	flex: 0 0 auto;
	transform: rotate(45deg);
	transition: transform 180ms ease;
}

.indicadores-faq-item[open] .indicadores-faq-icon {
	transform: rotate(225deg);
}

.indicadores-faq-answer {
	max-width: 102rem;
	padding: 0 4.2rem 2.5rem 0;
}

.indicadores-faq-answer p {
	margin: 0;
	color: #c8d4de;
	font-size: 1.65rem;
	line-height: 1.75;
}

.indicadores-content-card > h2 {
	margin-bottom: 4rem;
}

.indicadores-content-card {
	position: relative;
	overflow: hidden;
	background: linear-gradient(145deg, #fff 0%, #fff 72%, #f7faf9 100%);
}

.indicadores-content-card::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 0.6rem;
	background: linear-gradient(90deg, var(--ind-teal) 0%, var(--ind-teal) 38%, var(--ind-teal-soft) 100%);
	content: "";
}

.indicadores-entry-content {
	margin: 0 auto;
	color: #31485d;
}

.indicadores-entry-content > * {
	max-width: 100%;
}

.indicadores-entry-content h2,
.indicadores-entry-content h3,
.indicadores-entry-content h4 {
	color: var(--ind-ink);
	letter-spacing: -0.025em;
}

.indicadores-entry-content h2 {
	position: relative;
	margin-top: 5rem;
	padding-top: 2.8rem;
	padding-left: 2rem;
	border-top: 1px solid var(--ind-line);
	font-size: 3.4rem;
}

.indicadores-entry-content h2::before {
	position: absolute;
	top: 3.25rem;
	left: 0;
	width: 0.45rem;
	height: 2.5rem;
	background: var(--ind-teal);
	border-radius: 999px;
	content: "";
}

.indicadores-entry-content h2:first-of-type {
	margin-top: 4rem;
}

.indicadores-entry-content h3 {
	margin: 3.5rem 0 1.8rem;
	padding: 1.8rem 2rem;
	background: var(--ind-teal-soft);
	border-left: 0.4rem solid var(--ind-teal);
	border-radius: 0 12px 12px 0;
	font-size: 2.7rem;
}

.indicadores-entry-content p,
.indicadores-entry-content li {
	font-size: 1.75rem;
	line-height: 1.8;
}

.indicadores-entry-content > p:first-child {
	margin: 0;
	color: var(--ind-ink);
	font-size: clamp(2rem, 2.4vw, 2.45rem);
	font-weight: 620;
	letter-spacing: -0.018em;
	line-height: 1.55;
}

.indicadores-entry-content > p:nth-child(2) {
	margin: 2.2rem 0 0;
	padding: 2rem 2.2rem;
	color: var(--ind-ink-soft);
	background: var(--ind-teal-soft);
	border-left: 0.4rem solid var(--ind-teal);
	border-radius: 0 12px 12px 0;
}

.indicadores-entry-content > p:has(> strong:only-child) {
	margin: 2.2rem 0;
	padding: 2rem 2.2rem;
	color: var(--ind-ink);
	background: #f4f8f7;
	border: 1px solid var(--ind-line);
	border-radius: 12px;
	box-shadow: inset 0.4rem 0 0 var(--ind-teal);
}

.indicadores-entry-content ul,
.indicadores-entry-content ol {
	margin: 2.2rem 0 3rem;
	padding: 2.2rem 2.6rem 2.2rem 4.8rem;
	background: #f7f9fa;
	border: 1px solid var(--ind-line);
	border-radius: 14px;
}

.indicadores-entry-content li + li {
	margin-top: 0.8rem;
}

.indicadores-entry-content li::marker {
	color: var(--ind-teal);
	font-weight: 750;
}

.indicadores-entry-content a {
	color: var(--ind-teal-dark);
	font-weight: 650;
	text-decoration: underline !important;
	text-decoration-thickness: 0.08em !important;
	text-underline-offset: 0.16em;
}

/* Entradas individuales e índices de categoría. */
.indicadores-article-hero,
.indicadores-archive-hero {
	padding: clamp(5rem, 7vw, 8rem) 0;
	background:
		radial-gradient(circle at 86% 12%, rgba(var(--ind-accent-rgb), 0.14), transparent 30rem),
		linear-gradient(180deg, #fff 0%, var(--ind-teal-surface) 100%);
	border-bottom: 1px solid var(--ind-line);
}

.indicadores-article-hero__inner {
	max-width: 120rem;
	text-align: center;
}

.indicadores-article-hero__category {
	display: inline-flex;
	margin-bottom: 1.8rem;
	color: var(--ind-teal-dark);
	font-size: 1.25rem;
	font-weight: 750;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.indicadores-article-hero h1,
.indicadores-archive-hero h1 {
	margin: 0;
	color: var(--ind-ink);
	font-size: clamp(4.2rem, 6vw, 6.4rem);
	font-weight: 760;
	letter-spacing: -0.05em;
	line-height: 1.02;
}

.indicadores-article-hero__inner > p {
	max-width: 82rem;
	margin: 2.2rem auto 0;
	color: var(--ind-ink-soft);
	font-size: clamp(1.8rem, 2vw, 2.2rem);
	line-height: 1.65;
}

.indicadores-article-hero__meta {
	display: flex;
	justify-content: center;
	margin-top: 2.4rem;
	color: var(--ind-ink-soft);
	font-size: 1.35rem;
}

.indicadores-article-hero__meta time {
	display: inline-flex;
	gap: 0.75rem;
	align-items: center;
}

.indicadores-article-hero__meta svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

.indicadores-article-section,
.indicadores-archive-section {
	padding: clamp(4rem, 6vw, 7rem) 0 clamp(7rem, 9vw, 11rem);
	background: #f6f9fa;
}

.indicadores-article-card {
	max-width: 120rem;
	margin: 0 auto;
	padding: clamp(2.5rem, 4vw, 5rem);
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 16px;
	box-shadow: var(--ind-shadow);
}

.indicadores-entry-table-wrap {
	overflow-x: auto;
	margin: 2.8rem 0 4rem;
	border: 1px solid var(--ind-line);
	border-radius: 12px;
}

.indicadores-entry-content .indicadores-entry-table-wrap table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 1.55rem;
}

.indicadores-entry-content .indicadores-entry-table-wrap th,
.indicadores-entry-content .indicadores-entry-table-wrap td {
	padding: 1.25rem 1.6rem;
	border: 0;
	border-bottom: 1px solid var(--ind-line);
	text-align: left;
}

.indicadores-entry-content .indicadores-entry-table-wrap th {
	color: #fff;
	background: var(--ind-teal-dark);
	font-size: 1.25rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.indicadores-entry-content .indicadores-entry-table-wrap td:last-child,
.indicadores-entry-content .indicadores-entry-table-wrap th:last-child {
	text-align: right;
}

.indicadores-entry-content .indicadores-entry-table-wrap tbody tr:nth-child(even) {
	background: var(--ind-surface-alt);
}

.indicadores-entry-content .indicadores-entry-table-wrap tbody tr:last-child td {
	border-bottom: 0;
}

.indicadores-archive-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(28rem, 1fr);
	gap: 5rem;
	align-items: end;
}

.indicadores-archive-hero__grid > p {
	margin: 0;
	color: var(--ind-ink-soft);
	font-size: 1.65rem;
	line-height: 1.7;
}

.indicadores-report-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
}

.indicadores-report-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 2.8rem;
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(23, 50, 74, 0.06);
}

.indicadores-report-card__top {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	color: var(--ind-teal-dark);
	font-size: 1.1rem;
	font-weight: 750;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.indicadores-report-card__top small {
	padding: 0.45rem 0.75rem;
	color: var(--ind-ink-soft);
	background: var(--ind-surface-alt);
	border-radius: 999px;
	font-size: 1rem;
	letter-spacing: 0;
	text-transform: none;
}

.indicadores-report-card h2 {
	margin: 2rem 0 1rem;
	font-size: 2.8rem;
	letter-spacing: -0.035em;
	line-height: 1.12;
}

.indicadores-report-card h2 a {
	color: var(--ind-ink);
}

.indicadores-report-card > p {
	margin: 0 0 2rem;
	color: var(--ind-ink-soft);
	font-size: 1.35rem;
	line-height: 1.65;
}

.indicadores-report-card__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: auto 0 2rem;
	border: 1px solid var(--ind-line);
}

.indicadores-report-card__stats > div {
	min-width: 0;
	padding: 1.2rem;
	border-right: 1px solid var(--ind-line);
}

.indicadores-report-card__stats > div:last-child {
	border-right: 0;
}

.indicadores-report-card__stats span,
.indicadores-report-card__stats strong {
	display: block;
}

.indicadores-report-card__stats span {
	margin-bottom: 0.4rem;
	color: var(--ind-ink-soft);
	font-size: 0.95rem;
	font-weight: 700;
	text-transform: uppercase;
}

.indicadores-report-card__stats strong {
	overflow: hidden;
	color: var(--ind-ink);
	font-size: 1.35rem;
	text-overflow: ellipsis;
}

.indicadores-report-card__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--ind-teal-dark);
	font-size: 1.3rem;
	font-weight: 750;
}

.indicadores-archive-pagination {
	margin-top: 4rem;
}

.indicadores-archive-pagination .page-numbers {
	display: flex;
	gap: 0.8rem;
	justify-content: center;
	margin: 0;
	list-style: none;
}

.indicadores-archive-pagination a,
.indicadores-archive-pagination span {
	display: grid;
	min-width: 4rem;
	height: 4rem;
	padding: 0 1rem;
	place-items: center;
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 6px;
}

.indicadores-archive-pagination .current {
	color: #fff;
	background: var(--ind-teal);
	border-color: var(--ind-teal);
}

@media (max-width: 980px) {
	.indicadores-report-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.indicadores-article-hero,
	.indicadores-archive-hero {
		padding: 4rem 0;
	}

	.indicadores-article-hero h1,
	.indicadores-archive-hero h1 {
		font-size: 4rem;
	}

	.indicadores-archive-hero__grid,
	.indicadores-report-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.indicadores-article-card,
	.indicadores-report-card {
		padding: 2rem;
	}

	.indicadores-report-card__stats {
		grid-template-columns: 1fr;
	}

	.indicadores-report-card__stats > div {
		border-right: 0;
		border-bottom: 1px solid var(--ind-line);
	}

	.indicadores-report-card__stats > div:last-child {
		border-bottom: 0;
	}
}

.indicadores-widget,
.indicadores-widget__title {
	margin-top: 0;
}

.indicadores-home .footer-nav-widgets-wrapper,
.indicadores-home #site-footer {
	background: var(--ind-ink);
	color: #dce6ec;
}

.indicadores-home #site-footer a,
.indicadores-home .footer-nav-widgets-wrapper a {
	color: #fff;
}

/* Footer institucional compartido por todas las vistas. */
#site-footer.indicadores-site-footer {
	margin: 0 !important;
	padding: 0;
	color: #c8d4dd;
	background: #0b1928;
}

#site-footer.indicadores-site-footer a {
	color: #fff;
}

.indicadores-site-footer__inner {
	width: min(120rem, calc(100% - 4rem));
	margin: 0 auto;
	padding: 5.5rem 0 2.5rem;
}

.indicadores-site-footer__grid {
	display: grid;
	grid-template-columns: minmax(28rem, 1.45fr) repeat(2, minmax(18rem, 0.75fr));
	gap: clamp(4rem, 7vw, 9rem);
}

.indicadores-site-footer__brand {
	display: inline-flex;
	align-items: center;
	color: #fff;
	font-size: 2.5rem;
	font-weight: 750;
	letter-spacing: -0.025em;
	text-decoration: none;
	gap: 1.2rem;
}

.indicadores-site-footer__brand:hover,
.indicadores-site-footer__brand:focus {
	color: #fff;
	text-decoration: none;
}

.indicadores-site-footer__brand img {
	width: 4.6rem;
	height: 4.6rem;
	margin: 0;
	object-fit: contain;
}

.indicadores-site-footer__brand-column > p:not(.indicadores-site-footer__status) {
	max-width: 38rem;
	margin: 2.2rem 0 0;
	color: #b7c5d0;
	font-size: 1.5rem;
	line-height: 1.65;
}

.indicadores-site-footer__status {
	display: flex;
	margin: 2.2rem 0 0;
	align-items: center;
	color: #c8d4dd;
	font-size: 1.25rem;
	gap: 0.8rem;
}

.indicadores-site-footer__status i {
	display: block;
	width: 0.85rem;
	height: 0.85rem;
	background: #55d8b0;
	border-radius: 50%;
	box-shadow: 0 0 0 0.45rem rgba(85, 216, 176, 0.12);
}

.indicadores-site-footer__nav h2 {
	margin: 0 0 1.8rem;
	color: #9fb0be;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.indicadores-site-footer__nav ul {
	margin: 0;
	list-style: none;
}

.indicadores-site-footer__nav li {
	margin: 0 0 1.1rem;
}

.indicadores-site-footer__nav a {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 450;
	text-decoration: none;
}

#site-footer.indicadores-site-footer .indicadores-site-footer__nav a:hover,
#site-footer.indicadores-site-footer .indicadores-site-footer__nav a:focus {
	color: var(--ind-teal-soft);
	color: color-mix(in srgb, var(--ind-teal) 55%, white);
}

.indicadores-site-footer__bottom {
	display: flex;
	margin-top: 5rem;
	padding-top: 2.3rem;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	justify-content: space-between;
	gap: 2rem;
}

.indicadores-site-footer__bottom p {
	margin: 0;
	color: #9fb0be;
	font-size: 1.15rem;
}

/* Páginas institucionales. */
.indicadores-info {
	color: #31485d;
}

.indicadores-info__shell,
.indicadores-info__content {
	width: min(120rem, calc(100% - 4rem));
	margin-right: auto;
	margin-left: auto;
}

.indicadores-info__hero {
	padding: clamp(5rem, 8vw, 8rem) 0 clamp(4rem, 6vw, 6rem);
	background: linear-gradient(180deg, #fff 0%, #f5f8f9 100%);
}

.indicadores-info__eyebrow {
	margin: 0 0 1.5rem;
	color: var(--ind-teal);
	font-size: 1.25rem;
	font-weight: 750;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.indicadores-info__eyebrow::before {
	display: inline-block;
	width: 2rem;
	height: 0.2rem;
	margin: 0 1rem 0.35rem 0;
	background: var(--ind-teal);
	content: "";
}

.indicadores-info__hero h1 {
	margin: 0;
	color: var(--ind-ink);
	font-size: clamp(4.2rem, 7vw, 6.8rem);
	letter-spacing: -0.05em;
	line-height: 1;
}

.indicadores-info__hero .indicadores-info__shell > p:last-child {
	max-width: 76rem;
	margin: 2rem 0 0;
	color: #536173;
	font-size: clamp(1.7rem, 2vw, 2.1rem);
	line-height: 1.6;
}

.indicadores-info__body {
	padding: clamp(5rem, 7vw, 8rem) 0 clamp(7rem, 9vw, 10rem);
}

.indicadores-info__content {
	font-size: 1.7rem;
	line-height: 1.8;
}

.indicadores-info__content > * {
	max-width: 82rem;
}

.indicadores-info__content h2 {
	margin: 5rem 0 1.5rem;
	color: var(--ind-ink);
	font-size: clamp(2.8rem, 4vw, 4rem);
	letter-spacing: -0.035em;
}

.indicadores-info__content h2:first-child {
	margin-top: 0;
}

.indicadores-info__content h3 {
	margin: 3rem 0 1rem;
	color: var(--ind-ink);
	font-size: 2.3rem;
}

.indicadores-info__content a {
	color: var(--ind-teal-dark);
}

/* Tipografía uniforme del menú principal; los colores conservan sus estados. */
.primary-menu > li > a {
	font-size: 1.65rem;
	font-weight: normal;
	line-height: 1.65;
}

.indicadores-info__content .indicadores-info-card {
	max-width: 120rem;
	margin: 4rem 0;
	padding: 2.5rem;
	background: var(--ind-teal-surface);
	border: 1px solid var(--ind-teal-border);
	border-radius: 14px;
}

.indicadores-contact-card {
	max-width: 82rem;
	margin-top: 3rem;
	padding: clamp(2rem, 4vw, 3.5rem);
	background: #f6f9f9;
	border: 1px solid #d8e2e7;
	border-radius: 16px;
}

.indicadores-contact-form__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem;
}

.indicadores-contact-form p {
	margin: 0 0 2rem;
}

.indicadores-contact-form label {
	display: block;
	margin-bottom: 0.7rem;
	color: var(--ind-ink);
	font-size: 1.35rem;
	font-weight: 700;
}

.indicadores-contact-form input[type="text"],
.indicadores-contact-form input[type="email"],
.indicadores-contact-form select,
.indicadores-contact-form textarea {
	width: 100%;
	padding: 1.25rem 1.4rem;
	color: var(--ind-ink);
	background: #fff;
	border: 1px solid #cdd9df;
	border-radius: 8px;
	font-size: 1.5rem;
}

.indicadores-contact-form input:focus,
.indicadores-contact-form select:focus,
.indicadores-contact-form textarea:focus {
	border-color: var(--ind-teal);
	box-shadow: 0 0 0 3px rgba(var(--ind-accent-rgb), 0.13);
	outline: 0;
}

.indicadores-contact-form__consent label {
	display: flex;
	align-items: flex-start;
	font-weight: 450;
	line-height: 1.5;
	gap: 0.9rem;
}

.indicadores-contact-form__consent input {
	margin-top: 0.3rem;
}

.indicadores-contact-form button {
	min-height: 4.8rem;
	padding: 1rem 2rem;
	color: #fff;
	background: var(--ind-teal);
	border: 0;
	border-radius: 9px;
	font-size: 1.4rem;
	font-weight: 750;
}

.indicadores-contact-form__trap {
	position: absolute;
	left: -10000px;
}

.indicadores-contact-notice {
	margin: 0 0 2rem;
	padding: 1.4rem 1.6rem;
	border-left: 4px solid var(--ind-teal);
	border-radius: 0 8px 8px 0;
}

.indicadores-contact-notice.is-success {
	background: var(--ind-teal-surface);
}

.indicadores-contact-notice.is-error {
	background: #fff1f1;
	border-color: #b94343;
}

@media (max-width: 760px) {
	.indicadores-site-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.indicadores-site-footer__brand-column {
		grid-column: 1 / -1;
	}

	.indicadores-site-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.indicadores-contact-form__row {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

@media (max-width: 480px) {
	.indicadores-site-footer__inner,
	.indicadores-info__shell,
	.indicadores-info__content {
		width: calc(100% - 3rem);
	}

	.indicadores-site-footer__grid {
		grid-template-columns: 1fr;
		gap: 3.5rem;
	}

	.indicadores-site-footer__brand-column {
		grid-column: auto;
	}
}

@media (max-width: 900px) {
	.indicadores-home-comparator__heading { grid-template-columns: 1fr; gap: 0; }
	.indicadores-home-comparator__heading > p { max-width: 65rem; }
	.indicadores-home-comparator__table-head,
	.indicadores-home-comparator__row { grid-template-columns: minmax(22rem,1.3fr) repeat(3,minmax(12rem,.7fr)); }

	.indicadores-currency-directory__heading,
	.indicadores-currency-directory__toolbar {
		grid-template-columns: 1fr;
	}

	.indicadores-currency-directory__count {
		min-height: 0;
		padding: 0 0 0 2rem;
	}

	.indicadores-currency-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.indicadores-hero__grid,
	.indicadores-section-heading,
	.indicadores-dashboard__grid {
		grid-template-columns: 1fr;
	}

	.indicadores-dashboard__grid {
		gap: 4.5rem;
	}

	.indicadores-overview {
		padding-right: 0;
	}

	.indicadores-overview .indicadores-source {
		margin-top: 3rem;
	}

	.indicadores-converter {
		width: 100%;
	}

	.indicadores-stats__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.indicadores-stats__inner > div:nth-child(3) {
		border-top: 1px solid rgba(255, 255, 255, 0.16);
	}

	.indicadores-stats__inner > div:nth-child(4) {
		border-top: 1px solid rgba(255, 255, 255, 0.16);
		border-right: 1px solid rgba(255, 255, 255, 0.16);
	}

	.indicadores-hero__grid {
		gap: 4.5rem;
	}

	.indicadores-value-card {
		max-width: 58rem;
	}

	.indicadores-section-heading {
		gap: 1.6rem;
	}

	.indicadores-section-heading > p {
		max-width: 65rem;
	}

	.indicadores-table-grid {
		grid-template-columns: 1fr;
	}

	.indicadores-equivalences__toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.indicadores-equivalences__direction {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.indicadores-equivalences__direction button {
		min-width: 0;
	}

	.indicadores-equivalences__period {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.indicadores-news-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.indicadores-history-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.indicadores-history-summary > div:nth-child(2) {
		border-right: 0;
	}

	.indicadores-history-summary > div:nth-child(n+3) {
		border-top: 1px solid rgba(255, 255, 255, 0.14);
	}
}

@media (max-width: 620px) {
	.indicadores-home-comparator__heading { text-align: left; }
	.indicadores-home-comparator__table-head { display: none; }
	.indicadores-home-comparator__row {
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 1.4rem 2rem;
		padding: 1.8rem;
	}
	.indicadores-home-comparator__provider { grid-column: 1 / -1; }
	.indicadores-home-comparator__rate span { display: block; }
	.indicadores-home-comparator__type { grid-column: 1 / -1; }
	.indicadores-home-comparator__footer { align-items: flex-start; flex-direction: column; margin-top: .2rem; border: 1px solid var(--ind-line); border-radius: 1rem; }
	.indicadores-home-comparator__footer p { line-height: 1.5; }

	.indicadores-currency-directory {
		padding-top: 5rem;
	}

	.indicadores-currency-directory__heading h2 {
		font-size: 4rem;
	}

	.indicadores-currency-directory__count {
		padding-left: 1.6rem;
	}

	.indicadores-currency-directory__catalog {
		padding-right: 14px;
		padding-left: 14px;
	}

	.indicadores-currency-grid {
		grid-template-columns: 1fr;
	}

	.indicadores-currency-card {
		min-height: 12.5rem;
	}

	.indicadores-shell {
		width: min(100% - 28px, 1200px);
	}

	.indicadores-hero {
		padding-top: 5.5rem;
	}

	.indicadores-dashboard__grid {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.indicadores-conversion-section {
		padding-top: 3.5rem;
	}

	.indicadores-overview h1 {
		font-size: clamp(4rem, 4.5vw, 6.2rem);
	}

	.indicadores-current-heading,
	.indicadores-overview .indicadores-source,
	.indicadores-converter__top,
	.indicadores-converter__actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.indicadores-overview__value {
		font-size: 6.3rem;
	}

	.indicadores-converter {
		padding: 2rem 1.6rem;
	}

	.indicadores-rate-badge {
		align-self: stretch;
		text-align: center;
	}

	.indicadores-period-controls {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 5.2rem;
	}

	.indicadores-period-controls select,
	.indicadores-period-year,
	.indicadores-reset-button {
		height: 5.2rem;
	}

	.indicadores-conversion-fields {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.indicadores-swap-button {
		justify-self: center;
		transform: rotate(90deg);
	}

	.indicadores-swap-button:hover,
	.indicadores-swap-button:focus {
		transform: rotate(90deg) translateX(-1px);
	}

	.indicadores-quick-values,
	.indicadores-share-actions {
		width: 100%;
		flex-wrap: wrap;
	}

	.indicadores-quick-values button {
		flex: 1 1 4.5rem;
	}

	.indicadores-share-actions button,
	.indicadores-share-actions a {
		flex: 1 1 calc(50% - 0.5rem);
	}

	.indicadores-stats__inner {
		grid-template-columns: 1fr;
	}

	.indicadores-stats__inner > div,
	.indicadores-stats__inner > div:nth-child(2) {
		min-height: 9.5rem;
		border-top: 1px solid rgba(255, 255, 255, 0.16);
		border-right: 1px solid rgba(255, 255, 255, 0.16);
	}

	.indicadores-date {
		align-items: flex-start;
		border-radius: 14px;
	}

	.indicadores-calculator-card,
	.indicadores-history-card,
	.indicadores-table-panel,
	.indicadores-content-card {
		padding: 2rem;
		border-radius: 16px;
	}

	.indicadores-entry-content h2 {
		padding-top: 2.4rem;
		padding-left: 1.5rem;
		font-size: 2.75rem;
	}

	.indicadores-entry-content h2::before {
		top: 2.75rem;
		height: 2.1rem;
	}

	.indicadores-entry-content h3 {
		padding: 1.5rem 1.6rem;
		font-size: 2.25rem;
	}

	.indicadores-entry-content ul,
	.indicadores-entry-content ol {
		padding: 1.7rem 1.6rem 1.7rem 3.6rem;
	}

	.indicadores-calculator-card > table,
	.indicadores-calculator-card > table tbody,
	.indicadores-calculator-card > table tr,
	.indicadores-calculator-card > table th {
		display: block;
		width: 100%;
	}

	.indicadores-calculator-card .cambiar-dv {
		width: 100%;
		padding: 1.4rem 0;
	}

	.indicadores-calculator-card #switch {
		transform: rotate(90deg);
	}

	.indicadores-table-panel {
		padding-right: 1.2rem;
		padding-left: 1.2rem;
	}

	.indicadores-table-panel table {
		font-size: 1.3rem;
	}

	.indicadores-table-panel th,
	.indicadores-table-panel td {
		padding: 1rem;
	}

	.indicadores-equivalences__toolbar {
		gap: 1.6rem;
		margin-bottom: 1.8rem;
	}

	.indicadores-equivalences__direction button {
		min-height: 4rem;
		padding: 0.7rem 0.8rem;
		font-size: 1.2rem;
	}

	.indicadores-equivalences__period select {
		height: 4.4rem;
		font-size: 1.5rem;
	}

	.indicadores-equivalences__summary {
		grid-template-columns: 1fr auto;
		gap: 0.3rem 1rem;
		padding: 1.1rem 1.2rem;
	}

	.indicadores-equivalences__summary > span {
		display: none;
	}

	.indicadores-equivalences__summary strong {
		font-size: 1.35rem;
	}

	.indicadores-equivalences__summary small {
		font-size: 1.1rem;
	}

	.indicadores-equivalences__table thead {
		display: none;
	}

	.indicadores-equivalences__table tbody tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 2.2rem minmax(0, 1.1fr) 4rem;
		align-items: center;
	}

	.indicadores-equivalences__table tbody th,
	.indicadores-equivalences__table tbody td {
		display: flex;
		align-items: center;
		height: 5.2rem;
		min-width: 0;
		padding: 0.8rem;
		border-bottom: 1px solid var(--ind-line);
		font-size: 1.2rem;
	}

	.indicadores-equivalences__table tbody td {
		justify-content: flex-end;
	}

	.indicadores-equivalences__table tbody tr.has-frequent-label th span::after {
		display: none;
	}

	.indicadores-equivalences__copy {
		width: 3.4rem;
		height: 3.4rem;
	}

	.indicadores-equivalences__note {
		align-items: flex-start;
		font-size: 1.1rem;
		line-height: 1.5;
	}

	.indicadores-history-toolbar,
	.indicadores-history-detail__heading,
	.indicadores-history-chart-heading,
	.indicadores-history-chart-note {
		align-items: flex-start;
		flex-direction: column;
	}

	.indicadores-history-toolbar,
	.indicadores-history-chart-panel,
	.indicadores-history-detail {
		padding: 2rem 1.6rem;
	}

	.indicadores-history-ranges {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.indicadores-history-ranges button {
		width: 100%;
		min-width: 0;
	}

	.indicadores-history-coverage {
		text-align: left;
	}

	.indicadores-history-summary {
		grid-template-columns: 1fr;
	}

	.indicadores-history-summary > div,
	.indicadores-history-summary > div:nth-child(2) {
		min-height: 9.5rem;
		border-top: 1px solid rgba(255, 255, 255, 0.14);
		border-right: 0;
	}

	.indicadores-history-chart-wrap {
		min-height: 28rem;
		overflow-x: auto;
	}

	.indicadores-history-chart-wrap svg {
		width: 76rem;
		min-height: 28rem;
	}

	.indicadores-history-tooltip {
		display: none;
	}

	.indicadores-history-detail__count {
		width: 100%;
		justify-content: space-between;
	}

	.indicadores-history-table {
		min-width: 66rem;
	}

	.indicadores-news-grid {
		grid-template-columns: 1fr;
	}

	.indicadores-faq-item summary {
		min-height: 6.4rem;
		padding: 1.9rem 0;
		gap: 1.6rem;
	}

	.indicadores-faq-answer {
		padding-right: 1.8rem;
	}

	.indicadores-home .header-inner {
		padding: 1.15rem 0;
	}

	.indicadores-home section.indicadores-dashboard {
		padding: 0;
	}

	.indicadores-home .indicadores-overview {
		text-align: center;
	}

	.indicadores-home .indicadores-current-heading {
		gap: 1rem;
		align-items: center;
		margin-top: 3rem;
	}

	.indicadores-home .indicadores-current-actions {
		justify-content: center;
	}

	.indicadores-home .indicadores-overview__value {
		margin-top: 1.8rem;
	}

	.indicadores-home .indicadores-variation {
		justify-content: center;
		margin-top: 1.8rem;
		flex-wrap: wrap;
		gap: 0.8rem;
	}

	.indicadores-home .indicadores-quick-answer,
	.indicadores-home .indicadores-source {
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.indicadores-main *,
	.indicadores-main *::before,
	.indicadores-main *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Evita que Twenty Twenty sobrescriba el peso de los H1 internos. */
body:not(.home) #site-content h1,
body:not(.home) .entry-title {
	font-weight: 760;
}

/* Accesibilidad: variaciones neutrales con contraste AA segun la superficie. */
.indicadores-history-summary strong.is-positive,
.indicadores-history-summary strong.is-negative,
.indicadores-history-summary strong.is-neutral {
	color: #fff;
}

.indicadores-history-table td.is-positive,
.indicadores-history-table td.is-negative,
.indicadores-history-table td.is-neutral {
	color: var(--ind-ink);
}

.indicadores-history-table td.is-positive small,
.indicadores-history-table td.is-negative small,
.indicadores-history-table td.is-neutral small {
	color: inherit;
	opacity: 1;
}

/* Taboola: presenta las recomendaciones como un bloque hermano del articulo. */
#taboola-below-article-thumbnails {
	max-width: 120rem;
	margin: clamp(2.4rem, 4vw, 4rem) auto 0;
	padding: clamp(2.5rem, 4vw, 5rem);
	background: #fff;
	border: 1px solid var(--ind-line);
	border-radius: 16px;
	box-shadow: var(--ind-shadow);
}

@media (max-width: 700px) {
	#taboola-below-article-thumbnails {
		padding: 2rem;
	}
}

/* Áreas publicitarias administrables de la portada. */
.indicadores-home .indicadores-home-ad {
	box-sizing: border-box;
	width: 100%;
}

.indicadores-home .indicadores-home-ad[hidden] {
	display: none !important;
}

.indicadores-home .indicadores-home-ad [data-home-ad-mount] {
	width: 100%;
}

.indicadores-home .indicadores-home-ad--top {
	padding: 0;
}

.lb-a {
	margin-bottom: 0;
}

.indicadores-home .indicadores-home-ad--intermediate-mobile {
	display: none;
}

.indicadores-home .indicadores-home-ad--below-calculator {
	padding: 0 clamp(0rem, 2vw, 1rem) clamp(1rem, 2.5vw, 2rem);
}

.indicadores-home .indicadores-home-ad__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.indicadores-home .indicadores-home-ad .indicadores-widget {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	text-align: center;
}

.indicadores-home .indicadores-home-ad .indicadores-widget > :first-child {
	margin-top: 0;
}

.indicadores-home .indicadores-home-ad .indicadores-widget > :last-child {
	margin-bottom: 0;
}

.indicadores-home .indicadores-home-ad img,
.indicadores-home .indicadores-home-ad video,
.indicadores-home .indicadores-home-ad canvas,
.indicadores-home .indicadores-home-ad svg {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.indicadores-home .indicadores-home-ad iframe {
	display: block;
	max-width: 100%;
	margin-inline: auto;
	border: 0;
}

/* Publicidad administrable debajo de la cabecera en vistas internas. */
.indicadores-internal-ad {
	box-sizing: border-box;
	width: 100%;
	padding: clamp(0.75rem, 2vw, 1.5rem) 0;
}

.indicadores-internal-ad[hidden] {
	display: none !important;
}

.indicadores-internal-ad [data-home-ad-mount] {
	width: 100%;
}

.indicadores-internal-ad .indicadores-home-ad__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.indicadores-internal-ad .indicadores-widget {
	box-sizing: border-box;
	max-width: 100%;
	margin: 0;
	text-align: center;
}

.indicadores-internal-ad .indicadores-widget > :first-child {
	margin-top: 0;
}

.indicadores-internal-ad .indicadores-widget > :last-child {
	margin-bottom: 0;
}

.indicadores-internal-ad img,
.indicadores-internal-ad video,
.indicadores-internal-ad canvas,
.indicadores-internal-ad svg {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.indicadores-internal-ad iframe {
	display: block;
	max-width: 100%;
	margin-inline: auto;
	border: 0;
}

/* Página 404 del tema Indicadores. */
.indicadores-404 {
	background: var(--ind-surface-alt);
	color: var(--ind-ink);
	padding: clamp(3.5rem, 7vw, 7rem) 0 clamp(4rem, 7vw, 7rem);
}

.indicadores-404__hero,
.indicadores-404__shortcuts {
	width: min(1200px, calc(100% - 40px));
	margin-inline: auto;
}

.indicadores-404__shell {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
	gap: clamp(2.5rem, 6vw, 7rem);
	align-items: center;
}

.indicadores-404__content {
	max-width: 72rem;
}

.indicadores-404__code {
	margin: 0.5rem 0 0;
	color: var(--ind-teal);
	font-size: clamp(5rem, 9vw, 9rem);
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: -0.07em;
}

.indicadores-404 h1 {
	max-width: 76rem;
	margin: clamp(1.2rem, 2vw, 2rem) 0 1.5rem;
	color: var(--ind-ink);
	font-size: clamp(3.5rem, 5vw, 6rem);
	font-weight: 760;
	line-height: 1.02;
	letter-spacing: -0.045em;
}

.indicadores-404__content > p:not(.indicadores-eyebrow):not(.indicadores-404__code) {
	max-width: 68rem;
	margin: 0;
	color: var(--ind-ink-soft);
	font-size: clamp(1.7rem, 2vw, 2rem);
	line-height: 1.65;
}

.indicadores-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: clamp(2rem, 3vw, 3rem);
}

.indicadores-404__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 5rem;
	padding: 1.1rem 1.8rem;
	border: 1px solid var(--ind-teal-dark);
	border-radius: 0.8rem;
	background: var(--ind-surface);
	color: var(--ind-teal-dark);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.indicadores-404__button.is-primary,
.indicadores-404__button.is-primary:hover,
.indicadores-404__button.is-primary:focus {
	background: var(--ind-teal-dark);
	color: #fff;
}

.indicadores-404__button:hover,
.indicadores-404__button:focus {
	background: var(--ind-teal-soft);
	color: var(--ind-teal-dark);
}

.indicadores-404__button:focus-visible,
.indicadores-404__shortcuts a:focus-visible {
	outline: 3px solid var(--ind-teal);
	outline-offset: 3px;
}

.indicadores-404__visual {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	max-width: 34rem;
	margin-inline: auto;
	border: 1px solid var(--ind-teal-border);
	border-radius: 50%;
	background: var(--ind-teal-soft);
	box-shadow: var(--ind-shadow);
}

.indicadores-404__visual svg {
	width: 68%;
	height: auto;
	fill: none;
	stroke: var(--ind-teal-dark);
	stroke-width: 8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.indicadores-404__shortcuts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
	margin-top: clamp(3.5rem, 6vw, 6rem);
}

.indicadores-404__shortcuts a {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 14rem;
	padding: 2rem 5rem 2rem 2rem;
	border: 1px solid var(--ind-line);
	border-radius: 1.2rem;
	background: var(--ind-surface);
	box-shadow: 0 1.2rem 3rem rgba(23, 50, 74, 0.06);
	color: var(--ind-ink);
}

.indicadores-404__shortcuts a:hover,
.indicadores-404__shortcuts a:focus {
	border-color: var(--ind-teal);
	transform: translateY(-2px);
}

.indicadores-404__shortcuts span {
	margin-bottom: 0.7rem;
	color: var(--ind-ink-soft);
	font-size: 1.3rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.indicadores-404__shortcuts strong {
	font-size: clamp(1.7rem, 2vw, 2rem);
	font-weight: 750;
	line-height: 1.25;
}

.indicadores-404__shortcuts i {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	color: var(--ind-teal-dark);
	font-size: 2.5rem;
	font-style: normal;
	line-height: 1;
}

@media (max-width: 760px) {
	.indicadores-404 {
		padding: 3.5rem 0 4.5rem;
	}

	.indicadores-404__shell {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.indicadores-404__visual {
		width: min(24rem, 70vw);
	}

	.indicadores-404__actions {
		flex-direction: column;
	}

	.indicadores-404__button {
		width: 100%;
	}

	.indicadores-404__shortcuts {
		grid-template-columns: 1fr;
		margin-top: 3.5rem;
	}

	.indicadores-404__shortcuts a {
		min-height: 11rem;
	}
}
/* Banner responsive de descarga de la app: exclusivo para la portada móvil. */
.indicadores-mobile-app-banner {
	display: none;
}

@media (max-width: 760px) {
	.indicadores-rate-badge {
		display: none;
	}

	.indicadores-dashboard {
		border-bottom: 0;
		background: #fff;
	}

	.indicadores-home .indicadores-home-ad--intermediate-mobile {
		display: flex;
		width: 100%;
		min-height: 100px;
		grid-column: 1 / -1;
		align-items: center;
		justify-content: center;
	}

	.indicadores-home .indicadores-home-ad--intermediate-mobile .indicadores-home-ad__inner {
		width: 100%;
	}

	.indicadores-dashboard__grid:has(.indicadores-mobile-app-banner) {
		gap: 1.6rem;
	}

	.indicadores-mobile-app-banner {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 1.6rem 0 0;
	}

	.indicadores-mobile-app-banner__link {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
		min-height: 0;
		padding: 0;
		aspect-ratio: 1 / 1;
		overflow: hidden;
		border: 1px solid #dce4ea;
		border-radius: 1rem;
		background: #fff;
		box-shadow: 0 0.65rem 1.8rem rgba(15, 34, 51, 0.12);
		color: #101820;
		text-decoration: none;
	}

	.indicadores-mobile-app-banner__creative {
		position: relative;
		display: block;
		flex: 0 0 55%;
		overflow: hidden;
		background: #f2ebe2;
	}

	.indicadores-mobile-app-banner__phone {
		position: absolute;
		z-index: 1;
		top: 9.5%;
		left: 4%;
		display: block;
		width: 53%;
		height: auto;
		filter: drop-shadow(0 0.6rem 0.75rem rgba(53, 43, 33, 0.16));
	}

	.indicadores-mobile-app-banner__message {
		position: absolute;
		z-index: 2;
		top: 50%;
		right: 5%;
		display: flex;
		width: 38%;
		transform: translateY(-50%);
		flex-direction: column;
		align-items: flex-start;
		gap: 0.28rem;
		color: #0d74b8;
		text-align: left;
	}

	.indicadores-mobile-app-banner__message::before {
		display: block;
		width: clamp(1.6rem, 6vw, 2.5rem);
		height: 3px;
		margin-bottom: 0.5rem;
		background: linear-gradient(90deg, #0d74b8, #41a6d9);
		border-radius: 999px;
		content: "";
	}

	.indicadores-mobile-app-banner__message strong,
	.indicadores-mobile-app-banner__message span {
		display: block;
		font-size: clamp(1.28rem, 4.8vw, 2.1rem);
		font-weight: 700;
		line-height: 1.08;
		letter-spacing: -0.03em;
	}

	.indicadores-mobile-app-banner__message span {
		color: #17324a;
		font-weight: 500;
	}

	.indicadores-mobile-app-banner__details {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: center;
		gap: clamp(0.75rem, 3vw, 1.15rem);
		padding: clamp(0.9rem, 3.8vw, 1.35rem) clamp(0.9rem, 4vw, 1.45rem) clamp(1.35rem, 5.5vw, 2rem);
		background: #fff;
	}

	.indicadores-mobile-app-banner__identity {
		display: grid;
		grid-template-columns: clamp(52px, 15vw, 68px) minmax(0, 1fr);
		align-items: center;
		gap: clamp(0.8rem, 3.5vw, 1.15rem);
	}

	.indicadores-mobile-app-banner__icon {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		border-radius: 1rem;
		box-shadow: 0 0.2rem 0.55rem rgba(15, 34, 51, 0.12);
	}

	.indicadores-mobile-app-banner__copy {
		display: grid;
		gap: 0.38rem;
		min-width: 0;
		margin-left: 0;
		line-height: 1.1;
	}

	.indicadores-mobile-app-banner__copy strong {
		font-size: clamp(1.35rem, 5vw, 1.9rem);
		white-space: nowrap;
		text-align: left;
		font-weight: 600;
	}

	.indicadores-mobile-app-banner__store {
		display: inline-flex;
		align-items: center;
		gap: 0.3rem;
		font-size: clamp(0.9rem, 3.5vw, 1.08rem);
		font-weight: 600;
		color: #65717c;
	}

	.indicadores-mobile-app-banner__store svg {
		width: 18px;
		height: 18px;
		flex: 0 0 auto;
	}

	.indicadores-mobile-app-banner__button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: clamp(3.2rem, 13vw, 4.1rem);
		padding: 0 1.9rem;
		border-radius: 999px;
		background: #087f5b;
		color: #fff;
		font-size: clamp(1.08rem, 4.4vw, 1.4rem);
		font-weight: 700;
		letter-spacing: 0.01em;
		text-transform: none;
	}
}


/* Codex mobile logo height 4rem */
@media (max-width: 760px) {
	.site-logo img {
		max-height: 4rem;
	}
}