/* Bloque Comparativa — Dossier oscuro (negro + rojo) */
.crc-comparativa{
	--crc-accent:#E11414;
	--crc-accent-strong:#ff2d2d;
	--crc-ink:#ececec;
	--crc-muted:#8f8f8f;
	--crc-line:#2a2a2a;
	--crc-panel:#141414;
	--crc-panel-2:#1b1b1b;
	--crc-display:"Fraunces", Georgia, serif;
	--crc-cond:"Telegraf", "Arial Narrow", Impact, sans-serif;
	--crc-marker:"Hyperwave One", "Telegraf", cursive;
	--crc-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	position:relative;
	border:1px solid var(--crc-line);
	border-radius:18px;
	background:var(--crc-panel);
	overflow:hidden;
	margin:2rem 0;
	box-shadow:0 18px 40px -22px rgba(0,0,0,.8);
	font-family:var(--crc-sans);
}
.crc-comparativa__eyebrow{
	font-family:var(--crc-marker);
	font-size:clamp(1.45rem, 3.6vw, 1.9rem);
	line-height:1.02;
	letter-spacing:.04em;
	text-transform:uppercase;
	font-weight:400;
	color:var(--crc-accent-strong);
	padding:.95rem 1.4rem;
	border-bottom:1px solid var(--crc-line);
	background:var(--crc-panel-2);
}
.crc-comparativa__grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	position:relative;
}
/* Badge VS al centro */
/* VS como elemento tipográfico grande (Telegraf), entre las dos columnas */
.crc-comparativa__grid::after{
	content:"VS";
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	font-family:var(--crc-cond); font-weight:700;
	font-size:clamp(2.4rem, 4.4vw, 3.6rem); line-height:1; letter-spacing:.02em;
	color:var(--crc-accent-strong);
	text-shadow:0 3px 20px rgba(0,0,0,.7), 0 0 2px rgba(0,0,0,.6);
	z-index:2; pointer-events:none;
}
/* Canal central para que el VS no encime el texto de las columnas (solo desktop, 2 columnas) */
@media (min-width:821px){
	.crc-comparativa .crc-comparativa__col--discurso{ padding-right:3.6rem; }
	.crc-comparativa .crc-comparativa__col--datos{ padding-left:3.6rem; }
}
.crc-comparativa__col{ position:relative; padding:1.7rem; display:flex; flex-direction:column; justify-content:center; min-height:220px; }
.crc-comparativa__col--discurso{
	background:var(--crc-panel);
	color:#c9c9c9;
}
/* La columna "La cruda realidad": panel secundario, más alta */
.crc-comparativa__col--datos{ background:var(--crc-panel-2); padding-top:5.1rem; }
.crc-comparativa__body{ margin:0; width:100%; }
/* La barra (tag) va FIJA arriba a la izquierda y no empuja el cuerpo (que se centra) */
.crc-comparativa__tag{
	position:absolute; top:1.5rem; left:1.7rem; z-index:3; margin:0;
	display:inline-block;
	font-family:var(--crc-cond);
	font-size:.74rem;
	letter-spacing:.16em;
	text-transform:uppercase;
	font-weight:600;
	color:var(--crc-muted);
	border:1px solid var(--crc-line);
	border-radius:999px;
	padding:.28rem .8rem;
}
.crc-comparativa__tag--datos{ font-family:var(--crc-marker); font-size:clamp(1.25rem, 3vw, 1.6rem); line-height:1; font-weight:400; letter-spacing:.03em; padding:.32rem .9rem; color:var(--crc-accent-strong); border-color:rgba(255,45,45,.45); background:rgba(225,20,20,.10); }
.crc-comparativa__quote{
	font-family:var(--crc-display);
	font-style:italic;
	font-size:1.28rem;
	line-height:1.5;
	color:#d6d6d6;
	margin:0; border:0; padding:0; quotes:none;
	position:relative; z-index:1;
}
.crc-comparativa__credito{ margin:.95rem 0 0; font-family:var(--crc-sans); font-size:.9rem; font-weight:700; letter-spacing:.02em; color:#bdbdbd; position:relative; z-index:1; }
.crc-comparativa__enlace{ margin:.6rem 0 0; font-family:var(--crc-sans); font-size:.86rem; position:relative; z-index:1; }
.crc-comparativa__enlace a{ color:#bdbdbd; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.22); padding-bottom:1px; transition:color .16s ease, border-color .16s ease; }
.crc-comparativa__enlace a:hover{ color:#fff; border-color:#E11414; }
.crc-comparativa__col--datos .crc-comparativa__enlace a{ color:#e6e6e6; }
.crc-comparativa__fact{
	font-family:var(--crc-display);
	font-size:1.28rem;
	line-height:1.4;
	color:var(--crc-ink);
	font-weight:600;
	margin:0 0 1.2rem;
}
.crc-comparativa__col--datos .crc-comparativa__fact{ color:#ffffff; }
.crc-comparativa__muted{ color:var(--crc-muted); }
.crc-comparativa__nodiscurso{
	font-family:var(--crc-display); font-style:italic;
	font-size:1.12rem; line-height:1.5; color:#9a9a9a; margin:0; position:relative; z-index:1;
}
.crc-comparativa__nodiscurso span{ display:block; margin-top:.4rem; font-family:var(--crc-sans); font-style:normal; font-size:.9rem; color:#7a7a7a; }

/* Gráfica SVG */
.crc-grafica{ --c:#E11414; margin:1.8rem 0; padding:1.4rem 1.4rem 1rem; border:1px solid #2a2a2a; border-radius:16px; background:#141414; box-shadow:0 1px 2px rgba(0,0,0,.5); }
.crc-grafica__titulo{ font-family:"Telegraf", "Arial Narrow", "Helvetica Neue", Impact, sans-serif; font-weight:700; font-size:1.2rem; color:#ffffff; margin:0 0 .5rem; line-height:1.2; }
.crc-grafica__sub{ font-size:.95rem; color:#b0b0b0; margin:0 0 1.1rem; line-height:1.55; max-width:60ch; }
.crc-grafica svg{ width:100%; height:auto; display:block; }
.crc-grafica .crc-graf__val{ font-family:var(--crc-sans); font-weight:800; font-size:15px; }
.crc-grafica .crc-graf__lab{ font-family:var(--crc-sans); font-weight:500; font-size:13px; fill:#8f8f8f; }
.crc-grafica__nota{ font-size:.85rem; color:#8f8f8f; margin:.6rem 0 0; }
.crc-grafica__fuente{ font-size:.8rem; color:#7a7a7a; margin:.4rem 0 0; }
.crc-grafica__fuente a{ color:#ff2d2d; font-weight:600; text-decoration:none; }

/* ===== Dashboard interactivo ===== */
.crc-dash{ font-family:var(--crc-sans); margin:1rem 0 2.5rem; }
.crc-dash__layout{ display:grid; grid-template-columns:236px 1fr; gap:20px; align-items:start; }
.crc-dash__nav{ display:flex; flex-direction:column; gap:4px; border:1px solid #2a2a2a; border-radius:16px; background:#141414; padding:8px; box-shadow:0 1px 2px rgba(0,0,0,.5); }
.crc-dash__navitem{ --c:#E11414; display:flex; align-items:center; gap:10px; text-align:left; font:inherit; font-size:.9rem; font-weight:600; color:#b0b0b0; cursor:pointer; background:none; border:0; border-radius:10px; padding:.6rem .7rem; width:100%; transition:background .15s ease,color .15s ease; }
.crc-dash__navitem:hover{ background:#1f1f1f; color:#ffffff; }
.crc-dash__navitem.is-active{ background:rgba(225,20,20,.14); color:#ffffff; }
.crc-dash__dot{ width:10px; height:10px; border-radius:50%; background:var(--c); flex:0 0 auto; box-shadow:0 0 0 3px rgba(225,20,20,.22); }
.crc-dash__navtxt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.crc-dash__main{ display:grid; grid-template-columns:1.5fr 1fr; gap:20px; align-items:stretch; }
.crc-dash__chartbox{ border:1px solid #2a2a2a; border-radius:18px; background:#141414; padding:22px 22px 18px; box-shadow:0 1px 2px rgba(0,0,0,.5); }
.crc-dash__title{ font-family:var(--crc-display); font-weight:800; font-size:1.3rem; color:#ffffff; margin:0 0 .3rem; line-height:1.2; }
.crc-dash__note{ font-size:.92rem; color:#8f8f8f; margin:0 0 .6rem; }
.crc-dash__chart{ margin:.4rem 0; }
.crc-dash__svg{ width:100%; height:auto; display:block; }
.crc-dash__val{ font-family:var(--crc-sans); font-weight:800; font-size:15px; }
.crc-dash__lab{ font-family:var(--crc-sans); font-weight:600; font-size:13px; fill:#8f8f8f; }
.crc-dash__src{ font-size:.8rem; color:#7a7a7a; margin:.4rem 0 0; }
.crc-dash__src a{ color:#ff2d2d; font-weight:600; }
.crc-dash__detail{
	border:1px solid #2a2a2a; border-radius:18px; padding:24px; display:flex; flex-direction:column; justify-content:center;
	background:#1b1b1b; color:#c9c9c9;
}
.crc-dash__d-tema{ align-self:flex-start; font-size:.68rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--c); padding:.26rem .7rem; border-radius:999px; margin-bottom:14px; }
.crc-dash__d-val{ font-family:var(--crc-display); font-weight:900; font-size:2.9rem; line-height:1; letter-spacing:-.02em; color:#ffffff; }
.crc-dash__d-lab{ font-size:.95rem; color:#9a9a9a; margin-top:.3rem; font-weight:600; }
.crc-dash__d-ctx{ font-size:1.02rem; line-height:1.55; color:#e2e2e2; margin:1rem 0 0; }
.crc-dash__d-src{ font-size:.82rem; color:#8f8f8f; margin:1.1rem 0 0; }
.crc-dash__d-src a{ color:#ff2d2d; font-weight:600; text-decoration:none; }
.crc-dash__hint{ font-size:.82rem; color:#8f8f8f; }
@media (max-width:980px){
	.crc-dash__main{ grid-template-columns:1fr; }
}
@media (max-width:768px){
	.crc-dash__layout{ grid-template-columns:1fr; }
	.crc-dash__nav{
		flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:6px; padding:8px;
		-webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;
		-webkit-mask-image:linear-gradient(90deg,#000 84%,transparent);
		mask-image:linear-gradient(90deg,#000 84%,transparent);
	}
	.crc-dash__nav::-webkit-scrollbar{ height:6px; }
	.crc-dash__nav::-webkit-scrollbar-thumb{ background:#3a3a3a; border-radius:3px; }
	.crc-dash__navitem{ flex:0 0 auto; width:auto; scroll-snap-align:start; }
	.crc-dash__navtxt{ max-width:none; }
}
@media (max-width:600px){
	.crc-dash__d-val{ font-size:2.2rem; }
	.crc-dash__chartbox,.crc-dash__detail{ padding:16px; }
}

/* ===== Mapa (iframe Leaflet) con dos vistas ===== */
.crc-mapa{ margin:1.8rem 0; }
.crc-mapa__switch{ display:inline-flex; gap:4px; background:#141414; border:1px solid #2a2a2a; border-radius:999px; padding:4px; margin:0 0 12px; box-shadow:0 1px 2px rgba(0,0,0,.5); }
.crc-mapa__btn{ font:inherit; font-size:.82rem; font-weight:700; cursor:pointer; border:0; background:none; color:#8f8f8f; padding:.45rem .95rem; border-radius:999px; transition:all .15s ease; }
.crc-mapa__btn:hover{ color:#ffffff; }
.crc-mapa__btn.is-active{ background:#E11414; color:#fff; }
.crc-mapa__frame{ display:none; }
.crc-mapa__frame.is-active{ display:block; }
.crc-mapa iframe{ width:100%; height:520px; border:0; border-radius:14px; border:1px solid #2a2a2a; box-shadow:0 10px 30px -18px rgba(0,0,0,.7); background:#0b0b0b; }
.crc-mapa--full{ text-align:center; }
.crc-mapa--full .crc-mapa__switch{ margin:0 auto 14px; }
.crc-mapa--full .crc-mapa__frames{ text-align:initial; }
.crc-mapa figcaption{ margin-top:.6rem; font-size:.82rem; color:#8f8f8f; }
@media (max-width:600px){ .crc-mapa iframe{ height:420px; } }
/* Variante full-width (home) */
.crc-mapa--full{ margin:0; }
.crc-mapa--full iframe{ height:600px; border-radius:0; border-left:0; border-right:0; box-shadow:none; }
@media (max-width:600px){ .crc-mapa--full iframe{ height:480px; } }

/* ===== Explorador de datos ===== */
.crc-exp{ font-family:var(--crc-sans); margin:1rem 0 2rem; }
.crc-exp__stats{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:22px; }
.crc-exp__stat{ flex:1 1 150px; border:1px solid #2a2a2a; border-radius:14px; background:#141414; padding:16px 18px; box-shadow:0 1px 2px rgba(0,0,0,.5); }
.crc-exp__stat strong{ display:block; font-family:var(--crc-display); font-size:2rem; font-weight:900; color:#ffffff; line-height:1; }
.crc-exp__stat span{ font-size:.85rem; color:#8f8f8f; }
.crc-exp__controls{ display:flex; flex-direction:column; gap:14px; margin-bottom:14px; }
.crc-exp__search{ width:100%; font:inherit; font-size:1rem; padding:.8rem 1rem; border:1px solid #2a2a2a; border-radius:12px; background:#141414; color:#ececec; }
.crc-exp__search::placeholder{ color:#6f6f6f; }
.crc-exp__search:focus{ outline:none; border-color:#E11414; box-shadow:0 0 0 3px rgba(225,20,20,.2); }
.crc-exp__chips{ display:flex; flex-wrap:wrap; gap:8px; }
.crc-exp__chip{ --c:#ff2d2d; font:inherit; font-size:.82rem; font-weight:700; cursor:pointer; padding:.4rem .85rem; border-radius:999px; border:1px solid #2a2a2a; background:#141414; color:#b0b0b0; transition:all .15s ease; }
.crc-exp__chip:hover{ border-color:var(--c); color:var(--c); }
.crc-exp__chip.is-active{ background:var(--c); border-color:var(--c); color:#fff; }
.crc-exp__chip[data-tema="all"].is-active{ background:#E11414; border-color:#E11414; }
.crc-exp__count{ font-size:.85rem; color:#8f8f8f; margin:0 2px 10px; }
.crc-exp__tablewrap{ overflow-x:auto; border:1px solid #2a2a2a; border-radius:16px; background:#141414; box-shadow:0 1px 2px rgba(0,0,0,.5); }
.crc-exp__table{ width:100%; border-collapse:collapse; font-size:.94rem; }
.crc-exp__table thead th{ text-align:left; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:#8f8f8f; font-weight:800; padding:14px 16px; border-bottom:1px solid #2a2a2a; background:#1b1b1b; position:sticky; top:0; }
.crc-exp__row td{ padding:14px 16px; border-bottom:1px solid #232323; vertical-align:top; }
.crc-exp__row:last-child td{ border-bottom:0; }
.crc-exp__row:hover td{ background:rgba(225,20,20,.06); }
.crc-exp__ind{ color:#ececec; font-weight:600; max-width:34ch; }
.crc-exp__val{ font-family:var(--crc-display); font-weight:800; color:#ffffff; white-space:nowrap; }
.crc-exp__per{ color:#8f8f8f; white-space:nowrap; }
.crc-exp__tag{ display:inline-block; font-size:.74rem; font-weight:700; color:#ff2d2d; background:rgba(225,20,20,.12); border:1px solid rgba(255,45,45,.35); border-radius:999px; padding:.2rem .6rem; white-space:nowrap; }
.crc-exp__fte a{ color:#ff2d2d; font-weight:700; text-decoration:none; white-space:nowrap; }
.crc-exp__fte a:hover{ text-decoration:underline; }
.crc-exp__nofte{ color:#6f6f6f; }
.crc-exp__empty{ padding:26px; text-align:center; color:#8f8f8f; }
@media (max-width:600px){
	.crc-exp__ind{ max-width:none; }
	.crc-exp__table{ font-size:.86rem; }
}

/* Figuras / gráficas del documento — presentación limpia */
.crc-figura{ position:relative; margin:1.9rem 0; }
.crc-figura__badge{ display:none; }
.crc-figura img{ display:block; width:100%; height:auto; border-radius:12px; border:1px solid #2a2a2a; background:#141414; box-shadow:0 12px 30px -20px rgba(0,0,0,.7); }
.crc-comparativa__fuentes{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.5rem; }
.crc-comparativa__fuentes li{
	display:flex; align-items:flex-start; gap:.55rem;
	font-size:.85rem; line-height:1.4; color:#c9c9c9;
	background:#141414; border:1px solid var(--crc-line);
	border-radius:10px; padding:.5rem .7rem;
}
/* Prefijo "↳" rojo en lugar del punto */
.crc-comparativa__fuente-dot{
	width:auto; height:auto; background:none; border-radius:0;
	flex:0 0 auto; position:relative; top:0;
	font-weight:800; color:var(--crc-accent-strong); line-height:1.4;
}
.crc-comparativa__fuente-dot::before{ content:"\21B3"; }
.crc-comparativa__fuentes a{ color:var(--crc-accent-strong); text-decoration:none; word-break:break-word; font-weight:600; }
.crc-comparativa__fuentes a:hover{ text-decoration:underline; }

/* Métricas */
.crc-metricas{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:2rem 0; }
.crc-metrica{
	--c:#E11414;
	position:relative; border:1px solid #2a2a2a; border-radius:12px;
	background:#141414; padding:24px 22px 22px; overflow:hidden;
	box-shadow:0 1px 2px rgba(0,0,0,.5);
	transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.crc-metrica::before{ content:""; position:absolute; left:0; top:0; height:4px; width:100%; background:#E11414; }
.crc-metrica:hover{ transform:translateY(-3px); border-color:#E11414; box-shadow:0 18px 38px -20px rgba(225,20,20,.45); }
.crc-metrica__icon{
	width:42px; height:42px; border-radius:12px; margin-bottom:12px;
	background:rgba(225,20,20,.14); color:#ff2d2d;
	display:inline-flex; align-items:center; justify-content:center;
}
.crc-metrica__icon svg{ width:22px; height:22px; }
.crc-metrica__cifra{ font-family:var(--crc-display); font-size:2rem; font-weight:800; letter-spacing:-.03em; color:#ffffff; line-height:1; }
.crc-metrica__delta{ color:#ff2d2d; font-weight:800; }
.crc-metrica__sub{ margin-top:.5rem; font-size:.85rem; color:#8f8f8f; line-height:1.4; }

@media (max-width:820px){
	.crc-comparativa__grid{ grid-template-columns:1fr; }
	.crc-comparativa__grid::after{ display:none; }
	.crc-comparativa__col--datos{ position:relative; }
	.crc-comparativa__col--datos::before{
		content:"VS";
		position:absolute; top:0; left:50%; transform:translate(-50%,-50%);
		font-family:var(--crc-cond); font-weight:700; font-size:2.4rem; line-height:1;
		color:var(--crc-accent-strong); z-index:4;
		text-shadow:0 2px 12px rgba(0,0,0,.8);
	}
	.crc-metricas{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px){
	.crc-metricas{ grid-template-columns:1fr; }
}