/* A connector is one continuous arrow. Animate its parent, never detach its
   head from its shaft. Existing cue opacity and direction remain in control. */
.intro-scene .intro-flow-trace,
.fund-arrow i,.policy-arrow i,.dispatch-arrow i,.chain-arrow i{transform:none}
.dispatch-arrow b{transform:rotate(45deg)}
.impact-arrow,.ruta-arrow,.detectar-arrow,.impact-support-path{
  position:relative;min-width:14px;height:24px;justify-self:center;
}
.impact-arrow,.ruta-arrow,.detectar-arrow{width:100%;max-width:60px}
.impact-arrow>i,.impact-arrow>b,.ruta-arrow>i,.ruta-arrow>b,
.detectar-arrow>i,.detectar-arrow>b,.impact-support-path>span,.impact-support-path>b{visibility:hidden;transform:none}
.impact-arrow::before,.ruta-arrow::before,.detectar-arrow::before,.impact-support-path::before{
  content:"";position:absolute;left:0;right:2px;top:calc(50% - 1px);height:2px;background:currentColor;
}
.impact-arrow::after,.ruta-arrow::after,.detectar-arrow::after,.impact-support-path::after{
  content:"";position:absolute;right:2px;top:calc(50% - 5px);width:8px;height:8px;
  border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);
}
.impact-support-path{width:100%;height:45px}
.portrait .impact-arrow::after,.portrait .ruta-arrow::after,.portrait .detectar-arrow::after{width:6px;height:6px;top:calc(50% - 4px)}
.ruta-vertical-arrow{width:35px}