: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 .caja{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}