#app{min-height:100vh;padding:0}.t-barra{background:var(--superficie);border-bottom:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;font-size:16px;display:flex}.t-estado{border-radius:999px;padding:4px 10px;font-size:14px;font-weight:600}.t-estado.ok{background:var(--verde-fondo);color:var(--verde)}.t-estado.sin{background:var(--ambar-fondo);color:var(--ambar-texto)}.t-centro{justify-content:center;padding:32px 16px;display:flex}.t-tarjeta{background:var(--superficie);box-shadow:0 2px 14px var(--sombra-2);text-align:center;border-radius:16px;width:100%;max-width:440px;padding:32px 28px}.t-tarjeta h1{margin:0 0 12px;font-size:28px}.t-tarjeta p{font-size:17px;line-height:1.4}.t-aviso{background:var(--ambar-fondo);color:var(--ambar-texto);border-radius:8px;padding:10px 12px}.t-codigo{box-sizing:border-box;width:100%;font:inherit;letter-spacing:4px;text-align:center;text-transform:uppercase;border:2px solid var(--borde);border-radius:12px;margin:8px 0 12px;padding:14px;font-size:32px;font-weight:700}.t-boton{width:100%;font:inherit;background:var(--azul-solido);color:var(--sobre-color);cursor:pointer;border:0;border-radius:12px;padding:16px;font-size:20px;font-weight:700}.t-boton:disabled{opacity:.6}.t-titulo{text-align:center;margin:32px 0 4px;font-size:34px}.t-sub{text-align:center;color:var(--texto-suave);margin:0 0 8px;font-size:18px}.t-personas{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;max-width:1000px;margin:0 auto;padding:20px 24px 40px;display:grid}.t-persona{font:inherit;background:var(--superficie);box-shadow:0 2px 8px var(--sombra-2);cursor:pointer;border:0;border-radius:14px;padding:28px 16px;font-size:22px;font-weight:700}.t-persona:active{background:var(--azul-fondo-2)}.t-vacio{text-align:center;color:var(--texto-suave);grid-column:1/-1;font-size:18px}.t-puntos{justify-content:center;gap:18px;margin:18px 0 6px;display:flex}.t-puntos i{border:3px solid var(--texto);border-radius:50%;width:26px;height:26px}.t-puntos i.lleno{background:var(--activo)}.t-error{min-height:22px;margin:6px 0 10px}.t-teclado{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.t-teclado button{font:inherit;background:var(--fondo);cursor:pointer;border:0;border-radius:14px;padding:18px 0;font-size:30px;font-weight:700}.t-teclado button:active{background:var(--azul-fondo-2)}.t-teclado .t-chica{font-size:18px}.t-sacudir{animation:.35s sacudir}@keyframes sacudir{25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-6px)}}.t-ok{background:var(--verde-fondo);width:72px;height:72px;color:var(--verde);border-radius:50%;margin:0 auto 12px;font-size:42px;font-weight:700;line-height:72px}.r-cab{justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:0 auto;padding:16px 24px 0;display:flex}.r-izq{text-align:left;margin:0}.r-nombre{margin:0;font-size:28px}.r-cuerpo{max-width:1000px;margin:0 auto;padding:12px 24px 120px}.r-angosto{max-width:640px}.r-buscar{box-sizing:border-box;width:100%;font:inherit;border:2px solid var(--borde);border-radius:12px;margin-bottom:10px;padding:14px 16px;font-size:20px}.r-productos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px;display:grid}.r-prod{font:inherit;text-align:left;background:var(--superficie);box-shadow:0 2px 8px var(--sombra-2);cursor:pointer;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:4px;min-height:110px;padding:16px;display:flex}.r-prod b{font-size:19px}.r-prod:disabled{opacity:.5}.r-prod.en-lista{border-color:var(--azul)}.r-desc{color:var(--texto-suave);font-size:14px}.r-stock{margin-top:auto;font-size:15px;font-weight:600}.r-marca{color:var(--azul);font-size:15px;font-weight:700}.r-pie{background:var(--superficie);border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;font-size:18px;display:flex;position:fixed;bottom:0;left:0;right:0}.r-btn{font:inherit;border:2px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:12px;padding:14px 22px;font-size:19px;font-weight:700}.r-btn.pri{background:var(--azul-solido);border-color:var(--azul);color:var(--sobre-color)}.r-btn:disabled{opacity:.5}.r-fondo{background:var(--velo);z-index:10;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.r-panel{background:var(--superficie);text-align:center;border-radius:18px;width:100%;max-width:460px;max-height:90vh;padding:26px;overflow:auto}.r-panel h2{margin:0 0 4px;font-size:24px}.r-modos{justify-content:center;gap:8px;margin:12px 0 4px;display:flex}.r-modo{font:inherit;border:2px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:999px;padding:10px 16px;font-size:17px;font-weight:600}.r-modo.on{background:var(--activo);border-color:var(--activo);color:var(--activo-texto)}.r-pregunta{margin:14px 0 8px;font-size:20px;font-weight:700}.r-contador{justify-content:center;align-items:center;gap:12px;display:flex}.r-contador button{background:var(--fondo);cursor:pointer;border:0;border-radius:14px;width:70px;height:70px;font-size:36px;font-weight:700}.r-cant{text-align:center;width:110px;font:inherit;border:2px solid var(--borde);border-radius:12px;padding:10px 0;font-size:36px;font-weight:800}.r-calculo{min-height:24px;font-size:17px}.r-botones{gap:10px;margin-top:16px;display:flex}.r-botones .r-btn{flex:1}.r-items{flex-direction:column;gap:10px;margin:12px 0;padding:0;list-style:none;display:flex}.r-item{background:var(--superficie);box-shadow:0 1px 4px var(--sombra-1);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.r-item>div{flex-direction:column;gap:4px;font-size:17px;display:flex}.r-item b{font-size:19px}.r-item.falta{outline:2px solid var(--rojo)}.r-quitar{background:var(--fondo);cursor:pointer;border:0;border-radius:12px;width:48px;height:48px;font-size:22px}.r-seguro{font-size:34px!important}.r-resumen{text-align:left;padding-left:20px;font-size:18px;line-height:1.6}.neg{color:var(--rojo);font-weight:600}.t-teclado button:disabled{opacity:.4}.t-estados{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.t-estado.guardados{background:var(--ambar-fondo);color:var(--ambar-texto)}.t-estado.problema{font:inherit;font-size:inherit;background:var(--rojo-fondo);color:var(--rojo);cursor:pointer;border:0;font-weight:600}.t-ok.t-guardado{background:var(--ambar-fondo);color:var(--ambar-texto)}.t-dep{align-items:center;gap:8px;font-size:18px;display:flex}.t-dep-etq{letter-spacing:.05em;text-transform:uppercase;background:var(--azul-solido);color:var(--sobre-color);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.t-dep-tablet{color:var(--texto-suave)}.t-dep-grande{color:var(--azul-fuerte);margin:4px 0 16px;font-size:30px;font-weight:700}.t-chico{color:var(--texto-suave);font-size:14px}.r-categorias{flex-wrap:wrap;gap:8px;margin:4px 0 6px;display:flex}.r-cat{font:inherit;border:2px solid var(--borde);background:var(--superficie);color:var(--texto);cursor:pointer;border-radius:999px;padding:10px 18px;font-size:17px;font-weight:600}.r-cat.on{background:var(--activo);border-color:var(--activo);color:var(--activo-texto)}.t-inicio{flex-direction:column;gap:16px;max-width:1000px;margin:0 auto;padding:32px 24px;display:flex}.t-retirar{font:inherit;text-align:left;background:var(--ambar);color:var(--sobre-ambar);cursor:pointer;min-height:min(60vh,520px);box-shadow:0 4px 16px var(--sombra-3);border:0;border-radius:22px;flex-direction:column;justify-content:space-between;padding:36px;display:flex}.t-retirar:active{transform:scale(.99)}.t-retirar-sub{opacity:.85;font-size:22px}.t-retirar-tit{text-transform:uppercase;font-size:clamp(48px,8vw,110px);font-weight:800;line-height:.95}.r-etiqueta{letter-spacing:.08em;text-transform:uppercase;background:var(--ambar);color:var(--sobre-ambar);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.r-titulo{margin:6px 0 0;font-size:32px}.r-puntos{gap:6px;display:flex}.r-puntos i{background:var(--borde);border-radius:3px;width:30px;height:6px}.r-puntos i.on{background:var(--activo)}.r-cantidad{background:var(--superficie);text-align:center;max-width:640px;box-shadow:0 2px 8px var(--sombra-1);border-radius:18px;margin:8px auto 0;padding:22px}.r-prod-cab{text-align:left;border-bottom:1px solid var(--borde-suave);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.r-prod-cab h2{margin:0;font-size:26px}.r-hay{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.r-hay span{color:var(--texto-suave);font-size:14px}.r-hay b{font-size:18px}.r-cantidad .r-contador button{border-radius:50%;width:96px;height:96px;font-size:46px}.r-cantidad .r-cant{border:0;width:150px;font-size:64px}.r-rapidos{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 6px;display:flex}.r-rapido{font:inherit;border:2px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:12px;width:64px;height:56px;font-size:22px;font-weight:700}.r-rapido.on{background:var(--activo);border-color:var(--activo);color:var(--activo-texto)}.r-modo:disabled{opacity:.4}.r-cantidad .quitar{margin-top:8px}.r-item-info{flex:1;min-width:0}.r-item-cant{align-items:center;gap:10px;display:flex}.r-item-cant b{text-align:center;min-width:44px;font-size:26px}.r-item-cant button{border:2px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:50%;width:56px;height:56px;font-size:30px;font-weight:700}.r-item-cant button:disabled{opacity:.35}.r-item .r-quitar{width:auto;height:auto;padding:12px 16px;font-size:17px}.r-angosto .otro{border-style:dashed;width:100%;min-height:64px;font-size:20px}.t-quien{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.t-quien .t-personas{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));min-width:0;max-width:none;margin:0;padding:0}.t-quien .t-persona{overflow-wrap:anywhere}.t-persona.on{outline:3px solid var(--texto);background:var(--fondo)}.t-pin-caja{background:var(--superficie);text-align:center;box-shadow:0 2px 8px var(--sombra-1);border-radius:18px;padding:20px}.t-pin-nombre{margin:0;font-size:24px}.t-pin-ayuda{color:var(--texto-suave);margin:40px 0;font-size:19px}@media (width<=760px){.t-quien{grid-template-columns:1fr}}.r-quien-retira{grid-template-columns:max-content 1fr;gap:8px 20px;margin:8px 0 14px;font-size:20px;display:grid}.r-quien-retira dt{color:var(--texto-suave)}.r-quien-retira dd{margin:0;font-weight:700}.r-tabla{border-collapse:collapse;background:var(--superficie);border-radius:12px;width:100%;margin-bottom:14px;font-size:17px;overflow:hidden}.r-tabla th,.r-tabla td{text-align:left;border-bottom:1px solid var(--borde-suave);padding:12px 14px}.r-tabla th{color:var(--texto-suave);background:var(--superficie-2);font-size:13px}.link{font:inherit;color:var(--azul);cursor:pointer;background:0 0;border:0;margin-left:8px;font-size:15px;font-weight:600;text-decoration:underline}.r-item>.r-item-cant{flex-direction:row}.t-pie-inicio{color:var(--texto-suave);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.t-instalar{font:inherit;border:2px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:700}.t-estado.nueva{background:var(--azul-fondo);color:var(--azul-fuerte)}.t-pantalla{color:var(--ambar-texto);font-weight:600}.t-pie-botones{align-items:center;gap:10px;display:flex}.t-admin{border:2px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:12px;padding:10px 18px;font-size:16px;font-weight:700;text-decoration:none}
