/* ===============================
   FUENTES
=============================== */
@font-face{
  font-family:"Zrnic";
  src:url("/assets/fonts/Zrnic-Bold.woff2") format("woff2");
  font-weight:700;
  font-display:swap;
}
@font-face{
  font-family:"Gotham";
  src:url("/assets/fonts/Gotham-Book.woff2") format("woff2");
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Gotham";
  src:url("/assets/fonts/Gotham-Medium.woff2") format("woff2");
  font-weight:500;
  font-display:swap;
}

/* ===============================
   DESIGN TOKENS
=============================== */
:root{
  --font-title:"Zrnic",system-ui,sans-serif;
  --font-text:"Gotham",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  --gray-900:#0B1220;
  --gray-700:#334155;
  --gray-600:#4A5568;
  --gray-300:#CBD5E1;
  --gray-200:#E2E8F0;
  --gray-100:#F1F5F9;

  --brand:#10B981;
  --brand-dark:#059669;

  --accent-orange:#F97316;

  --container:1360px;

  /* Shadows */
  --sh-header:0 6px 16px rgba(0,0,0,.08);
  --sh-panel:0 18px 38px rgba(2,6,23,.14);
  --sh-card:0 10px 22px rgba(2,6,23,.08);
  --sh-card-h:0 18px 34px rgba(2,6,23,.14);

  /* Header */
  --header-fixed:72px;
  --header-offset:72px;

  /* Cards mega */
  --cardH:132px;
  --img:80px;
  --gap:12px;
  --pad:12px;
  --rule:#E7EAF0;

  --titleSize:13px;
  --titleLH:1.1;

  --tagSize:11.5px;
  --tagLH:1.3;

  --ctaH:32px;
  --cta:#00BFA5;
  --ctaHov:#00a894;
}

  /* Footer */
:root{
  --vicnet-orange:#F39021;
  --f-ink:#EAF0FF;
  --f-muted:rgba(234,240,255,.72);
  --f-dim:rgba(234,240,255,.55);
  --f-line:rgba(234,240,255,.12);
  --f-bg:#0B0F14;
  --f-bg2:#0E131A;
}