/* Ruta de campañas v0.64.0: sólo se ilumina hasta el último acceso real. */
#sgl-desktop-app .sgl-view[data-view="progress"] .sgl-level-track::before {
  height: 12px !important;
  border: 2px solid #294963 !important;
  background: repeating-linear-gradient(90deg, #485d72 0 12px, #263e57 12px 23px, #152b42 23px 34px) !important;
  background-size: auto !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .55) !important;
  animation: none !important;
}

#sgl-desktop-app .sgl-view[data-view="progress"] .sgl-level-track::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 88px;
  left: 8%;
  width: var(--sgl-route-width, 0%);
  height: 12px;
  box-sizing: border-box;
  border: 2px solid #37bdf2;
  border-radius: 20px;
  background: repeating-linear-gradient(90deg, #47e5ff 0 12px, #1683ed 12px 23px, #0e57b5 23px 34px);
  background-size: 68px 100%;
  box-shadow: inset 0 2px 4px rgba(255,255,255,.28), 0 0 15px rgba(45, 207, 255, .6);
  pointer-events: none;
  transition: width .65s cubic-bezier(.2,.8,.2,1);
  animation: sglUnlockedRouteFlow 3.8s linear infinite;
}

#sgl-desktop-app .sgl-view[data-view="progress"] .sgl-level-node {
  cursor: pointer;
  border-radius: 18px;
  outline: none;
}

#sgl-desktop-app .sgl-view[data-view="progress"] .sgl-level-node:focus-visible {
  box-shadow: 0 0 0 4px #051b38, 0 0 0 7px #58dbff;
}

#sgl-desktop-app .sgl-view[data-view="progress"] .sgl-level-node:hover > strong {
  color: #8beaff !important;
}

#sgl-desktop-app .sgl-view[data-view="progress"] .sgl-level-node::selection {
  background: transparent;
}

@keyframes sglUnlockedRouteFlow {
  to { background-position: 68px 0; }
}

#sgl-desktop-app.sgl-no-animations .sgl-view[data-view="progress"] .sgl-level-track::after {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #sgl-desktop-app .sgl-view[data-view="progress"] .sgl-level-track::after {
    animation: none !important;
    transition: none !important;
  }
}