.vx-grafo{border:1px solid var(--at-border);border-radius:var(--radius-l);background:var(--at-white);box-shadow:var(--shadow-m);color:var(--at-text);font-family:var(--at-font-body);position:relative;overflow:hidden}.vx-grafo__cab{border-bottom:1px solid var(--at-border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 16px 10px 20px;display:flex}.vx-grafo__rotulo{color:var(--at-text-strong);flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:15px;font-weight:700;line-height:1.3;display:flex}.vx-grafo__chip-ej{border-radius:var(--radius-xs);background:var(--at-surface-2);font:500 13px/1.2 var(--at-font-mono);letter-spacing:.04em;color:var(--at-text-muted);padding:3px 8px}.vx-grafo__pausa{border:1px solid var(--at-border-strong);border-radius:var(--radius-full);background:var(--at-white);min-height:40px;color:var(--at-text-strong);font:600 14px/1 var(--at-font-body);cursor:pointer;flex:none;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.vx-grafo__pausa:hover{background:var(--at-surface)}.vx-grafo__pausa-ic{border-left:3px solid;border-right:3px solid;width:10px;height:12px}.vx-grafo__pausa[aria-pressed=true] .vx-grafo__pausa-ic{border:6px solid #0000;border-left:10px solid;border-right-width:0;width:0;height:0}.vx-grafo__verticales{border-bottom:1px solid var(--at-border);background:var(--at-surface);flex-wrap:wrap;gap:6px;padding:12px 16px 12px 20px;display:flex}.vx-grafo__vtab{border:1px solid var(--at-border-strong);border-radius:var(--radius-full);background:var(--at-white);min-height:40px;color:var(--at-text);font:600 14px/1 var(--at-font-body);cursor:pointer;transition:background-color .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);padding:0 16px}.vx-grafo__vtab:hover{border-color:var(--vx-acc-ink)}.vx-grafo__vtab[aria-selected=true]{background:var(--vx-acc-ink);border-color:var(--vx-acc-ink);color:#fff}.vx-grafo__lienzo{isolation:isolate;background:radial-gradient(var(--at-border) 1px, transparent 1px) 0 0 / 16px 16px, var(--at-white);position:relative;overflow:hidden}.vx-grafo.is-ready .vx-grafo__lienzo{min-height:440px}.vx-grafo__fondo{z-index:0;pointer-events:none;position:absolute;inset:0}.vx-grafo__fondo:after{content:"";background:radial-gradient(at 55%,#ffffffeb 0 28%,#ffffff8c 58%,#ffffff1f 100%);position:absolute;inset:0}.vx-grafo__fondo svg{opacity:.35;width:100%;height:100%;position:absolute;inset:0}.vx-grafo__fondo path{fill:none;stroke:var(--vx-acc);stroke-width:1px;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}.vx-grafo.is-vista .vx-grafo__fondo path{animation:2.2s linear 2 vx-grafo-flujo}.vx-grafo__bn{left:var(--x);top:var(--y);z-index:1;border:1px solid var(--at-border-strong);border-radius:var(--radius-full);color:var(--at-text-muted);white-space:nowrap;font:500 13px/1.2 var(--at-font-mono);opacity:.32;transition:opacity .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease), background-color .4s var(--ease);background:#ffffffeb;padding:4px 10px;position:absolute;translate:-50% -50%}.vx-grafo.is-vista .vx-grafo__bn{animation:vx-grafo-flota var(--d) ease-in-out var(--dl)}.vx-grafo__bn.is-relleno{opacity:.2}.vx-grafo[data-vx-activa=gmao] .vx-grafo__bn--gmao,.vx-grafo[data-vx-activa=ticketing] .vx-grafo__bn--ticketing,.vx-grafo[data-vx-activa=crm] .vx-grafo__bn--crm,.vx-grafo[data-vx-activa=field] .vx-grafo__bn--field,.vx-grafo[data-vx-activa=sat] .vx-grafo__bn--sat{opacity:.95;color:var(--vx-acc-ink);border-color:var(--vx-acc-line);background:var(--vx-acc-soft);z-index:2}.vx-grafo__escena{z-index:1;position:relative}.vx-grafo:not(.is-ready) .vx-grafo__escena+.vx-grafo__escena{border-top:1px dashed var(--at-border-strong)}.vx-grafo__variante{grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);align-items:center;gap:32px;min-height:440px;padding:32px 40px;display:grid}.vx-grafo:not(.is-ready) .vx-grafo__variante{min-height:0}.vx-grafo__copy{border:1px solid var(--at-border);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(6px);max-width:320px;animation:vx-grafo-sube .45s var(--ease) both;background:#ffffffe6;padding:20px}.vx-grafo__num{font:500 13px/1.3 var(--at-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-acc-ink)}.vx-grafo__titulo{font:700 clamp(1.375rem, 1.15rem + .9vw, 1.875rem)/1.12 var(--at-font-display);letter-spacing:-.01em;color:var(--at-text-strong);text-wrap:balance;margin:10px 0 8px}.vx-grafo__texto{color:var(--at-text-muted);font-size:15px;line-height:1.55}.vx-grafo__visual{place-items:center;min-width:0;display:grid}.vx-grafo__tipo{font:500 13px/1.2 var(--at-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--at-text-muted)}.vx-grafo__codigo{font:600 15px/1.2 var(--at-font-mono);color:var(--vx-acc-ink)}.vx-grafo__detalle{color:var(--at-text-muted);font-size:14px;line-height:1.4}.vx-grafo__ficha{border:1px solid var(--vx-acc-line);background:var(--at-white);width:min(460px,100%);box-shadow:var(--shadow-l);animation:vx-grafo-aparece .5s var(--ease) both;border-radius:16px;overflow:hidden}.vx-grafo__ficha-cab{border-bottom:1px solid var(--at-border);background:var(--vx-acc-soft);align-items:center;gap:10px;padding:12px 16px;display:flex}.vx-grafo__qr{background:repeating-conic-gradient(var(--at-navy) 0 25%, #fff 0 50%) 0 0 / 7px 7px;width:30px;height:30px;box-shadow:0 0 0 3px #fff, 0 0 0 4px var(--at-border);border-radius:4px;flex:none;margin-left:auto}.vx-grafo__nombre{color:var(--at-text-strong);padding:14px 16px 4px;font-size:17px;font-weight:700;line-height:1.3}.vx-grafo__campos{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:10px 16px 16px;display:grid}.vx-grafo__campos div{background:var(--at-surface);min-width:0;animation:vx-grafo-sube .4s var(--ease) both;border-radius:10px;padding:10px 12px}.vx-grafo__campos div:nth-child(2){animation-delay:70ms}.vx-grafo__campos div:nth-child(3){animation-delay:.14s}.vx-grafo__campos div:nth-child(4){animation-delay:.21s}.vx-grafo__campos dt{color:var(--at-text-muted);font-size:13px}.vx-grafo__campos dd{color:var(--at-text-strong);overflow-wrap:anywhere;margin:2px 0 0;font-size:15px;font-weight:700;line-height:1.3}.vx-grafo__rel{grid-template-columns:38% 20% 42%;align-items:center;width:min(620px,100%);min-height:290px;display:grid;position:relative}.vx-grafo__rel-lineas{width:100%;height:100%;position:absolute;inset:0}.vx-grafo__rel-lineas path{fill:none;stroke:var(--vx-acc);stroke-width:1.8px;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;animation:1.3s linear 3 vx-grafo-linea}.vx-grafo__nodo{border:1px solid var(--at-border);background:var(--at-white);box-shadow:var(--shadow-m);border-radius:14px;align-content:center;gap:4px;padding:14px 16px;display:grid;position:relative}.vx-grafo__nodo.is-origen{border-color:var(--vx-acc);animation:vx-grafo-aparece .45s var(--ease) both;grid-column:1}.vx-grafo__destinos{grid-column:3;grid-template-rows:1fr 1fr;align-self:stretch;gap:16px;list-style:none;display:grid}.vx-grafo__destinos .vx-grafo__nodo{animation:vx-grafo-despliega .5s var(--ease) calc(.15s + var(--i) * .12s) both}.vx-grafo__ctx{grid-template-columns:minmax(0,1fr) 60px minmax(0,.9fr);align-items:center;width:min(660px,100%);display:grid}.vx-grafo__doc{border:1px solid var(--at-border);background:var(--at-white);box-shadow:var(--shadow-m);animation:vx-grafo-aparece .45s var(--ease) both;border-radius:14px;justify-items:start;gap:8px;padding:18px;display:grid}.vx-grafo__doc-tipo{color:var(--at-text-muted);font-size:13px}.vx-grafo__doc-tipo b{font:600 13px/1.2 var(--at-font-mono);color:var(--vx-acc-ink)}.vx-grafo__doc-titulo{color:var(--at-text-strong);font-size:16px;font-weight:700;line-height:1.3}.vx-grafo__chips{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.vx-grafo__chips li{border:1px solid var(--at-border);border-radius:var(--radius-full);background:var(--at-surface);color:var(--at-text);padding:4px 10px;font-size:13px;line-height:1.3}.vx-grafo__chips.is-claros li{background:var(--at-white);border-color:var(--vx-acc-line);font-family:var(--at-font-mono);color:var(--vx-acc-ink)}.vx-grafo__flujo{background:var(--vx-acc-line);height:2px;margin-inline:6px;position:relative}.vx-grafo__flujo i{background:var(--vx-acc);opacity:0;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out 2 vx-grafo-viaja;position:absolute;top:-3px;left:0}.vx-grafo__flujo i:nth-child(2){animation-delay:.4s}.vx-grafo__flujo i:nth-child(3){animation-delay:.8s}.vx-grafo__enlace{border:1px solid var(--vx-acc-line);background:var(--vx-acc-soft);animation:vx-grafo-aparece .45s var(--ease) .18s both;border-radius:14px;justify-items:start;gap:8px;padding:18px;display:grid}.vx-grafo__mini{color:var(--at-text-muted);font-size:13px;font-weight:600}.vx-grafo__plantilla{border:1px solid var(--vx-acc-line);background:linear-gradient(145deg, var(--at-white), var(--vx-acc-soft));width:min(480px,100%);box-shadow:var(--shadow-l);animation:vx-grafo-plantilla .6s var(--ease) both;border-radius:16px;padding:20px 22px}.vx-grafo__plantilla-cab{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.vx-grafo__listo{border:1px solid var(--vx-acc-line);border-radius:var(--radius-full);background:var(--at-white);color:var(--vx-acc-ink);padding:3px 10px;font-size:13px;font-weight:700}.vx-grafo__plantilla .vx-grafo__nombre{padding:14px 0 12px;font-size:19px}.vx-grafo__copia{gap:8px;list-style:none;display:grid}.vx-grafo__copia li{border:1px solid var(--at-border);background:var(--at-white);color:var(--at-text-strong);animation:vx-grafo-sube .4s var(--ease) calc(.2s + var(--i) * .1s) both;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.vx-grafo__copia li:before{content:"";background:var(--vx-acc-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;border-radius:50%;flex:none;width:18px;height:18px}.vx-grafo__destino{border-top:1px dashed var(--at-border-strong);color:var(--at-text-muted);margin-top:14px;padding-top:12px;font-size:14px}.vx-grafo__destino b{font:600 14px/1.2 var(--at-font-mono);color:var(--vx-acc-ink)}.vx-grafo__pasos{border-top:1px solid var(--at-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.vx-grafo:not(.is-ready) .vx-grafo__pasos,.vx-grafo:not(.is-ready) .vx-grafo__verticales{display:none}.vx-grafo__ptab{border:0;border-right:1px solid var(--at-border);background:var(--at-white);min-height:64px;color:var(--at-text);text-align:left;font:600 15px/1.25 var(--at-font-body);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease);align-content:center;justify-items:start;gap:2px;padding:12px 16px;display:grid;position:relative}.vx-grafo__ptab:last-child{border-right:0}.vx-grafo__ptab:hover{background:var(--at-surface)}.vx-grafo__ptab-num{font:500 13px/1.2 var(--at-font-mono);color:var(--at-text-muted)}.vx-grafo__ptab[aria-selected=true]{background:var(--vx-acc-soft);color:var(--vx-acc-ink)}.vx-grafo__ptab[aria-selected=true]:before{content:"";background:var(--vx-acc-ink);height:3px;position:absolute;top:0;left:0;right:0}.vx-grafo__ptab:focus-visible,.vx-grafo__vtab:focus-visible,.vx-grafo__pausa:focus-visible{outline:2px solid var(--at-blue);outline-offset:2px}.vx-grafo__ptab:focus-visible{outline-offset:-4px}.vx-grafo__progreso{background:var(--vx-acc);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.vx-grafo.is-corriendo .vx-grafo__ptab[aria-selected=true] .vx-grafo__progreso{animation:vx-grafo-progreso var(--vx-grafo-t,6s) linear forwards}@keyframes vx-grafo-sube{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes vx-grafo-aparece{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes vx-grafo-despliega{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes vx-grafo-plantilla{0%{opacity:0;filter:blur(3px);transform:scale(.93)}to{opacity:1;filter:none;transform:none}}@keyframes vx-grafo-linea{to{stroke-dashoffset:-22px}}@keyframes vx-grafo-flujo{to{stroke-dashoffset:-20px}}@keyframes vx-grafo-viaja{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}@keyframes vx-grafo-progreso{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes vx-grafo-flota{50%{transform:translate3d(var(--fx), var(--fy), 0)}}@media (width<=899px){.vx-grafo__variante{grid-template-columns:1fr;align-items:start;gap:20px;min-height:0;padding:24px 20px}.vx-grafo.is-ready .vx-grafo__lienzo{min-height:520px}.vx-grafo__copy{max-width:none}.vx-grafo__visual{place-items:stretch stretch}.vx-grafo__ficha,.vx-grafo__plantilla{width:100%}.vx-grafo__rel{grid-template-columns:1fr;width:100%;min-height:0}.vx-grafo__rel-lineas{display:none}.vx-grafo__nodo.is-origen{grid-column:1}.vx-grafo__destinos{grid-column:1;grid-template-rows:none;gap:12px;margin-top:12px;padding-left:28px}.vx-grafo__destinos .vx-grafo__nodo:before,.vx-grafo__destinos .vx-grafo__nodo:not(:last-child):after{content:"";border:0 dashed var(--vx-acc);width:16px;position:absolute;left:-20px}.vx-grafo__destinos .vx-grafo__nodo:before{border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:8px;top:-13px;bottom:50%}.vx-grafo__destinos .vx-grafo__nodo:not(:last-child):after{border-left-width:2px;top:50%;bottom:-13px}.vx-grafo__ctx{grid-template-columns:1fr;width:100%}.vx-grafo__flujo{width:2px;height:28px;margin:0 auto}.vx-grafo__flujo i{animation:1.8s ease-in-out 2 vx-grafo-baja;left:-3px}.vx-grafo__flujo i:nth-child(2){animation-delay:.4s}.vx-grafo__flujo i:nth-child(3){animation-delay:.8s}.vx-grafo__bn{display:none}.vx-grafo__pasos{grid-template-columns:1fr 1fr}.vx-grafo__ptab{border-bottom:1px solid var(--at-border);min-height:56px}.vx-grafo__ptab:nth-child(2n){border-right:0}.vx-grafo__ptab:nth-child(n+3){border-bottom:0}}@keyframes vx-grafo-baja{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:calc(100% - 8px)}}@media (width<=420px){.vx-grafo__cab,.vx-grafo__verticales{padding:10px 12px 10px 16px}.vx-grafo__vtab{padding:0 12px}.vx-grafo__variante{padding:20px 16px}.vx-grafo__campos{grid-template-columns:1fr}.vx-grafo.is-ready .vx-grafo__lienzo{min-height:560px}}