/* Vertex · kernel.css — chasis del shell. La MARCA vive en tokens :root que cada instancia sobreescribe (tema.css);
   aquí solo hay defaults neutros. Fuentes: del sistema (cero CDN). */
:root { --vx-primario: #0b2545; --vx-acento: #c9a227; --vx-fondo: #f6f7f9; --vx-tinta: #0d0d0d; --vx-borde: #e5e7eb; --vx-fuente: -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; font-family: var(--vx-fuente); color: var(--vx-tinta); background: var(--vx-fondo); font-size: 14px; }
.vx-top { display: flex; align-items: center; gap: 16px; background: var(--vx-primario); color: #fff; padding: 10px 20px; }
.vx-top__marca { font-weight: 700; letter-spacing: .02em; }
.vx-top__marca small { font-weight: 400; opacity: .8; margin-left: 8px; }
.vx-top__spacer { flex: 1; }
.vx-top a { color: #fff; text-decoration: none; margin-left: 12px; }
.vx-nav { background: #fff; border-bottom: 1px solid var(--vx-borde); padding: 0 20px; display: flex; gap: 4px; overflow-x: auto; }
.vx-nav a { display: inline-block; padding: 12px 14px; color: var(--vx-tinta); text-decoration: none; border-bottom: 3px solid transparent; white-space: nowrap; }
.vx-nav a.activo, .vx-nav a:hover { border-bottom-color: var(--vx-acento); color: var(--vx-primario); }
.vx-nav a small { opacity: .55; margin-left: 4px; font-size: 11px; }
.vx-main { padding: 20px; max-width: 1280px; margin: 0 auto; }
.vx-foot { color: #666; font-size: 12px; text-align: center; padding: 24px; }
.muted { color: #666; }
.toast { position: fixed; right: 16px; bottom: 16px; background: var(--vx-primario); color: #fff; padding: 10px 14px; border-radius: 6px; }
.toast--bad { background: #8a1220; } .toast--ok { background: #1a6b3a; }