/* ============================================================
   SQUADFLOW · TIPOGRAFÍA
   En el <head>, ANTES de este css:
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Audiowide&display=swap" rel="stylesheet">
   ============================================================ */
:root{
  --sk-font-sans:'Be Vietnam Pro',-apple-system,'Segoe UI',system-ui,sans-serif;
  --sk-font-logo:'Audiowide',sans-serif; /* solo wordmark (sustituto de Quadrillion) */
  /* Escala (base Dason/Bootstrap 5: .9rem = 14.4px) */
  --sk-fs-hero:44px;   /* landing hero */
  --sk-fs-h1:28px;
  --sk-fs-h2:22.5px;
  --sk-fs-h3:18px;
  --sk-fs-h4:15.8px;
  --sk-fs-body:14.4px;
  --sk-fs-sm:12.6px;
  --sk-fs-xs:11px;
  --sk-fs-stat:32px;   /* números de stats (.stat-num) */
}
body{font-family:var(--sk-font-sans);font-size:var(--sk-fs-body);font-weight:400;line-height:1.5}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--sk-font-sans);font-weight:700;line-height:1.15;color:var(--sk-text,#fff)}
b,strong,.fw-bold{font-weight:700}
.fw-800,.display-hero{font-weight:800}
/* Números de estadística (publico.css .stat-num y KPIs) */
.stat-num,.sk-kpi__value{font-weight:800;font-variant-numeric:tabular-nums;color:var(--sk-text,#fff)}
.stat-num{font-size:var(--sk-fs-stat);line-height:1}
/* Wordmark */
.sk-wordmark{font-family:var(--sk-font-logo);font-weight:400;color:#fff;letter-spacing:0}
.sk-wordmark .w{color:var(--sk-neon,#b857ff)}
