.kx-fila{--ux:0;--uy:1}.kx-conector{--largo:28px;width:1px;height:var(--largo);color:var(--color-faint);flex:none;display:block;position:relative}.kx-fila[data-tono=con] .kx-conector{color:var(--color-ink)}.kx-conector:before{content:"";transform-origin:0 0;background:currentColor;position:absolute;inset:0 0 1px}.kx-conector:after{content:"";border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)rotate(45deg)}.kx-pulso-caja{position:absolute;inset:0}.kx-pulso{opacity:0;background:currentColor;border-radius:9999px;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:0;left:50%}.kx-tachado{text-decoration:none;position:relative}.kx-tachado:after{content:"";background:var(--color-mute);transform-origin:0;height:1px;position:absolute;top:54%;left:0;right:0}.kx-check path{stroke-dasharray:1;stroke-dashoffset:0}.kx-nucleo:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px var(--color-ink);opacity:0;pointer-events:none;position:absolute;inset:0}@media (min-width:48rem){.kx-fila{--ux:1;--uy:0}.kx-conector{--largo:40px;width:var(--largo);height:1px}.kx-conector:before{inset:0 1px 0 0}.kx-conector:after{inset:50% 1px auto auto;transform:translateY(-50%)rotate(-45deg)}.kx-pulso{top:50%;left:0}}.kx-proc{--ux:0;--uy:1;position:relative}.kx-proc-riel{pointer-events:none;width:9px;position:absolute;top:8px;bottom:0;left:0;overflow:clip}.kx-proc-filete{background:linear-gradient(to bottom, var(--color-line) 0, var(--color-line) calc(100% - 8rem), transparent calc(100% - .75rem));transform-origin:0 0;width:1px;position:absolute;top:0;bottom:0;left:4px}.kx-proc-fin{background:var(--color-ink);opacity:.4;border-radius:9999px;width:5px;height:5px;position:absolute;bottom:2px;left:2px}.kx-proc-viaje{position:absolute;inset:0}.kx-proc-viajero{opacity:0;position:absolute;inset:0}.kx-proc-viajero:before{content:"";background:var(--color-ink);border-radius:9999px;width:5px;height:5px;position:absolute;top:-5px;left:2px}@media (min-width:48rem){.kx-proc-riel{width:auto;height:9px;inset:0 0 auto 4px}.kx-proc-filete{background:linear-gradient(to right, var(--color-line) 0, var(--color-line) calc(75% + 3.5rem), transparent calc(100% - .75rem));width:auto;height:1px;inset:4px 0 auto}.kx-proc-fin{inset:2px 2px auto auto}.kx-proc{--ux:1;--uy:0}.kx-proc-viajero:before{top:2px;left:-5px}}@keyframes kx-aparece{0%{opacity:0;transform:translate(calc(var(--ux) * -8px), calc(var(--uy) * -6px));animation-timing-function:cubic-bezier(.22,1,.36,1)}to{opacity:1;transform:none}}@keyframes kx-sube{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes kx-traza{0%{transform:scale(calc(1 - var(--ux)), calc(1 - var(--uy)));animation-timing-function:cubic-bezier(.22,1,.36,1)}to{transform:none}}@keyframes kx-punta{0%,60%{opacity:0}to{opacity:1}}@keyframes kx-visible{0%{opacity:0}to{opacity:1}}@keyframes kx-tacha{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}to{transform:none}}@keyframes kx-dibuja{0%{stroke-dashoffset:1px;animation-timing-function:cubic-bezier(.22,1,.36,1)}to{stroke-dashoffset:0}}@keyframes kx-brota{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scale(0)}to{transform:none}}@keyframes kx-atasco{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{opacity:1;transform:translate(calc(var(--ux) * var(--largo) * .55), calc(var(--uy) * var(--largo) * .55))}72%,to{opacity:0;transform:translate(calc(var(--ux) * var(--largo) * .6), calc(var(--uy) * var(--largo) * .6))}}@keyframes kx-flujo{0%{opacity:0;transform:translate(0)}15%,80%{opacity:1}to{opacity:0;transform:translate(calc(var(--ux) * (var(--largo) - 6px)), calc(var(--uy) * (var(--largo) - 6px)))}}@keyframes kx-respira{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes kx-recorre{0%{opacity:0;transform:translate(0)}6%{opacity:1}70%{opacity:1}92%,to{opacity:0;transform:translate(calc(var(--ux) * 100%), calc(var(--uy) * 100%))}}@media (prefers-reduced-motion:no-preference){.kx-fila[data-tono=sin] .kx-pulso{animation:6s cubic-bezier(.22,1,.36,1) infinite kx-atasco;animation-delay:calc(var(--i) * .7s)}.kx-fila[data-tono=con] .kx-pulso{animation:1.8s linear infinite kx-flujo;animation-delay:calc(var(--i) * .9s)}.kx-nucleo:after{animation:3.6s cubic-bezier(.22,1,.36,1) infinite kx-respira}.kx-proc-viajero{animation:8s linear .6s infinite kx-recorre}}.kx-anim .kx-fila .kx-caja,.kx-anim .kx-fila .kx-conector:before,.kx-anim .kx-fila .kx-conector:after,.kx-anim .kx-fila .kx-pulso-caja,.kx-anim .kx-fila .kx-tachado:after,.kx-anim .kx-fila .kx-check path,.kx-anim .kx-proc .kx-proc-filete,.kx-anim .kx-proc .kx-proc-fin,.kx-anim .kx-proc .kx-proc-viaje,.kx-anim .kx-proc .kx-proc-punto,.kx-anim .kx-proc .kx-proc-num,.kx-anim .kx-proc .kx-proc-tit,.kx-anim .kx-proc .kx-proc-txt{animation-timing-function:cubic-bezier(.22,1,.36,1);animation-play-state:paused;animation-fill-mode:both}.kx-anim .kx-visto .kx-caja,.kx-anim .kx-visto .kx-conector:before,.kx-anim .kx-visto .kx-conector:after,.kx-anim .kx-visto .kx-pulso-caja,.kx-anim .kx-visto .kx-tachado:after,.kx-anim .kx-visto .kx-check path,.kx-anim .kx-visto.kx-proc .kx-proc-filete,.kx-anim .kx-visto.kx-proc .kx-proc-fin,.kx-anim .kx-visto.kx-proc .kx-proc-viaje,.kx-anim .kx-visto.kx-proc .kx-proc-punto,.kx-anim .kx-visto.kx-proc .kx-proc-num,.kx-anim .kx-visto.kx-proc .kx-proc-tit,.kx-anim .kx-visto.kx-proc .kx-proc-txt{animation-play-state:running}.kx-anim .kx-fila .kx-conector:before{animation-name:kx-traza;animation-duration:.45s;animation-delay:calc(var(--i) * .38s)}.kx-anim .kx-fila .kx-conector:after{animation-name:kx-punta;animation-duration:.45s;animation-delay:calc(var(--i) * .38s)}.kx-anim .kx-fila .kx-caja{animation-name:kx-aparece;animation-duration:.7s;animation-delay:calc(var(--i) * .38s + .12s)}.kx-anim .kx-fila .kx-pulso-caja{animation-name:kx-visible;animation-duration:.4s;animation-delay:calc(var(--i) * .38s + .5s)}.kx-anim .kx-fila .kx-tachado:after{animation-name:kx-tacha;animation-duration:.6s;animation-delay:1.4s}.kx-anim .kx-fila .kx-check path{animation-name:kx-dibuja;animation-duration:.6s;animation-delay:1.4s}.kx-anim .kx-proc .kx-proc-filete{animation-name:kx-traza;animation-duration:1.4s}.kx-anim .kx-proc .kx-proc-punto{animation-name:kx-brota;animation-duration:.5s;animation-delay:calc(var(--i) * .3s)}.kx-anim .kx-proc .kx-proc-num{animation-name:kx-sube;animation-duration:.7s;animation-delay:calc(var(--i) * .3s + 80ms)}.kx-anim .kx-proc .kx-proc-tit{animation-name:kx-sube;animation-duration:.7s;animation-delay:calc(var(--i) * .3s + .16s)}.kx-anim .kx-proc .kx-proc-txt{animation-name:kx-sube;animation-duration:.7s;animation-delay:calc(var(--i) * .3s + .24s)}.kx-anim .kx-proc .kx-proc-fin{animation-name:kx-visible;animation-duration:.5s;animation-delay:1.3s}.kx-anim .kx-proc .kx-proc-viaje{animation-name:kx-visible;animation-duration:.5s;animation-delay:1.5s}@media (prefers-reduced-motion:reduce){.kx-pulso-caja,.kx-proc-viaje,.kx-nucleo:after{display:none}}@media print{.kx-anim .kx-fila *,.kx-anim .kx-fila :before,.kx-anim .kx-fila :after,.kx-anim .kx-proc *,.kx-anim .kx-proc :before,.kx-anim .kx-proc :after{animation:none!important}}
