.ap-o{--carbon:#0e0d12;--carbon-2:#15141a;--carbon-3:#1d1b23;--linea:#f4f2ec17;--linea-fuerte:#f4f2ec29;--lime:#d7ff3f;--lime-soft:#e9ffa0;--paper:#f4f2ec;--muted:#8f8b84;--texto:#c9c5bd;--ancho:min(1200px, calc(100% - 32px));--radio:14px;background:var(--carbon);color:var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;overflow-x:clip}.ap-o a{color:inherit;text-decoration:none}.ap-o :focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}.ap-o h1,.ap-o h2,.ap-o h3{letter-spacing:-.03em;font-family:Archivo,sans-serif}.ap-o .o-tenue{color:var(--muted)}.ap-o .o-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ap-o .o-etiqueta{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:0 0 18px;font-family:Space Mono,ui-monospace,monospace;font-size:.75rem;display:flex}.ap-o .o-etiqueta:before{content:"";background:var(--lime);width:24px;height:1px}.ap-o .o-bloque{border-top:1px solid var(--linea);padding:clamp(90px,10vw,130px) 0;position:relative}.ap-o .o-bloque>h2{text-align:center;max-width:22ch;margin:0 auto 56px;padding:0 16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.05}.ap-o .o-bloque-papel .o-etiqueta{color:#6b675f}#o-como{padding-bottom:60px}.ap-o .o-recorrido{width:var(--ancho);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;margin:0 auto;display:grid}.ap-o .o-pasos{border-left:1px solid var(--linea);margin:0;padding:0 0 8vh;list-style:none}.ap-o .o-paso{opacity:.32;flex-direction:column;justify-content:center;min-height:60vh;padding-left:32px;transition:opacity .4s;display:flex;position:relative}.ap-o .o-paso:before{content:"";background:var(--lime);width:2px;transition:scale .5s;position:absolute;top:30%;bottom:30%;left:-1px;scale:1 0}.ap-o .o-paso-actual{opacity:1}.ap-o .o-paso-actual:before{scale:1}.ap-o .o-paso-n{letter-spacing:.1em;color:var(--lime);font-family:Space Mono,ui-monospace,monospace;font-size:.8rem}.ap-o .o-paso h3{margin:12px 0 16px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;line-height:1.08}.ap-o .o-paso p{color:var(--texto);margin:0;font-size:1.05rem;line-height:1.65}.ap-o .o-paso-pantalla{display:none}.ap-o .o-escenario{align-self:start;height:420px;margin-top:8vh;position:sticky;top:calc(50vh - 190px)}.ap-o .o-nota{letter-spacing:.04em;color:var(--muted);margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:.66rem;position:absolute;top:-30px;right:0}.ap-o .o-escena{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(16px)}.ap-o .o-escena-actual{opacity:1;transform:none}.ap-o .o-ventana{border:1px solid var(--linea-fuerte);background:var(--carbon-2);height:100%;color:var(--paper);border-radius:16px;flex-direction:column;font-size:.82rem;display:flex;overflow:hidden;box-shadow:0 40px 80px #00000080}.ap-o .o-ventana-barra{border-bottom:1px solid var(--linea);background:var(--carbon-3);align-items:center;gap:6px;padding:11px 14px;display:flex}.ap-o .o-ventana-barra>span{background:#f4f2ec2e;border-radius:50%;width:9px;height:9px}.ap-o .o-ventana-barra strong{color:var(--texto);margin-left:10px;font-size:.76rem;font-weight:600}.ap-o .o-ventana-cuerpo{flex:1;grid-template-columns:118px minmax(0,1fr);min-height:0;display:grid}.ap-o .o-ventana-lado{border-right:1px solid var(--linea);color:var(--muted);flex-direction:column;gap:2px;padding:14px 10px;display:flex}.ap-o .o-ventana-lado img{width:24px;height:auto;margin:0 0 14px 6px}.ap-o .o-ventana-lado span{border-radius:7px;padding:7px 8px;font-size:.75rem}.ap-o .o-ventana-lado .o-lado-actual{color:var(--lime);background:#d7ff3f14}.ap-o .o-ventana-contenido{flex-direction:column;gap:14px;padding:18px;display:flex;overflow:hidden}.ap-o .o-busca{border:1px solid var(--linea-fuerte);color:var(--muted);border-radius:9px;padding:10px 12px}.ap-o .o-tabla{border-collapse:collapse;width:100%}.ap-o .o-tabla th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--linea-fuerte);padding:8px;font-family:Space Mono,ui-monospace,monospace;font-size:.64rem;font-weight:400}.ap-o .o-tabla td{border-bottom:1px solid var(--linea);padding:10px 8px}.ap-o .o-tabla td:nth-child(2),.ap-o .o-tabla td:last-child{font-family:Space Mono,ui-monospace,monospace;font-size:.75rem}.ap-o .o-bajo{color:#ffb84d}.ap-o .o-chip{border:1px solid var(--linea-fuerte);border-radius:6px;padding:3px 7px;font-family:Space Mono,ui-monospace,monospace;font-size:.68rem;display:inline-block}.ap-o .o-chip-ok{color:#6ee7a0;border-color:#6ee7a066}.ap-o .o-aviso{background:#d7ff3f0d;border:1px solid #d7ff3f4d;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.ap-o .o-aviso span{color:var(--lime);font-family:Space Mono,ui-monospace,monospace;font-size:.72rem}.ap-o .o-canales{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ap-o .o-canales li{border:1px solid var(--linea);background:var(--carbon-3);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-weight:500;display:flex}.ap-o .o-canales strong{margin-left:auto;font-family:Space Mono,ui-monospace,monospace;font-size:1rem}.ap-o .o-escena-actual .o-canales li{animation:.9s ease-out both o-latido;animation-delay:calc(.3s + var(--i) * .12s)}@keyframes o-latido{0%{border-color:#d7ff3fcc}to{border-color:var(--linea)}}.ap-o .o-ticket{background:var(--paper);width:100%;max-width:290px;color:var(--carbon);border-radius:10px;flex-direction:column;gap:10px;margin:0 auto;padding:18px;font-family:Space Mono,ui-monospace,monospace;font-size:.74rem;display:flex}.ap-o .o-ticket strong{font-family:Space Mono,ui-monospace,monospace}.ap-o .o-ticket .o-chip-ok{color:#1f7a44;border-color:#1f7a44}.ap-o .o-ticket-cabeza,.ap-o .o-ticket-fila{justify-content:space-between;gap:12px;display:flex}.ap-o .o-ticket-total{border-top:1px dashed #b9b5ad;padding-top:8px;font-weight:700}.ap-o .o-ticket-qr{grid-template-columns:repeat(7,1fr);gap:2px;width:80px;margin:6px auto 0;display:grid}.ap-o .o-ticket-qr span{aspect-ratio:1;background:#e3dfd6}.ap-o .o-ticket-qr .o-qr-lleno{background:var(--carbon)}.ap-o .o-ticket>.o-tenue{text-align:center;color:#6b675f;font-size:.66rem}.ap-o .o-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ap-o .o-kpi{border:1px solid var(--linea);background:var(--carbon-3);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.ap-o .o-kpi .o-tenue{font-size:.68rem}.ap-o .o-kpi strong{font-family:Space Mono,ui-monospace,monospace;font-size:1.1rem}.ap-o .o-barras{border:1px solid var(--linea);background:var(--carbon-3);border-radius:10px;flex:1;align-items:flex-end;gap:10px;min-height:120px;padding:14px;display:flex}.ap-o .o-barras span{height:var(--h);transform-origin:bottom;background:#f4f2ec29;border-radius:4px 4px 1px 1px;flex:1}.ap-o .o-barras span:nth-child(6){background:var(--lime)}.ap-o .o-escena-actual .o-barras span{animation:.7s cubic-bezier(.2,.8,.2,1) both o-crece;animation-delay:calc(.2s + var(--i) * 60ms)}.ap-o .o-pie-grafica{text-align:right;margin:0;font-size:.66rem}@keyframes o-crece{0%{scale:1 0}}@media (width<=960px){.ap-o .o-recorrido{grid-template-columns:minmax(0,1fr)}.ap-o .o-escenario{display:none}.ap-o .o-pasos{padding:0}.ap-o .o-paso{opacity:1;min-height:0;padding:40px 0 40px 24px}.ap-o .o-paso:before{height:40px;top:44px;bottom:auto;scale:1}.ap-o .o-paso-pantalla{height:380px;margin-top:28px;display:block}}@media (width<=560px){.ap-o .o-ventana-cuerpo{grid-template-columns:minmax(0,1fr)}.ap-o .o-ventana-lado{display:none}.ap-o .o-kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ap-o .o-kpi:last-child,.ap-o .o-tabla th:nth-child(2),.ap-o .o-tabla td:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.ap-o *,.ap-o :before,.ap-o :after{transition:none!important;animation:none!important}.ap-o .o-escena-actual .o-canales li,.ap-o .o-escena-actual .o-barras span{animation:none}}