/* CIE — Centro de Inteligencia Educacional · Tokens de marca para el sitio · v1.1 (26-10-2026)
   Fuente: Guía de marca v2.1 y Manual de Marca Educacional v1.1 (colores y tipografía de marca),
   ADR 009 (nombre e identidad de la plataforma) y manual oficial de marca web v1.1 (el resto).
   Lo marcado «propuesta» no tiene aún visto bueno del propietario. */

:root {
  /* --- Color de marca (decidido) --- */
  --cie-navy:   #1B2A4A;  /* estructural: fondos oscuros y texto principal */
  --cie-gold:   #B8902A;  /* SOLO acento: símbolo y detalles; nunca texto sobre fondo claro */
  --cie-slate:  #4A5568;  /* texto secundario y líneas de interfaz */
  --cie-white:  #FFFFFF;
  --cie-gray-50:  #F5F5F5; /* fondo claro permitido por la guía */
  --cie-blue-50:  #E8EDF5; /* fondo «azul institucional claro» permitido por la guía */

  /* --- Apoyo (propuesta; vienen de los prototipos de oct-2026) --- */
  --cie-navy-deep: #0F1E35;  /* navy profundo para portadas y pie */
  --cie-line:      #D1D9F0;  /* separadores decorativos (1,41:1; no usar como borde de campo) */

  /* --- Color de datos (propuesta; contrastes verificados sobre blanco) --- */
  --cie-data-bad:       #A6432B;  /* 6,07:1 */
  --cie-data-good:      #1F6E62;  /* 6,06:1 */
  --cie-data-warn:      #8A5A0B;  /* 5,92:1 (texto). El #B4791F de los prototipos da 3,69:1: solo para gráficos */
  --cie-data-warn-fill: #B4791F;
  --cie-data-bad-bg:    #FEE2E2;  /* con --cie-data-bad: 4,97:1 */
  --cie-data-good-bg:   #D1FAE5;  /* con --cie-data-good: 5,34:1 */
  --cie-data-warn-bg:   #FEF3C7;  /* con --cie-data-warn: 5,32:1 */
  --cie-cluster-a: #B45309;       /* A, C y E salen de la vista previa de Barrancas; B y D están por definir */
  --cie-cluster-c: #1D4ED8;
  --cie-cluster-e: #1F6E62;

  /* --- Tipografía (Georgia y Calibri son decisión del ADR 009; las pilas son propuesta) --- */
  --cie-font-serif: Georgia, "Times New Roman", Times, serif;
  --cie-font-sans:  Calibri, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cie-font-mono:  ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* solo códigos: claim_id, metric_code */

  --cie-text-base: 1.0625rem;  /* 17 px: Calibri tiene x-height baja */
  --cie-text-sm:   0.875rem;
  --cie-text-xs:   0.75rem;
  --cie-h1: clamp(2rem, 4vw, 3rem);
  --cie-h2: 1.75rem;
  --cie-h3: 1.25rem;
  --cie-leading: 1.6;
  --cie-measure: 68ch;

  /* --- Espaciado y forma (propuesta) --- */
  --cie-space-1: 4px;  --cie-space-2: 8px;  --cie-space-3: 12px; --cie-space-4: 16px;
  --cie-space-5: 24px; --cie-space-6: 32px; --cie-space-7: 48px; --cie-space-8: 64px;
  --cie-radius: 6px;
  --cie-target: 44px;  /* alto mínimo de botones y enlaces táctiles */
}

/* En el HTML: <html lang="es-CL"> */
body {
  margin: 0;
  background: var(--cie-white);
  color: var(--cie-navy);
  font-family: var(--cie-font-sans);
  font-size: var(--cie-text-base);
  line-height: var(--cie-leading);
}
h1, h2, h3 { font-family: var(--cie-font-serif); font-weight: 700; color: var(--cie-navy); line-height: 1.2; }
h1 { font-size: var(--cie-h1); } h2 { font-size: var(--cie-h2); } h3 { font-size: var(--cie-h3); }
.cie-secondary { color: var(--cie-slate); }
.cie-figure { font-family: var(--cie-font-sans); font-weight: 700; font-variant-numeric: tabular-nums lining-nums; } /* cifras de datos: Calibri, no Georgia */

/* Foco visible: navy sobre claro, dorado sobre navy (4,78:1) */
:focus-visible { outline: 3px solid var(--cie-navy); outline-offset: 2px; }
.cie-on-navy :focus-visible { outline-color: var(--cie-gold); }

/* Botones */
.cie-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--cie-target); padding: 0 var(--cie-space-5);
  border-radius: var(--cie-radius); border: 2px solid transparent;
  font: 700 1rem var(--cie-font-sans); text-decoration: none; cursor: pointer;
}
.cie-btn--primary   { background: var(--cie-navy); color: var(--cie-white); }            /* 14,22:1 */
.cie-btn--on-navy   { background: var(--cie-gold); color: var(--cie-navy); }             /* 4,78:1; NO texto blanco sobre dorado (2,97:1) */
.cie-btn--secondary { background: transparent; color: var(--cie-navy); border-color: var(--cie-navy); }

/* Rótulos obligatorios de datos */
.cie-chip {
  display: inline-block; padding: 2px 8px; border-radius: 3px;
  font: 700 var(--cie-text-xs) var(--cie-font-sans); letter-spacing: .06em; text-transform: uppercase;
}
.cie-chip--prelim  { background: var(--cie-data-warn-bg); color: var(--cie-data-warn); }   /* Preliminar */
.cie-chip--declara { background: var(--cie-blue-50);      color: var(--cie-navy); }        /* Estimación declarada */
.cie-chip--sindato { background: var(--cie-gray-50);      color: var(--cie-slate); border: 1px solid var(--cie-slate); } /* Sin dato */
.cie-chip--interna { background: var(--cie-blue-50);      color: var(--cie-navy); border: 1px solid var(--cie-navy); }   /* Validación interna */