/* LaranSys v6.0.20 HF3 - Data Bridge Final Polish
   Finaliza a transicao Solucoes -> Ecossistema:
   - aproxima o no luminoso do final da linha;
   - elimina o ponto duplicado/solto do cabecalho do Ecossistema;
   - mantem as particulas confinadas ao trilho;
   - termina a linha poucos pixels dentro do Ecossistema com fade.
*/

.ls-v620hf1-bridge.ls-v620hf2-bridge.ls-v620hf3-bridge {
  --ls620hf3-core-top: 118px;
  width: 2px !important;
  height: 164px !important;
  overflow: visible;
  opacity: var(--ls620hf2-energy, .76) !important;
  background:
    linear-gradient(
      to bottom,
      rgba(199, 237, 54, 0) 0%,
      rgba(199, 237, 54, .07) 11%,
      rgba(199, 237, 54, .56) 30%,
      rgba(190, 236, 58, .72) 49%,
      rgba(107, 224, 102, .48) 69%,
      rgba(24, 215, 208, .07) 90%,
      rgba(24, 215, 208, 0) 100%
    ) !important;
  box-shadow:
    0 0 6px rgba(199, 237, 54, .23),
    0 0 16px rgba(199, 237, 54, .10),
    0 0 26px rgba(24, 215, 208, .035) !important;
  -webkit-mask-image:
    linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%) !important;
  mask-image:
    linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%) !important;
}

/* No principal: agora proximo ao final da linha e da entrada do Ecossistema. */
.ls-v620hf1-bridge.ls-v620hf2-bridge.ls-v620hf3-bridge::before {
  top: var(--ls620hf3-core-top) !important;
  width: 8px !important;
  height: 8px !important;
  background: #c7ed36 !important;
  box-shadow:
    0 0 8px rgba(199, 237, 54, .76),
    0 0 18px rgba(199, 237, 54, .22) !important;
  animation: ls620hf3-core 3.25s ease-in-out infinite !important;
}

.ls-v620hf1-bridge.ls-v620hf2-bridge.ls-v620hf3-bridge::after {
  top: calc(var(--ls620hf3-core-top) - 28px) !important;
  width: 64px !important;
  height: 64px !important;
  background:
    radial-gradient(circle,
      rgba(199, 237, 54, .075) 0%,
      rgba(199, 237, 54, .025) 38%,
      transparent 70%) !important;
  filter: blur(3px) !important;
}

@keyframes ls620hf3-core {
  0%, 100% {
    opacity: .60;
    transform: translateX(-50%) scale(.90);
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) scale(1.10);
  }
}

/* Ring alinhado com o mesmo no principal. */
.ls-v620hf3-bridge .ls-v620hf2-node-ring {
  top: var(--ls620hf3-core-top) !important;
  width: 24px !important;
  height: 24px !important;
  opacity: .34;
  animation: ls620hf3-ring 3.25s ease-out infinite !important;
}

@keyframes ls620hf3-ring {
  0% {
    opacity: .32;
    transform: translate(-50%, -50%) scale(.58);
  }
  78% {
    opacity: .05;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.18);
  }
}

/* Particulas permanecem exclusivamente dentro da altura util da linha. */
.ls-v620hf3-bridge .ls-v620hf2-particle {
  animation-name: ls620hf3-particle !important;
  animation-timing-function: linear !important;
}

@keyframes ls620hf3-particle {
  0% {
    top: 78%;
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(.72);
  }
  12% {
    opacity: .62;
  }
  46% {
    opacity: .84;
    transform: translate3d(0, 0, 0) scale(.98);
  }
  82% {
    opacity: .36;
  }
  100% {
    top: 23%;
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(.74);
  }
}

/* O ponto do cabecalho criado na v6.0.20 era o "ponto solto" visto no print.
   HF3 deixa somente o no da ponte como referencia visual. */
.ls-eco-v608.ls-eco-v620 .ls-eco-v608__head::before {
  display: none !important;
}

/* A linha interna do Ecossistema vira apenas um halo de continuidade. */
.ls-eco-v608.ls-eco-v620::after {
  opacity: .08 !important;
  height: 74px !important;
  filter: blur(.45px) !important;
}

/* Pequeno halo exatamente na entrada do Ecossistema. */
.ls-eco-v608.ls-eco-v620 {
  box-shadow:
    inset 0 22px 56px rgba(199, 237, 54, .018),
    inset 0 1px 0 rgba(199, 237, 54, .075) !important;
}

@media (max-width: 980px) {
  .ls-v620hf1-bridge.ls-v620hf2-bridge.ls-v620hf3-bridge {
    height: 138px !important;
    --ls620hf3-core-top: 101px;
  }
}

@media (max-width: 720px) {
  .ls-v620hf1-bridge.ls-v620hf2-bridge.ls-v620hf3-bridge {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ls-v620hf3-bridge::before,
  .ls-v620hf3-bridge .ls-v620hf2-node-ring,
  .ls-v620hf3-bridge .ls-v620hf2-particle {
    animation: none !important;
  }

  .ls-v620hf3-bridge .ls-v620hf2-node-ring,
  .ls-v620hf3-bridge .ls-v620hf2-particle {
    display: none !important;
  }
}