/* Plantilla compartida de los informes "de datos" a cinco escalas (mundial/Europa/
   España/Catalunya/Barcelona): desempleo.html, verano-de-los-records-2026.html,
   invierno-2026-ucrania-iran.html. Antes cada página traía este mismo bloque de CSS
   copiado y pegado casi al carácter — ver skill estandar-paginas-egv, sección 10.
   Se carga después de css/style.css: las variables de aquí son alias de las
   compartidas (tema claro/oscuro ya resuelto ahí), salvo --warn-bg/--warn-border,
   que son un tono de aviso propio de esta serie. */
:root{
  --bg-elev:var(--surface);
  --bg-elev-2:var(--surface-2);
  --text-dim:var(--text-muted);
  --accent:var(--primary);
  --accent-2:var(--primary-2);
  --link:var(--primary);
  --warn-bg:rgba(248,113,113,.14);
  --warn-border:rgba(248,113,113,.4);
}
body.informe-datos{
  margin:0;
  font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.65;
}
body.informe-datos h1, body.informe-datos h2, body.informe-datos h3{
  font-family:"Iowan Old Style","Sitka Text",Charter,Georgia,"Noto Serif",serif;
  font-weight:600;
  text-wrap:balance;
}
body.informe-datos a{color:var(--link);text-decoration:underline;text-decoration-color:rgba(227,154,107,.35);overflow-wrap:anywhere;}
body.informe-datos a:hover{text-decoration-color:var(--link);}
body.informe-datos .num{font-variant-numeric:tabular-nums;}

body.informe-datos .wrap{max-width:1400px;margin:0 auto;padding:48px 20px 100px;}
@media(min-width:768px){body.informe-datos .wrap{padding:64px 40px 120px;}}

body.informe-datos header.hero{border-bottom:1px solid var(--border);padding-bottom:32px;margin-bottom:40px;}
body.informe-datos .kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--accent);font-weight:700;}
body.informe-datos h1{font-size:clamp(1.8rem,4.2vw,2.9rem);line-height:1.12;margin:12px 0 16px;overflow-wrap:anywhere;}
body.informe-datos .subtitle{color:var(--text-dim);font-size:1.08rem;max-width:850px;}
body.informe-datos .meta-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;font-size:.88rem;color:var(--text-dim);}
body.informe-datos .meta-row strong{color:var(--text);}
body.informe-datos .alerta-viva{
  display:inline-block;margin-top:16px;padding:8px 14px;border-radius:8px;
  background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--text);font-size:.86rem;
}

body.informe-datos nav.toc{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:44px;}
body.informe-datos nav.toc h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 12px;font-family:inherit;}
body.informe-datos nav.toc ol{margin:0;padding-left:1.2em;columns:1;}
@media(min-width:640px){body.informe-datos nav.toc ol{columns:2;column-gap:32px;}}
body.informe-datos nav.toc li{margin-bottom:8px;break-inside:avoid;}
body.informe-datos nav.toc a{text-decoration:none;color:var(--text);}
body.informe-datos nav.toc a:hover{text-decoration:underline;}

body.informe-datos .escala-badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent);background:var(--bg-elev-2);border:1px solid var(--border);border-radius:20px;padding:3px 12px;margin-bottom:14px;}

body.informe-datos .stat-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:0 0 44px;}
@media(min-width:640px){body.informe-datos .stat-grid{grid-template-columns:repeat(3,1fr);}}
body.informe-datos .stat-card{background:var(--bg-elev);padding:18px 18px 16px;}
body.informe-datos .stat-card .num{font-family:"Iowan Old Style","Sitka Text",Charter,Georgia,serif;font-size:1.7rem;font-weight:700;color:var(--accent-2);}
body.informe-datos .stat-card .num small{font-size:.8rem;font-weight:500;color:var(--text-dim);}
body.informe-datos .stat-card .lbl{font-size:.78rem;color:var(--text-dim);margin-top:6px;line-height:1.4;}
body.informe-datos .stat-card .lbl a{color:var(--text-dim);}
body.informe-datos .stat-card .esc{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700;margin-bottom:4px;display:block;}

body.informe-datos section.block{margin-bottom:56px;scroll-margin-top:24px;}
body.informe-datos section.block h2{font-size:clamp(1.35rem,2.6vw,1.75rem);border-left:4px solid var(--accent);padding-left:14px;margin-bottom:20px;}
body.informe-datos section.block h3{font-size:1.1rem;color:var(--accent-2);margin:28px 0 10px;}
body.informe-datos section.block p{margin:0 0 16px;max-width:900px;font-size:.98rem;}
body.informe-datos section.block p.lede{font-size:1.05rem;}
body.informe-datos .stat{color:var(--accent-2);font-weight:700;}

body.informe-datos blockquote{
  margin:20px 0;padding:14px 20px;border-left:3px solid var(--accent);background:var(--bg-elev);
  border-radius:0 8px 8px 0;color:var(--text-dim);font-style:italic;max-width:860px;overflow-wrap:anywhere;
}
body.informe-datos .callout{
  background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:10px;
  padding:16px 20px;margin:20px 0;font-size:.94rem;max-width:900px;
}
body.informe-datos .callout b{color:var(--accent);}

body.informe-datos .fuente-linea{font-size:.85rem;color:var(--text-dim);margin-top:-8px;margin-bottom:8px;}

body.informe-datos .table-wrapper{overflow-x:auto;margin:24px 0 36px;border:1px solid var(--border);border-radius:10px;}
body.informe-datos table.datos{border-collapse:collapse;min-width:80%;max-width:1360px;width:100%;}
body.informe-datos table.datos th, body.informe-datos table.datos td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.92rem;vertical-align:top;}
body.informe-datos table.datos th{background:var(--bg-elev-2);color:var(--accent-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;}
body.informe-datos table.datos tr:last-child td{border-bottom:none;}
body.informe-datos table.datos td:first-child{white-space:nowrap;font-weight:600;color:var(--text);}

body.informe-datos .fuentes-list{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:28px 28px 8px;}
body.informe-datos .fuentes-list h3{color:var(--accent);margin-top:0;}
body.informe-datos .fuentes-list ul{padding-left:1.2em;}
body.informe-datos .fuentes-list li{margin-bottom:10px;overflow-wrap:anywhere;font-size:.92rem;}

body.informe-datos .nota-final{background:var(--bg-elev-2);border:1px dashed var(--border);border-radius:12px;padding:24px 28px;color:var(--text-dim);font-size:.92rem;}
body.informe-datos .nota-final h3{color:var(--text);margin-top:0;}

body.informe-datos .hero-image{margin-bottom:28px;}
body.informe-datos .hero-image img{width:100%;height:auto;border-radius:14px;display:block;border:1px solid var(--border);}
body.informe-datos figure.chart-figure{margin:24px 0 28px;max-width:900px;}
body.informe-datos figure.chart-figure img{width:100%;height:auto;border-radius:10px;display:block;border:1px solid var(--border);}
body.informe-datos figure.chart-figure figcaption{font-size:.8rem;color:var(--text-dim);margin-top:8px;}

body.informe-datos footer{margin-top:60px;padding-top:24px;border-top:1px solid var(--border);color:var(--text-dim);font-size:.85rem;}

body.informe-datos .help-panel a{color:var(--link);}