/* Resultado de tracking: eje vertical sobrio integrado al hero. */
.heroTrackCard .homeTrackingFinal{
  inset:12px 5px 10px;
  padding:14px 18px 16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,10,16,.82),rgba(13,15,22,.62));
  box-shadow:0 22px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(12px) saturate(115%);
  -webkit-backdrop-filter:blur(12px) saturate(115%);
}

.homeTrackingFinal .htlCurrentCard{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom-color:rgba(255,255,255,.14)!important;
}

.homeTrackingFinal .htlCurrentLeft::before{
  background:#ed3d8b;
  box-shadow:0 0 0 4px rgba(237,61,139,.12),0 0 16px rgba(237,61,139,.72);
  animation:trackingCurrentBeacon 1.8s ease-in-out infinite;
}

.homeTrackingFinal .htlExtraLine{
  margin-bottom:8px;
  color:rgba(255,255,255,.56);
}

.homeTrackingFinal .etlTrack{
  --etl-node:24px;
  --etl-col-gap:14px;
  --etl-row-gap:12px;
  --etl-line:rgba(255,255,255,.3);
  --etl-done-line:#ed3d8b;
  margin-top:5px;
}

.homeTrackingFinal .etlStep{
  min-height:38px;
  padding:0 4px var(--etl-row-gap) 2px;
  isolation:isolate;
}

.homeTrackingFinal .etlStep::after{
  display:none!important;
}

.homeTrackingFinal .etlStep:not(:last-child)::before{
  top:27px;
  bottom:-2px;
  left:14px;
  width:2px;
  margin-left:-1px;
  background:rgba(255,255,255,.3);
  box-shadow:0 0 5px rgba(255,255,255,.08);
}

.homeTrackingFinal .etlStep.is-done:not(:last-child)::before{
  background:#ed3d8b;
  box-shadow:0 0 8px rgba(237,61,139,.46);
  transform-origin:top;
  animation:trackingLineFill .55s cubic-bezier(.2,.75,.25,1) both;
}

.homeTrackingFinal .etlStep.is-current:not(:last-child)::before{
  background:linear-gradient(180deg,#ed3d8b 0 15%,rgba(255,255,255,.28) 38% 100%);
  background-size:100% 220%;
  animation:trackingLineTravel 2s ease-in-out infinite;
}

.homeTrackingFinal .etlNode{
  z-index:2;
  border:1.5px solid rgba(255,255,255,.72);
  background:rgba(8,10,15,.9);
  box-shadow:0 0 0 3px rgba(0,0,0,.18);
}

.homeTrackingFinal .etlStep.is-done .etlNode{
  border-color:rgba(255,255,255,.88);
  background:#11141a;
  color:#fff;
  box-shadow:0 0 0 3px rgba(237,61,139,.08);
}

.homeTrackingFinal .etlStep.is-done .etlIcon{
  width:11px;
  height:11px;
}

.homeTrackingFinal .etlStep.is-current .etlNode{
  border-color:#ff6dad!important;
  background:rgba(237,61,139,.16)!important;
  color:#ed3d8b!important;
  box-shadow:0 0 0 4px rgba(237,61,139,.12),0 0 18px rgba(237,61,139,.5)!important;
}

.homeTrackingFinal .etlStep.is-current .etlNode::before{
  width:8px;
  height:8px;
  background:#ff6dad!important;
}

.homeTrackingFinal .etlStep.is-current .etlNode::after{
  border-color:#ff6dad!important;
}

.homeTrackingFinal .etlStep.is-pending .etlNode{
  border-color:rgba(255,255,255,.5);
  background:rgba(7,9,14,.78);
}

.homeTrackingFinal .etlBody{
  padding-top:1px;
}

.homeTrackingFinal .etlTitle{
  color:rgba(255,255,255,.94);
  font-size:.84rem;
  font-weight:750;
  line-height:1.15;
}

.homeTrackingFinal .etlMeta{
  margin-top:3px;
  color:rgba(255,255,255,.53);
  font-size:.61rem;
}

.homeTrackingFinal .etlStep.is-current .etlTitle{
  color:#fff;
}

.homeTrackingFinal .etlStep.is-current .etlMeta{
  color:#ff83ba!important;
}

.homeTrackingFinal .etlStep.is-pending .etlTitle{
  color:rgba(255,255,255,.58);
}

.homeTrackingFinal .etlStep.is-pending .etlMeta{
  color:rgba(255,255,255,.32);
}

@keyframes trackingLineFill{
  from{transform:scaleY(0);opacity:.35}
  to{transform:scaleY(1);opacity:1}
}

@keyframes trackingLineTravel{
  0%{background-position:0 -80%;box-shadow:0 0 4px rgba(237,61,139,.2)}
  55%{background-position:0 35%;box-shadow:0 0 10px rgba(237,61,139,.6)}
  100%{background-position:0 100%;box-shadow:0 0 4px rgba(237,61,139,.2)}
}

@keyframes trackingCurrentBeacon{
  0%,100%{transform:scale(.9);opacity:.72}
  50%{transform:scale(1.12);opacity:1}
}

@media(max-width:640px){
  .heroTrackCard .homeTrackingFinal{inset:8px 2px;padding:12px 13px 13px}
  .homeTrackingFinal .etlTrack{--etl-node:22px;--etl-col-gap:11px;--etl-row-gap:9px}
  .homeTrackingFinal .etlStep{min-height:34px;padding-left:1px}
  .homeTrackingFinal .etlStep:not(:last-child)::before{top:25px;left:12px}
  .homeTrackingFinal .etlTitle{font-size:.77rem}
  .homeTrackingFinal .etlMeta{font-size:.56rem}
}

@media(prefers-reduced-motion:reduce){
  .homeTrackingFinal .etlStep.is-done:not(:last-child)::before,
  .homeTrackingFinal .etlStep.is-current:not(:last-child)::before,
  .homeTrackingFinal .htlCurrentLeft::before{animation:none}
}