/* ============================================================
   tcviz — CLARO theme (16-10-2026)
   El estilo de las infografías: fondo crema claro, tarjetas blancas
   con borde fino, texto oscuro, azul #2B6CB0 y verde #3E9C5B.
   Poppins para títulos, Segoe UI para texto, IBM Plex Mono para datos.
   ============================================================ */
@import url("styles.css?v=5");

:root {
  --background: #FAF9F5;
  --foreground: #3D3929;
  --card: #FFFFFF;
  --card-foreground: #3D3929;
  --popover: #FFFFFF;
  --primary: #2B6CB0;
  --primary-foreground: #FFFFFF;
  --secondary: #F1EEE6;
  --secondary-foreground: #3D3929;
  --muted-c: #F1EEE6;
  --muted-foreground: #6B6A63;
  --accent-c: #3E9C5B;
  --accent-foreground: #FFFFFF;
  --destructive: #C0392B;
  --border-c: #DAD9D4;
  --ring: #2B6CB0;
  --chart-1: #2B6CB0;
  --chart-2: #3E9C5B;
  --chart-3: #D9A21B;
  --chart-4: #C0392B;
  --chart-5: #7A5FA8;

  --radius: 0.6rem;
  --shadow-2xs: 0 0 0 1px rgba(61,57,41,0.06);
  --shadow-xs: 0 1px 2px rgba(61,57,41,0.06);
  --shadow-sm: 0 1px 3px rgba(61,57,41,0.08);
  --shadow: 0 2px 8px -2px rgba(61,57,41,0.10);
  --shadow-md: 0 6px 16px -6px rgba(61,57,41,0.14);
  --shadow-lg: 0 12px 28px -10px rgba(61,57,41,0.18);
  --shadow-xl: 0 18px 40px -14px rgba(61,57,41,0.22);

  --font-sans: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;

  --bg: var(--background);
  --ink: var(--foreground);
  --muted: var(--muted-foreground);
  --line: var(--border-c);
  --line-2: #E9E6DD;
  --surface: var(--card);
  --primary-soft: #E6EEF8;
  --accent-soft: #E3F2E8;
  --accent: var(--primary);
  color-scheme: light;
}

body { background: var(--bg); color: var(--ink); font-weight: 400; }
body::before, body::after { display: none; }
h1, h2, h3, h4, .cta h2 { text-transform: none; letter-spacing: -0.01em; }
.hero h1, .cta h2, .sec-head h2 { font-weight: 700; }
h3, h4 { font-weight: 600; }
.specrow .s .n { font-weight: 600; }
::selection { background: #CFE0F2; color: var(--ink); }
.cta { background: linear-gradient(135deg, #1F4E80, #2B6CB0 60%, #3E9C5B); }