.cs-rec-ctrl{justify-content:flex-end;min-height:34px;margin-top:12px;display:flex}.cs-rec-ctrl button{color:#0f3d8f;cursor:pointer;background:#fff;border:1px solid #bfd3f4;border-radius:10px;padding:6px 12px;font-size:12.5px;font-weight:600}.cs-rec-ctrl button:hover{border-color:#1e5fce}.cs-rec-ctrl button:focus-visible{outline-offset:2px;outline:2px solid #1e5fce}.cs-rec-ctrl.is-oscuro button{color:#e5eaf2;background:#ffffff0f;border-color:#8ab4f373}.cs-rec-ctrl.is-oscuro button:hover{color:#fff;border-color:#8ab4f3}.cs-rec-ctrl.is-oscuro button:focus-visible{outline-color:#fff}.cs-rec[data-pausa] *,.cs-rec[data-pausa] :before,.cs-rec[data-pausa] :after{animation-play-state:paused!important}.cs-estado{white-space:nowrap;color:#475569;align-items:center;gap:6px;margin-left:8px;font-size:12px;font-weight:600;display:inline-flex}.cs-estado:before{content:"";background:#8ab4f3;border-radius:50%;width:7px;height:7px}.cs-estado.is-prod:before{background:#7dc97f;box-shadow:0 0 0 3px #7dc97f33}.cs-ebs{margin:0}.cs-ebs-grid{gap:16px;margin:0;padding:0;list-style:none;display:grid}.cs-ebs-card{box-shadow:none;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:22px;position:relative}.cs-ebs-card h3{color:#0a1129;margin:0;font-size:19px;font-weight:800}.cs-ebs-card{transition:transform .22s,border-color .22s,box-shadow .22s}.cs-ebs-card:hover{border-color:#bfd3f4;box-shadow:0 12px 28px -18px #0a112959}@media (max-width:1023px){.cs-ebs-card:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.cs-ebs-card{transition:none}.cs-ebs-card:hover{transform:none}}.cs-ebs-card ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.cs-ebs-card li{color:#475569;padding-left:16px;font-size:15px;line-height:1.55;position:relative}.cs-ebs-card li:before{content:"";background:#1e5fce;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.cs-ebs-core{color:#fff;letter-spacing:-.01em;background:linear-gradient(155deg,#0a1129 0%,#0b2961 55%,#0f3d8f 100%);border-radius:16px;order:-1;justify-content:center;align-items:center;gap:12px;padding:18px 24px;font-size:17px;font-weight:800;display:flex}.cs-ebs-dot{background:#8ab4f3;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 5px #8ab4f338}.cs-ebs-con{display:none}.cs-ebs-base{color:#475569;text-align:center;background:#f5f8fd;border:1px dashed #bfd3f4;border-radius:14px;margin-top:16px;padding:14px 18px;font-size:14.5px}@media (min-width:640px){.cs-ebs-grid{grid-template-columns:1fr 1fr}.cs-ebs-core{grid-column:1/-1}}@media (min-width:1024px){.cs-ebs-grid{gap:44px 24px}.cs-ebs-core{border-radius:999px;order:0;padding:18px 40px}.cs-ebs-con{background:#bfd3f4;width:2px;height:44px;display:block;position:absolute;left:50%}.cs-ebs-card.is-top .cs-ebs-con{transform-origin:top;top:100%}.cs-ebs-card.is-bottom .cs-ebs-con{transform-origin:bottom;bottom:100%}}[data-fase=armado] .cs-ebs-card{opacity:.35}[data-fase=armado] .cs-ebs-con{transform:scaleY(0)}[data-fase=armado] .cs-ebs-base{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion:no-preference){[data-fase=on] .cs-ebs-card{animation:.5s cubic-bezier(.22,1,.36,1) backwards cs-fade;animation-delay:calc(.3s + var(--i) * .6s)}[data-fase=on] .cs-ebs-con{animation:.5s cubic-bezier(.22,1,.36,1) both cs-scale-y;animation-delay:calc(.3s + var(--i) * .6s)}[data-fase=on] .cs-ebs-base{animation:.5s cubic-bezier(.22,1,.36,1) 2.7s both cs-rise}}@keyframes cs-fade{0%{opacity:.35}to{opacity:1}}@keyframes cs-scale-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes cs-scale-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cs-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cs-in{0%{opacity:0}to{opacity:1}}@keyframes cs-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.cs-fases{background:#0a112959;border:1px solid #8ab4f338;border-radius:20px;margin:0;padding:24px}.cs-fases-carriles{gap:14px;margin:0;padding:0;list-style:none;display:grid}.cs-carril{gap:8px;display:grid}.cs-carril-n{letter-spacing:.12em;text-transform:uppercase;color:#a9bfe2;font-size:12px;font-weight:700}.cs-carril-fases{flex-wrap:wrap;align-items:center;gap:6px 0;display:flex}.cs-fase-wrap{align-items:center;display:inline-flex}.cs-fase{color:#fff;background:#ffffff0f;border:1px solid #8ab4f359;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.cs-fase-link{transform-origin:0;background:#8ab4f3;width:18px;height:2px}.cs-fase.is-acepta{background:#5fc47e29;border-color:#5fc47e}.cs-fase svg path,.cs-check path{fill:none;stroke:#8fe0a8;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.cs-fases-total{color:#c9d7ee;border-top:1px solid #8ab4f338;margin:18px 0 0;padding-top:14px;font-size:14px}.cs-fases-total b{color:#fff;margin-left:8px;font-size:18px}.cs-fases figcaption{color:#a9bfe2;margin-top:10px;font-size:12.5px}@media (min-width:640px){.cs-carril{grid-template-columns:96px 1fr;align-items:center}}[data-fase=armado] .cs-fase{opacity:.35}[data-fase=armado] .cs-fase-link{transform:scaleX(0)}[data-fase=armado] .cs-fase.is-acepta{background:#ffffff0f;border-color:#8ab4f359}[data-fase=armado] .cs-fase svg path{stroke-dashoffset:1px}[data-fase=armado] .cs-fases-total{opacity:0}@media (prefers-reduced-motion:no-preference){[data-fase=on] .cs-fase{animation:.4s cubic-bezier(.22,1,.36,1) both cs-fade;animation-delay:calc(.4s + var(--i) * 1.2s + var(--k) * .3s)}[data-fase=on] .cs-fase-wrap:nth-child(2) .cs-fase-link{animation:.3s cubic-bezier(.22,1,.36,1) both cs-scale-x;animation-delay:calc(.5s + var(--i) * 1.2s)}[data-fase=on] .cs-fase-wrap:nth-child(3) .cs-fase-link{animation:.3s cubic-bezier(.22,1,.36,1) both cs-scale-x;animation-delay:calc(.8s + var(--i) * 1.2s)}[data-fase=on] .cs-fase.is-acepta{animation:.4s cubic-bezier(.22,1,.36,1) both cs-fade,.4s both cs-acepta;animation-delay:calc(1s + var(--i) * 1.2s)}[data-fase=on] .cs-fase svg path{animation:.4s cubic-bezier(.22,1,.36,1) both cs-draw;animation-delay:calc(1.1s + var(--i) * 1.2s)}[data-fase=on] .cs-fases-total{animation:.4s 3.6s both cs-in}}@keyframes cs-acepta{0%{background:#ffffff0f;border-color:#8ab4f359}to{background:#5fc47e29;border-color:#5fc47e}}.cs-flujo{margin:0}.cs-flujo-nodos{gap:16px;margin:0;padding:0;list-style:none;display:grid}.cs-flujo-nodo{background:#ffffff0f;border:1px solid #8ab4f359;border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex;position:relative}.cs-flujo-nodo.is-core{background:#1e5fce;border-color:#1e5fce}.cs-flujo-n{color:#8ab4f3;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.cs-flujo-nodo.is-core .cs-flujo-n{color:#e8f0fe}.cs-flujo-nodo b{color:#fff;font-size:15px;line-height:1.3}.cs-flujo-d{color:#c9d7ee;font-size:13px;line-height:1.45}.cs-flujo-nodo.is-core .cs-flujo-d{color:#e8f0fe}.cs-flujo-link{transform-origin:top;background:#8ab4f3;width:2px;height:16px;position:absolute;top:-16px;left:28px}.cs-fichas{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.cs-fichas span{color:#e5eaf2;border:1px solid #8ab4f373;border-radius:6px;padding:2px 8px;font-size:11.5px}.cs-reproceso{height:20px;margin-top:8px;font-size:12px;font-weight:600;display:block;position:relative}.cs-rep-err,.cs-rep-ok{white-space:nowrap;position:absolute;top:0;left:0}.cs-rep-err{opacity:0;color:#e8f0fe}.cs-rep-err:before{content:"↻ "}.cs-rep-ok{color:#fff}.cs-rep-ok:before{content:"✓ ";color:#8fe0a8}.cs-check{margin-top:8px}.cs-tiendas{gap:6px;margin-top:8px;display:flex}.cs-tiendas svg{fill:none;stroke:#c9d7ee;stroke-width:1.5px;stroke-linejoin:round}.cs-flujo figcaption{color:#a9bfe2;margin-top:16px;font-size:12.5px}@media (min-width:640px){.cs-flujo-nodos{grid-template-columns:repeat(3,1fr)}.cs-flujo-link{transform-origin:0;width:16px;height:2px;top:30px;left:-16px}.cs-flujo-nodo:nth-child(3n+1) .cs-flujo-link{display:none}}@media (min-width:1024px){.cs-flujo-nodos{grid-template-columns:repeat(6,1fr);gap:14px}.cs-flujo-link{width:14px;left:-14px}.cs-flujo-nodo:nth-child(3n+1) .cs-flujo-link{display:block}.cs-flujo-nodo:first-child .cs-flujo-link{display:none}}[data-fase=armado] .cs-flujo-nodo:not(:first-child){opacity:.35}[data-fase=armado] .cs-flujo-link{transform:scale(0)}[data-fase=armado] .cs-fichas span{opacity:0;transform:translate(-8px)}[data-fase=armado] .cs-rep-ok{opacity:0}[data-fase=armado] .cs-check path{stroke-dashoffset:1px}[data-fase=armado] .cs-tiendas svg{opacity:0}@media (prefers-reduced-motion:no-preference){[data-fase=on] .cs-flujo-nodo:not(:first-child){animation:.45s cubic-bezier(.22,1,.36,1) both cs-fade}[data-fase=on] .cs-flujo-link{animation:.35s cubic-bezier(.22,1,.36,1) both cs-scale}[data-fase=on] .cs-flujo-nodo:nth-child(2),[data-fase=on] .cs-flujo-nodo:nth-child(2) .cs-flujo-link{animation-delay:1s}[data-fase=on] .cs-flujo-nodo:nth-child(3),[data-fase=on] .cs-flujo-nodo:nth-child(3) .cs-flujo-link{animation-delay:1.8s}[data-fase=on] .cs-flujo-nodo:nth-child(4),[data-fase=on] .cs-flujo-nodo:nth-child(4) .cs-flujo-link{animation-delay:2.8s}[data-fase=on] .cs-flujo-nodo:nth-child(5),[data-fase=on] .cs-flujo-nodo:nth-child(5) .cs-flujo-link{animation-delay:3.6s}[data-fase=on] .cs-flujo-nodo:nth-child(6),[data-fase=on] .cs-flujo-nodo:nth-child(6) .cs-flujo-link{animation-delay:4.4s}[data-fase=on] .cs-fichas span{animation:.4s cubic-bezier(.22,1,.36,1) both cs-slide;animation-delay:calc(.4s + var(--k) * .12s)}[data-fase=on] .cs-rep-err{animation:1s 2s both cs-blink}[data-fase=on] .cs-rep-ok{animation:.3s 2.9s both cs-in}[data-fase=on] .cs-check path{animation:.45s cubic-bezier(.22,1,.36,1) 3.8s both cs-draw}[data-fase=on] .cs-tiendas svg{animation:.3s both cs-in;animation-delay:calc(4.6s + var(--k) * 80ms)}}@keyframes cs-scale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes cs-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes cs-blink{0%{opacity:0}20%{opacity:1}75%{opacity:1}to{opacity:0}}.cs-demo .afd-card{box-shadow:0 30px 80px #03081873}.cs-grid{grid-auto-rows:1fr}
