/* ============================================================
   NAWI · Numeración Orfebre  (B + C)
   B = datos en IBM Plex Mono, tabular, oro pulido (precios, KPIs, tablas).
   C = saldo hero en Fraunces ligera, oro (el momento "tu oro").
   Capa ADITIVA: solo toca fuente/color/tabular de cifras de VALOR.
   No cambia tamaños, no toca layout, no toca labels ni copy.
   Fuente de oro y tokens alineados con el sistema de iconos.
   ============================================================ */
:root{
  --nawi-foil: linear-gradient(100deg,#FBF1C9,#EAD48A 34%,#C8A255 66%,#9A7A34);
  --nawi-num-mono: 'IBM Plex Mono','SF Mono',ui-monospace,Menlo,Consolas,monospace;
  --nawi-num-serif: 'Fraunces',Georgia,'Times New Roman',serif;
}

/* Utilidades reutilizables */
.nawi-tnum{ font-variant-numeric: tabular-nums lining-nums; }
.nawi-foil{
  background: var(--nawi-foil);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* ————— B · datos en vivo (mono oro, tabular) ————— */
.hero-cell .val,
.stats .stat .n,
.mine .st .v,
.kpi .v, .mkt-stat .v, .pulse-num .v,
.cc-price-val, .cc-price .v,
[data-nawi-num="b"]{
  font-family: var(--nawi-num-mono);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: .01em;
  background: var(--nawi-foil);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ————— C · saldo hero (Fraunces oro) ————— */
.pocket-value,
[data-nawi-num="c"]{
  font-family: var(--nawi-num-serif);
  font-weight: 400;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.005em;
  background: var(--nawi-foil);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Unidades / sufijos atenuados (no compiten con la cifra) */
.pocket-value .small,
.hero-cell .val .unit,
.nawi-unit{
  font-family: var(--nawi-num-mono);
  font-weight: 500;
  color: var(--muted,#8A968E);
  -webkit-text-fill-color: initial;
  background: none;
  letter-spacing: .04em;
}

/* ————— Refinamiento tipográfico (MISMAS familias, solo pulido) ————— */
html{ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, .h2, .hero h1, .auth-title, .cmd-title{
  font-optical-sizing: auto;
  font-feature-settings: "kern","liga","ss01";
  letter-spacing: -.012em;
}
/* Etiquetas mono en mayúscula: aire de lujo */
.eyebrow, .eyebrow-s, .kpi .l, .mkt-stat .k, .pulse-num .l{ letter-spacing: .2em; }

/* ————— Token anillo para numerar listas (opt-in con .nawi-rn) ————— */
.nawi-rn{
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 2.4em; height: 2.4em; flex: 0 0 auto;
}
.nawi-rn::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  background:
    radial-gradient(closest-side, transparent 62%, rgba(200,162,85,.0) 63%),
    conic-gradient(from -90deg, #E0BE6E 0deg 205deg, #243028 205deg 360deg);
  -webkit-mask: radial-gradient(closest-side, transparent 60%, #000 62%);
          mask: radial-gradient(closest-side, transparent 60%, #000 62%);
}
.nawi-rn > span{
  position: relative; font-family: var(--nawi-num-mono); font-weight: 500; font-size: .9em;
  background: var(--nawi-foil); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}

/* Numeral de barra (timelines/secuencias, opt-in con .nawi-barnum) */
.nawi-barnum{
  font-family: var(--nawi-num-serif); font-weight: 500;
  font-variant-numeric: tabular-nums lining-nums;
  background: var(--nawi-foil); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}