/* WILD FI · tokens de marca (brandbook oficial medido). Úsalo en cualquier landing:
   <link rel="stylesheet" href="https://wildfi.getso.cl/static/marca.css">
   Fuentes: Manrope (todo), Fragment Mono (etiquetas y barra superior), Noto Serif Display (titulares editoriales). */
@import url("/static/fonts/fuentes.css");
:root{
  --negro:#000000;--negro-suave:#1D1D1A;--blanco:#FFFFFF;
  --lima:#CCF851;--purpura:#4801AA;--crema:#FFFBF9;--beige:#E8E3DE;
  --gris:#F3F3F3;--gris-2:#EEEEEE;--gris-linea:#DDDDD8;--gris-3:#CCCCCC;--gris-tx:#595959;--gris-osc:#434343;
  --lavanda:#CFBFEF;--lavanda-2:#BFACEA;--lavanda-3:#AF99C9;
  --coral:#F37056;--naranja:#F64C01;--azul:#004FFD;--rosa:#FACCDF;--verde:#26804C;--beige-osc:#B49A6D;
  /* gráficos sobre fondo claro (paleta validada: los puros no pasan contraste) */
  --serie-1:#6B2BD9;--serie-2:#7A9E14;--serie-3:#004FFD;--serie-4:#F37056;--serie-5:#B49A6D;--serie-6:#434343;
  --sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"Fragment Mono",ui-monospace,Menlo,Consolas,monospace;
  --serif:"Noto Serif Display",Georgia,serif;
  --radio:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.58 var(--sans);color:var(--negro);background:var(--crema);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}

/* barra superior: el elemento más característico de WILD FI */
.wf-topbar{position:sticky;top:0;z-index:50;background:var(--negro);color:#fff;display:flex;align-items:center;gap:18px;
  padding:0 24px;height:40px;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;overflow-x:auto;white-space:nowrap}
.wf-topbar .brand{color:var(--lima)}
.wf-topbar .right{margin-left:auto;color:#8a8a86}
.wf-topbar.beige{background:var(--beige);color:var(--negro)}.wf-topbar.beige .brand{color:var(--purpura)}
.wf-topbar.lima{background:var(--lima);color:var(--negro)}.wf-topbar.lima .brand{color:var(--negro)}

.wf-eyebrow{font:500 10px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--purpura)}
.wf-eyebrow::after{content:"";display:block;width:52px;height:4px;border-radius:2px;background:var(--lima);margin-top:10px}
.wf-titular{font:400 clamp(30px,4.4vw,56px)/1.05 var(--serif);letter-spacing:-.015em;margin:.3em 0}
.wf-titular em,.wf-titular b{font-style:normal;color:var(--purpura);font-weight:400}
.wf-oscuro{background:var(--negro);color:#fff}.wf-oscuro .wf-titular em,.wf-oscuro .wf-titular b,.wf-oscuro .wf-eyebrow{color:var(--lima)}
.wf-hero-num{font:800 clamp(28px,4vw,52px)/1 var(--sans);color:var(--purpura);letter-spacing:-.02em}
.wf-oscuro .wf-hero-num{color:var(--lima)}
.wf-wrap{max-width:1240px;margin:0 auto;padding:28px 24px}
.wf-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.wf-card{background:#fff;border:1px solid var(--gris-linea);border-radius:var(--radio);padding:18px 20px;break-inside:avoid}
.wf-kpi .lbl{font:500 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gris-tx)}
.wf-kpi .val{font:800 30px/1.1 var(--sans);margin-top:6px;letter-spacing:-.01em}
.wf-kpi .var{font:600 12px var(--sans);margin-top:4px}.wf-kpi .var.up{color:var(--verde)}.wf-kpi .var.down{color:var(--coral)}
.wf-tabla{width:100%;border-collapse:collapse;font-size:13px}
.wf-tabla-box{overflow-x:auto;border:1px solid var(--gris-linea);border-radius:var(--radio);background:#fff}
.wf-tabla th{background:var(--lavanda);text-align:left;font:600 11px/1.3 var(--sans);padding:10px 12px;white-space:nowrap}
.wf-tabla td{padding:9px 12px;border-top:1px solid var(--gris-2);white-space:nowrap}
.wf-tabla td.n{text-align:right;font-variant-numeric:tabular-nums}
.wf-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font:600 11px var(--sans);background:var(--gris)}
.wf-chip.ok{background:#e6f2ea;color:var(--verde)}.wf-chip.alerta{background:#fde9e4;color:#b4432c}.wf-chip.lima{background:var(--lima);color:#000}
.wf-footer{background:var(--negro);color:#fff;padding:48px 24px}
.wf-footer .big{font:400 clamp(40px,7vw,88px)/.92 var(--serif);color:var(--lima);margin:0}
.wf-footer .meta{font:500 10px/1.8 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8a86;margin-top:24px}
@media print{
  .wf-topbar{position:static}
  .wf-card,.wf-tabla-box,tr{break-inside:avoid}
  body{background:#fff}
}