/* ═══════════════════════════════════════════════════════════
   APEX TOKENS — Variables, reset, keyframes, scrollbar
   Cargado en TODAS las páginas (públicas + internas)
   ═══════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Barlow',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.65}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit}

:root{
  /* Fondos */
  --bg:#0a1e26;--bg2:#0d2530;--bg3:#112c38;--bg4:#163545;--bg5:#1c3f52;
  --bg-deeper:#060f14;
  /* Bordes */
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);
  --border-acc:rgba(200,255,0,0.10);--border-mid:rgba(200,255,0,0.18);
  /* Acento */
  --accent:#C8FF00;--accent-t:#0a1e26;
  --accent-bg:rgba(200,255,0,0.08);--accent-bd:rgba(200,255,0,0.25);
  --accent-glow:rgba(200,255,0,0.15);--accent-dm:rgba(200,255,0,0.07);
  /* Semánticos */
  --green:#22c55e;--green-bg:rgba(34,197,94,0.1);
  --red:#ef4444;--red-bg:rgba(239,68,68,0.1);
  --warning:#f39c12;--danger:#e74c3c;--info:#3498db;
  /* Texto */
  --text:#e8f0f0;--gray:#6a8f9f;--gray2:#3d5f6e;
  /* Fuentes */
  --font-display:'Barlow Condensed',sans-serif;
  --font-body:'Barlow',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  /* Layout */
  --sw:240px;--sc:60px;
  --radius:3px;--radius-md:6px;
  /* Sombras */
  --shadow-sm:0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:0 4px 20px rgba(0,0,0,0.4);
  /* Transiciones */
  --transition:all 0.18s ease;
}

/* ── Keyframes globales ── */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes barFill{from{width:0}to{width:var(--w)}}
@keyframes modalIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes overlayIn{from{opacity:0}to{opacity:1}}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes dots{0%,80%,100%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}
@keyframes checkIn{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes countPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes isoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ── Scrollbar ── */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}

/* ── Ocultar Kadence (en templates propios) ── */
.site-header,.site-footer,.entry-hero,.kadence-breadcrumbs{display:none !important}
.site-main,.content-wrap,.content-container{padding:0 !important;margin:0 !important;max-width:100% !important}