/* Barra superior común de Vectoria: identidad + cambio entre los 4 servicios + volver.
   Componente compartido por FinanceLab, Brújula FIC, Brújula Pensional y Vectoria Studio.
   Autocontenida (no depende de las variables de cada página). */
.vxbar {
  position: sticky; top: 0; z-index: 100; height: 42px; box-sizing: border-box;
  display: flex; align-items: center; gap: .12rem; flex-wrap: nowrap; overflow-x: auto;
  background: #0b1b34; color: #c9d7ec;
  font-family: Inter, system-ui, sans-serif; font-size: .82rem;
  padding: 0 .9rem; border-bottom: 1px solid rgba(255,255,255,.08);
  scrollbar-width: none;
}
.vxbar::-webkit-scrollbar { display: none; }
.vxbar a { color: #c9d7ec; text-decoration: none; padding: .28rem .6rem; border-radius: 7px; white-space: nowrap; line-height: 1; }
.vxbar a:hover { background: rgba(255,255,255,.08); color: #fff; }
.vxbar a.activo { color: #fff; background: rgba(16,200,168,.18); font-weight: 700; box-shadow: inset 0 -2px 0 #10C8A8; }
.vxbar-home { display: inline-flex; align-items: center; gap: .4rem; font-family: "Sora", Inter, sans-serif; font-weight: 800; color: #fff !important; letter-spacing: .01em; }
.vxbar-home svg { width: 18px; height: 16px; }
.vxbar-sep { opacity: .35; margin: 0 .2rem; }
.vxbar-inicio { margin-left: auto; color: #8ee7d3 !important; font-weight: 600; }
.vxbar-inicio:hover { background: rgba(16,200,168,.14) !important; }
@media (max-width: 680px) {
  .vxbar { font-size: .76rem; padding: 0 .5rem; }
  .vxbar-sep { display: none; }
  .vxbar a { padding: .28rem .45rem; }
}