:root{--tinta: #101828;--tinta-2: #1D2939;--acento: #FF6B2C;--fondo: #F3F4F7;--blanco: #FFFFFF;--gris: #5B6474;--gris-claro: #B4BCCB;--borde: #E4E7EC;--suave: #F2F4F7;--ok: #067647;--ok-fondo: #ECFDF3;--mal: #B42318;--mal-fondo: #FEF3F2;--aviso: #93370D;--aviso-fondo: #FFFAEB;--radio: 22px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);font-family:Manrope,system-ui,-apple-system,sans-serif;color:var(--tinta);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.pantalla{flex:1;padding:20px 20px 120px;display:flex;flex-direction:column;gap:18px}.cargando{min-height:100dvh;display:grid;place-items:center;color:var(--gris);font-weight:700}.demo-aviso{background:var(--tinta);color:var(--blanco);font-size:12px;font-weight:700;text-align:center;padding:8px 12px}.demo-aviso button{background:none;border:0;color:var(--acento);font-weight:800;padding:0 0 0 6px}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px}.encabezado-texto{display:flex;flex-direction:column;gap:2px;min-width:0}.encabezado h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.sub{font-size:13px;color:var(--gris);font-weight:600}.boton-icono{width:46px;height:46px;flex-shrink:0;border-radius:15px;border:1px solid var(--borde);background:var(--blanco);display:flex;align-items:center;justify-content:center;position:relative}.punto{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--acento);border:2px solid var(--blanco)}.tarjeta{background:var(--blanco);border-radius:var(--radio);padding:16px;display:flex;flex-direction:column;gap:12px}.tarjeta-oscura{background:var(--tinta);color:var(--blanco);border-radius:26px;padding:20px;display:flex;flex-direction:column;gap:16px}.etiqueta-clara{font-size:13px;color:var(--gris-claro);font-weight:600}.numero-grande{font-size:34px;font-weight:800;letter-spacing:-.03em}.grilla-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grilla-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.grilla-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-oscura{background:var(--tinta-2);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:0}.mini-oscura span:first-child{font-size:11px;color:var(--gris-claro);font-weight:600}.mini-oscura span:last-child{font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini{background:var(--blanco);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:3px}.mini.suave{background:var(--suave)}.mini small{font-size:11px;font-weight:700;color:var(--gris)}.mini b{font-size:16px;font-weight:800}.cta-escanear{display:flex;align-items:center;gap:14px;background:var(--acento);border-radius:24px;padding:16px 18px;color:var(--tinta);border:0;text-align:left;width:100%}.cta-escanear .cta-icono{width:54px;height:54px;border-radius:18px;background:var(--tinta);color:var(--blanco);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-escanear strong{display:block;font-size:18px;font-weight:800}.cta-escanear span.sub{color:var(--tinta)}.accion{background:var(--blanco);border:1px solid var(--borde);border-radius:18px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700}.seccion-titulo{display:flex;justify-content:space-between;align-items:center}.seccion-titulo h2{margin:0;font-size:17px;font-weight:800}.link{background:none;border:0;font-size:13px;font-weight:700;color:var(--gris);padding:6px 0}.lista{background:var(--blanco);border-radius:var(--radio);padding:4px 16px;display:flex;flex-direction:column}.fila{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #F0F1F4;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left}.fila:last-child{border-bottom:0}.tarjeta.fila{background:var(--blanco);border:0}.fila-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fila-texto b{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila-texto span{font-size:13px;font-weight:600;color:var(--gris)}.vacio{text-align:center;color:var(--gris);font-weight:600;font-size:14px;padding:18px 8px}.barra{width:56px;height:8px;border-radius:999px;background:#f0f1f4;overflow:hidden;flex-shrink:0}.barra div{height:8px}.cuadro{width:40px;height:40px;border-radius:13px;background:var(--suave);color:#344054;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cuadro.ok{background:var(--ok-fondo);color:var(--ok)}.chip{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:var(--suave);color:#344054;white-space:nowrap}.chip.ok{background:var(--ok-fondo);color:var(--ok)}.chip.mal{background:var(--mal-fondo);color:var(--mal)}.chip.aviso{background:var(--aviso-fondo);color:var(--aviso)}.texto-mal{color:var(--mal)!important}.texto-aviso{color:#b54708!important}.texto-ok{color:var(--ok)!important}.pildoras{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.pildora{height:40px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap;background:var(--blanco);color:#344054;border:1px solid var(--borde)}.pildora[aria-pressed=true]{background:var(--tinta);color:var(--blanco);border-color:var(--tinta)}.segmentos{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:16px;background:#e4e7ec}.segmentos.claro{background:var(--suave)}.segmentos button{height:44px;border-radius:12px;border:0;font-size:13px;font-weight:800;background:transparent;color:#475467}.segmentos button[aria-pressed=true]{background:var(--blanco);color:var(--tinta);box-shadow:0 1px 3px #1018281f}.boton{height:56px;border-radius:18px;border:0;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:0 16px}.boton.primario{background:var(--acento);color:var(--tinta)}.boton.oscuro{background:var(--tinta);color:var(--blanco)}.boton.borde{background:var(--blanco);color:var(--tinta);border:1px solid #D0D5DD}.boton:disabled{opacity:.5;cursor:default}.paso{width:48px;height:48px;border-radius:15px;border:1px solid var(--borde);background:var(--blanco);display:flex;align-items:center;justify-content:center}.paso.oscuro{background:var(--tinta);color:var(--blanco);border:0}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:13px;font-weight:800}.campo small{font-size:12px;color:var(--gris);font-weight:600}.entrada{height:52px;border-radius:15px;border:1px solid #D0D5DD;background:var(--blanco);padding:0 14px;font-size:16px;font-weight:600;width:100%}.entrada:focus{outline:2px solid var(--tinta);outline-offset:1px}.error{background:var(--mal-fondo);color:var(--mal);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:700}.nota{background:var(--suave);border-radius:14px;padding:10px 12px;font-size:13px;font-weight:600;color:#344054}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;z-index:20;background:var(--blanco);border-top:1px solid var(--borde);padding:8px 10px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.nav button{background:none;border:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;font-weight:700;color:var(--gris);position:relative}.nav button[aria-current=page]{color:var(--tinta);font-weight:800}.nav .central{width:62px;height:62px;margin:-30px auto 0;border-radius:22px;background:var(--tinta);color:var(--acento);display:flex;align-items:center;justify-content:center;border:4px solid var(--fondo)}.globo{position:absolute;top:0;right:calc(50% - 22px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--acento);color:var(--tinta);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.escaner{min-height:100dvh;background:#0b0f17;display:flex;flex-direction:column}.escaner-camara{position:relative;flex:1;min-height:320px;overflow:hidden;display:flex;flex-direction:column}.escaner-camara video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.escaner-arriba{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px;color:var(--blanco)}.escaner-arriba .boton-icono{background:#1d2939d9;border:0;color:var(--blanco)}.escaner-centro{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:12px}.marco{position:relative;width:270px;height:170px}.marco i{position:absolute;width:34px;height:34px;border-color:var(--acento);border-style:solid;border-width:0}.marco i:nth-child(1){top:0;left:0;border-top-width:4px;border-left-width:4px;border-top-left-radius:18px}.marco i:nth-child(2){top:0;right:0;border-top-width:4px;border-right-width:4px;border-top-right-radius:18px}.marco i:nth-child(3){bottom:0;left:0;border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:18px}.marco i:nth-child(4){bottom:0;right:0;border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:18px}.laser{position:absolute;left:14px;right:14px;top:50%;height:3px;border-radius:3px;background:var(--acento);box-shadow:0 0 12px var(--acento);animation:laser 1.8s ease-in-out infinite}@keyframes laser{0%,to{transform:translateY(-60px)}50%{transform:translateY(60px)}}@media(prefers-reduced-motion:reduce){.laser{animation:none}}.pista{color:#d0d5dd;font-size:14px;font-weight:600;text-align:center}.manual{display:flex;gap:8px;width:100%;max-width:320px}.manual .entrada{height:46px;font-size:15px;background:#fffffff2}.manual button{height:46px;padding:0 14px;border-radius:15px;border:0;background:var(--acento);color:var(--tinta);font-weight:800}.hoja{background:var(--blanco);border-radius:30px 30px 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.tirador{width:40px;height:5px;border-radius:999px;background:#d0d5dd;align-self:center}.imagen{width:60px;height:60px;border-radius:18px;background:var(--suave);color:#667085;display:flex;align-items:center;justify-content:center;flex-shrink:0}.carrito{max-height:190px;overflow-y:auto;display:flex;flex-direction:column}.aviso-flotante{position:fixed;left:50%;bottom:100px;transform:translate(-50%);z-index:50;background:var(--tinta);color:var(--blanco);padding:12px 18px;border-radius:16px;font-weight:700;font-size:14px;box-shadow:0 8px 24px #10182840;max-width:90vw;text-align:center}.capa{position:fixed;inset:0;z-index:40;background:#10182880;display:flex;align-items:flex-end;justify-content:center}.capa .hoja{width:100%;max-width:520px;max-height:90dvh;overflow-y:auto}.ingreso{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:28px 22px;max-width:460px;margin:0 auto}.logo{width:64px;height:64px;border-radius:20px}.imagen img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff}.girando{width:18px;height:18px;border-radius:50%;border:3px solid #D0D5DD;border-top-color:var(--tinta);animation:girar .8s linear infinite;flex-shrink:0}@keyframes girar{to{transform:rotate(360deg)}}.fuente-datos{font-size:11px;color:var(--gris);text-align:center;padding:4px 0 0}.tabla-previa{width:100%;border-collapse:collapse;font-size:12px}.tabla-previa th,.tabla-previa td{text-align:left;padding:6px 8px;border-bottom:1px solid #F0F1F4;white-space:nowrap}.tabla-previa th{color:var(--gris);font-weight:800}.desliza{overflow-x:auto;background:var(--blanco);border-radius:16px}textarea.entrada{height:120px;padding:12px 14px;resize:vertical;font-size:14px}.progreso{height:10px;border-radius:999px;background:#e4e7ec;overflow:hidden}.progreso div{height:10px;background:var(--acento);transition:width .2s}.caja{min-height:100dvh;width:100%;max-width:520px;margin:0 auto;background:var(--blanco);display:flex;flex-direction:column}.caja-camara{position:relative;height:30dvh;min-height:190px;background:#0b0f17;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.caja-camara video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.caja-marco{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:8px}.marco.chico{width:230px;height:96px}.marco.chico .laser{animation-name:laser-chico}@keyframes laser-chico{0%,to{transform:translateY(-34px)}50%{transform:translateY(34px)}}.caja-hoja{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 16px 190px;border-radius:24px 24px 0 0;margin-top:-18px;position:relative;z-index:3;background:var(--blanco)}.caja-lista{display:flex;flex-direction:column}.caja-lista .fila{gap:10px}.fila.recien{animation:recien .9s ease-out}@keyframes recien{0%{background:#ffe8dc}to{background:transparent}}.pildora.rapido{background:var(--suave);border-color:var(--suave);color:var(--tinta);height:44px;display:inline-flex;align-items:center;gap:4px}.pildora.rapido.libre{background:var(--blanco);border:1px dashed #98A2B3}.caja-pie{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;z-index:20;background:var(--blanco);border-top:1px solid var(--borde);padding:12px 16px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;box-shadow:0 -8px 24px #1018280f}.medios{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.medios button.apagado{opacity:.5}.medios button{min-height:70px;padding:0 4px;overflow-wrap:anywhere;border-radius:16px;border:1px solid var(--borde);background:var(--blanco);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;color:#344054}.medios button[aria-pressed=true]{background:var(--tinta);color:var(--blanco);border-color:var(--tinta)}.vuelto{display:flex;justify-content:space-between;align-items:center;background:var(--ok-fondo);color:var(--ok);border-radius:18px;padding:14px 18px}.vuelto span{font-weight:800;font-size:16px}.vuelto b{font-size:32px;font-weight:800;letter-spacing:-.02em}.datos-cobro{display:flex;flex-direction:column;gap:10px}.dato{background:var(--suave);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}.dato span{grid-column:1;font-size:12px;font-weight:700;color:var(--gris)}.dato b{grid-column:1;font-size:20px;overflow-wrap:anywhere}.dato .link{grid-column:2;grid-row:1 / 3;background:var(--blanco);border-radius:12px;padding:10px 14px;color:var(--tinta)}.qr-cobro{width:min(78vw,320px);aspect-ratio:1;object-fit:contain;border-radius:18px;border:1px solid var(--borde);background:#fff}.caja-hoy{display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left;border:0;width:100%}.avatar{width:40px;height:40px;border-radius:14px;background:var(--suave);color:var(--tinta);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.medios{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.medios button{font-size:11px;min-height:66px}.avatar.grande{width:64px;height:64px;border-radius:22px;font-size:26px}.avatar.chico{width:28px;height:28px;border-radius:9px;font-size:13px}.color{width:34px;height:34px;border-radius:50%;border:3px solid transparent}.color[aria-pressed=true]{border-color:var(--tinta);box-shadow:inset 0 0 0 2px #fff}.quienes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quienes button{background:var(--blanco);border:1px solid var(--borde);border-radius:22px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:16px}.pin-puntos{display:flex;gap:14px}.pin-puntos span{width:16px;height:16px;border-radius:50%;border:2px solid var(--tinta)}.pin-puntos span.lleno{background:var(--tinta)}.teclado{display:grid;grid-template-columns:repeat(3,72px);gap:12px}.teclado button{height:64px;border-radius:20px;border:0;background:var(--suave);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}.teclado button:active{background:#e4e7ec}.atiende{display:flex;align-items:center;gap:8px;background:var(--blanco);border:1px solid var(--borde);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;width:100%;text-align:left}.pasos-lista{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.45;color:#344054}.paso-inicial{display:flex;align-items:center;gap:12px;background:none;border:0;padding:6px 0;text-align:left;font-size:14px;font-weight:700;width:100%}.paso-inicial:disabled{cursor:default}.paso-inicial .check{width:26px;height:26px;border-radius:50%;border:2px solid #D0D5DD;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;color:var(--gris)}.paso-inicial .check.hecho{background:var(--ok);border-color:var(--ok);color:#fff}.paso-inicial span:nth-child(2){flex:1}.bienvenida{min-height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:24px 22px calc(28px + env(safe-area-inset-bottom))}.bienvenida-cuerpo{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;animation:aparecer .35s ease-out}.bienvenida-cuerpo h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.15}.bienvenida-cuerpo p{margin:0;font-size:17px;line-height:1.5;color:#344054;font-weight:500}.bienvenida-ilustracion{width:128px;height:128px;border-radius:40px;background:var(--tinta);color:var(--acento);display:flex;align-items:center;justify-content:center}@keyframes aparecer{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bienvenida-cuerpo{animation:none}}.puntos{display:flex;gap:6px;justify-content:center}.puntos span{width:8px;height:8px;border-radius:999px;background:#d0d5dd;transition:width .2s}.puntos span.activo{width:24px;background:var(--tinta)}.pregunta{border-bottom:1px solid #F0F1F4}.pregunta:last-child{border-bottom:0}.pregunta summary{padding:14px 0;font-weight:800;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.pregunta summary::-webkit-details-marker{display:none}.pregunta summary:after{content:"+";font-size:20px;color:var(--gris);line-height:1}.pregunta[open] summary:after{content:"−"}.pregunta p{margin:0 0 14px;font-size:14px;line-height:1.55;color:#344054;font-weight:500}