.vivo{gap:var(--esp-4);flex-direction:column;min-width:0;display:flex}.vivo__hero{isolation:isolate;justify-content:space-between;align-items:flex-end;gap:var(--esp-5);padding:var(--esp-5) var(--esp-6);border:1px solid var(--green);border-radius:var(--radio-lamina);background:var(--green-gradient), var(--surface);box-shadow:var(--sombra-baja);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.vivo__glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--green-lighter-ext), transparent 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-140px;right:-120px}.vivo__volanta{margin:0 0 var(--esp-2);letter-spacing:.08em;text-transform:uppercase;color:var(--green-darker-ext);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.vivo__titulo{margin:0 0 var(--esp-2);letter-spacing:-.03em;color:var(--element-high);font-size:clamp(26px,2.8vw,36px);font-weight:500;line-height:1.1}.vivo__titulo-suave{margin-top:var(--esp-1);color:var(--element-mid);font-size:.55em;font-weight:400;display:block}.vivo__bajada{max-width:60ch;color:var(--element-high-hover);margin:0;font-size:15px;line-height:1.5}.vivo__intro{flex:360px;min-width:0}.vivo__kpis{gap:var(--esp-3);grid-template-columns:repeat(4,minmax(130px,1fr));display:grid}.vivo__kpi{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radio-caja);padding:var(--esp-3) var(--esp-4);box-shadow:var(--sombra-baja);min-width:0}.vivo__kpi-rotulo{letter-spacing:.1em;text-transform:uppercase;color:var(--element-mid);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.vivo__kpi-valor{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--element-high);font-size:22px;font-weight:600}.vivo__kpi-de{color:var(--element-mid);font-size:13px;font-weight:500}.vivo__kpi--corrida{background:var(--element-high);border-color:var(--element-high)}.vivo__kpi--corrida .vivo__kpi-rotulo{color:var(--element-low)}.vivo__kpi--corrida .vivo__kpi-valor{align-items:center;gap:var(--esp-2);color:var(--surface);font-size:16px;display:flex}.vivo__punto{background:var(--green);width:10px;height:10px;animation:vivo-pulso 1.6s var(--ease) infinite;border-radius:50%;flex:none}.vivo__punto--quieto{background:var(--element-low);animation:none}@keyframes vivo-pulso{0%,to{box-shadow:0 0 0 3px #9cbf5e59}50%{box-shadow:0 0 0 8px #9cbf5e1f}}.vivo__grilla{gap:var(--esp-4);grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;display:grid}.vivo__lamina{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radio-lamina);box-shadow:var(--sombra-baja);min-width:0;overflow:hidden}.vivo__cabeza{justify-content:space-between;align-items:center;gap:var(--esp-3);padding:var(--esp-3) var(--esp-4);border-bottom:1px solid var(--outline);flex-wrap:wrap;display:flex}.vivo__cabeza :is(h2,h3){gap:var(--esp-2);color:var(--element-high);align-items:center;margin:0;font-size:15px;font-weight:600;display:flex}.vivo__chips{flex-wrap:wrap;gap:6px;display:flex}.vivo__chip{white-space:nowrap;font:inherit;border-radius:var(--radio-pill);border:1px solid var(--outline);background:var(--surface);color:var(--element-mid);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}button.vivo__chip{cursor:pointer;transition:background-color var(--t-estado) var(--ease), border-color var(--t-estado) var(--ease)}button.vivo__chip:hover{border-color:var(--green-darker)}button.vivo__chip:focus-visible{outline:2px solid var(--green-darker-ext);outline-offset:2px}.vivo__chip--on{background:var(--seleccionado);border-color:var(--indicador);color:var(--element-high)}.vivo__chip--bien{background:var(--success-lighter-ext);color:var(--success-base);border-color:#0000}.vivo__chip--firma{background:var(--warning-lighter-ext);color:var(--warning-dark);border-color:#0000}.vivo__chip--mal{background:var(--error-lighter-ext);color:var(--error-dark);border-color:#0000}.vivo__chip--suave{background:var(--surface-accent);border-color:#0000}.vivo__plano{min-height:360px;padding:var(--esp-6) var(--esp-4) var(--esp-5);background:var(--surface-accent) radial-gradient(circle, var(--green-lighter) 1.2px, transparent 1.4px) 0 0 / 22px 22px;position:relative}.vivo__plano--compacto{min-height:240px;padding:var(--esp-4) var(--esp-3)}.vivo__capas{flex-direction:column;align-items:center;gap:88px;display:flex;position:relative}.vivo__plano--compacto .vivo__capas{gap:40px}.vivo__fila{z-index:1;justify-content:center;gap:28px var(--esp-4);flex-wrap:wrap;width:100%;display:flex;position:relative}.vivo__fila+.vivo__fila .vivo__nodo{flex:140px;width:auto;min-width:0;max-width:210px}.vivo__cables{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vivo__cable{fill:none;stroke:var(--green-darker);stroke-width:2px;transition:opacity var(--t-estado) var(--ease)}.vivo__cable--sin-uso{stroke-dasharray:6 5;opacity:.5}.vivo__cable--pedido{stroke:var(--element-high);stroke-dasharray:3 4}.vivo__cable--apagado{opacity:.3}.vivo__nodo{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radio-caja);width:200px;max-width:100%;box-shadow:var(--sombra-baja);padding:var(--esp-3) 14px;font:inherit;color:var(--element-high);transition:opacity var(--t-estado) var(--ease), border-color var(--t-estado) var(--ease), box-shadow var(--t-estado) var(--ease);position:relative}.vivo__nodo:focus-visible{outline:2px solid var(--green-darker-ext);outline-offset:2px}.vivo__plano--compacto .vivo__nodo{width:168px;padding:var(--esp-2) var(--esp-3)}.vivo__nodo--lider{border-color:var(--green);background:linear-gradient(180deg, var(--green-lighter-ext), var(--surface) 55%)}.vivo__nodo--trabajando{border-color:var(--green);box-shadow:0 0 0 3px #9cbf5e59, var(--sombra-baja);animation:vivo-anillo 1.6s var(--ease) infinite}.vivo__nodo--verificada{border-color:var(--success-base)}.vivo__nodo--esperando_firma{border-color:var(--warning-base)}.vivo__nodo--sin_verificar,.vivo__nodo--fallida{border-color:var(--error-base)}.vivo__nodo--pendiente,.vivo__nodo--inactivo{border-style:dashed;border-color:var(--outline-accent);opacity:.85}.vivo__nodo--apagado{opacity:.3}.vivo__nodo--sacude{animation:vivo-sacude .4s var(--ease)}@keyframes vivo-anillo{50%{box-shadow:0 0 0 7px #9cbf5e26, var(--sombra-baja)}}@keyframes vivo-sacude{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.vivo__estado{position:absolute;top:-11px;right:12px}.vivo__nodo-cab{margin-bottom:var(--esp-2);align-items:center;gap:10px;min-width:0;display:flex}.vivo__avatar{border-radius:var(--radio-caja);width:36px;height:36px;color:var(--green-darker-ext);background:var(--surface-accent);border:1px solid var(--outline);flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.vivo__avatar--lider{background:var(--green);border-color:var(--green);color:var(--element-high)}.vivo__avatar--chico{width:30px;height:30px;font-size:12px}.vivo__nombre{overflow-wrap:break-word;font-size:13.5px;font-weight:600;line-height:1.2}.vivo__rol{letter-spacing:.08em;text-transform:uppercase;color:var(--element-mid);font-size:11px;font-weight:600}.vivo__pie{justify-content:space-between;align-items:center;gap:var(--esp-2);color:var(--element-mid);min-width:0;font-size:12px;display:flex}.vivo__pie-que{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vivo__costo{color:var(--element-high);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.vivo__escribiendo{vertical-align:middle;align-items:center;gap:3px;margin-left:6px;display:inline-flex}.vivo__escribiendo i{background:var(--green-darker-ext);width:4px;height:4px;animation:vivo-late 1.2s var(--ease) infinite;border-radius:50%}.vivo__escribiendo i:nth-child(2){animation-delay:.15s}.vivo__escribiendo i:nth-child(3){animation-delay:.3s}@keyframes vivo-late{0%,to{opacity:.3}40%{opacity:1}}.vivo__paquete{z-index:2;pointer-events:none;offset-rotate:0deg;offset-distance:0%;animation:vivo-viaja .9s var(--ease) forwards;position:absolute;top:0;left:0}@keyframes vivo-viaja{0%{offset-distance:0%}to{offset-distance:100%}}.vivo__sobre{background:var(--green);border:1.5px solid var(--element-high);border-radius:3px;width:22px;height:16px;transform:translate(-50%,-50%)}.vivo__check{width:20px;height:20px;color:var(--surface);background:var(--success-base);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;transform:translate(-50%,-50%)}.vivo__check--mal{background:var(--error-base)}.vivo__check--neutro{background:var(--element-high)}.vivo__globito{background:var(--element-high);border-radius:7px 7px 7px 2px;width:18px;height:14px;transform:translate(-50%,-50%)}.vivo__burbuja{z-index:3;pointer-events:none;background:var(--element-high);max-width:200px;color:var(--surface);box-shadow:var(--sombra-flota);border-radius:12px 12px 12px 3px;padding:6px 10px;font-size:12px;line-height:1.35;position:absolute}.vivo__tiempo{padding:var(--esp-3) var(--esp-4) var(--esp-2);border-top:1px solid var(--outline);background:var(--surface);align-items:center;gap:14px;display:flex}.vivo__controles{flex:none;gap:4px;display:flex}.vivo__boton{cursor:pointer;border:1px solid var(--outline);background:var(--surface);width:28px;height:28px;color:var(--element-high);border-radius:8px;place-items:center;display:grid}.vivo__boton:hover{border-color:var(--green-darker)}.vivo__boton:focus-visible{outline:2px solid var(--green-darker-ext);outline-offset:2px}.vivo__boton:disabled{opacity:.4;cursor:default}.vivo__boton--play{background:var(--green);border-color:var(--green)}.vivo__pista{cursor:pointer;flex:1;min-width:0;height:28px;position:relative}.vivo__pista:before{content:"";background:var(--outline-accent);height:2px;position:absolute;top:13px;left:0;right:0}.vivo__recorrido{background:var(--green-darker);height:2px;position:absolute;top:13px;left:0}.vivo__marca{border:2px solid var(--surface);width:10px;height:10px;box-shadow:0 0 0 1px var(--outline-accent);border-radius:50%;margin-left:-5px;position:absolute;top:9px}.vivo__marca--apagada{opacity:.35}.vivo__cursor{background:var(--element-high);pointer-events:none;width:2px;height:22px;margin-left:-1px;position:absolute;top:3px}.vivo__cursor-hora{color:var(--element-high);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.vivo__cursor-hora--fin{left:auto;right:-1px;transform:none}.vivo__cursor-hora--inicio{left:-1px;transform:none}.vivo__velocidad{color:var(--element-mid);flex:none;align-items:center;gap:2px;font-size:12px;font-weight:600;display:flex}.vivo__velocidad button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:4px;padding:2px 4px}.vivo__velocidad button[aria-pressed=true]{color:var(--element-high);text-underline-offset:3px;text-decoration:underline}.vivo__velocidad button:focus-visible{outline:2px solid var(--green-darker-ext)}.vivo__hilo{padding:var(--esp-4);flex-direction:column;gap:14px;max-height:560px;display:flex;overflow-y:auto}.vivo__hilo--compacto{max-height:380px}.vivo__vacio{margin:var(--esp-5) 0;text-align:center;color:var(--element-mid);font-size:13px}.vivo__separador{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-3);font-size:11px;font-weight:600}.vivo__turno{border-radius:var(--radio-caja);min-width:0;transition:opacity var(--t-estado) var(--ease);gap:10px;display:flex}.vivo__turno--apagado{opacity:.35}.vivo__turno-cuerpo{flex:1;min-width:0}.vivo__quien{justify-content:space-between;gap:var(--esp-2);letter-spacing:.06em;text-transform:uppercase;color:var(--element-mid);margin:0 0 4px;font-size:11px;font-weight:600;display:flex}.vivo__quien b{color:var(--element-high);font-weight:600}.vivo__quien span{letter-spacing:0;text-transform:none;white-space:nowrap;font-weight:500}.vivo__texto{text-align:left;width:100%;font:inherit;color:var(--element-high);background:var(--surface-accent);border:1px solid var(--outline);cursor:pointer;overflow-wrap:anywhere;border-radius:3px 12px 12px;margin:0;padding:9px 12px;font-size:14px;line-height:1.5}.vivo__texto:focus-visible{outline:2px solid var(--green-darker-ext);outline-offset:2px}.vivo__turno--reparto .vivo__texto{background:var(--green-lighter-ext);border-color:#0000}.vivo__turno--bien .vivo__texto{background:var(--success-lighter-ext);border-color:#0000}.vivo__turno--firma .vivo__texto{background:var(--warning-lighter-ext);border-color:#0000}.vivo__turno--mal .vivo__texto{background:var(--error-lighter-ext);border-color:#0000}.vivo__turno--sistema .vivo__texto{background:var(--surface);color:var(--element-mid);border-style:dashed;font-size:13px}.vivo__turno--elegido .vivo__texto{box-shadow:0 0 0 2px var(--green-darker)}.vivo__hijas{margin:var(--esp-2) 0 0;flex-direction:column;gap:6px;padding:0;font-size:13px;list-style:none;display:flex}.vivo__hijas li{justify-content:space-between;align-items:center;gap:var(--esp-2);min-width:0;display:flex}.vivo__hijas li>span:first-child{overflow-wrap:anywhere;min-width:0}.vivo__turno-pie{color:var(--element-mid);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.vivo__turno-pie a{color:var(--green-darker-ext)}@media (max-width:1100px){.vivo__grilla{grid-template-columns:minmax(0,1fr)}.vivo__hilo{max-height:480px}.vivo__hilo--compacto{max-height:380px}}@media (min-width:1101px){.vivo__lamina--hilo{flex-direction:column;align-self:stretch;display:flex}.vivo__lamina--hilo .vivo__hilo{contain:size;flex:1 1 0;min-height:0;max-height:none}}@media (max-width:860px){.vivo__hero{padding:var(--esp-4)}.vivo__kpis{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.vivo__kpi{padding:var(--esp-2) var(--esp-3)}.vivo__kpi-valor{font-size:18px}.vivo__capas{gap:64px}.vivo__nodo{width:160px;padding:var(--esp-3)}.vivo__nodo-cab{gap:var(--esp-2)}.vivo__tiempo{flex-wrap:wrap}.vivo__pista{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){.vivo__punto,.vivo__nodo--trabajando,.vivo__escribiendo i,.vivo__nodo--sacude{animation:none!important}.vivo__paquete{display:none}}.vivo-pantalla{min-height:100dvh;padding:var(--esp-5) var(--esp-6);background:var(--background);font-size:105%}.vivo-pantalla .vivo__titulo{font-size:clamp(30px,3.4vw,44px)}.vivo-pantalla .vivo__plano{min-height:390px}.vivo-pantalla .vivo__hilo{max-height:640px}@media (max-width:860px){.vivo-pantalla{padding:var(--esp-4)}}