:root{--tinta:#16181d;--tinta-suave:#5c6270;--papel:#f4f5f7;--tarjeta:#fff;--borde:#dcdfe5;--acento:#1b6ef3;--acento-oscuro:#1553bd;--plata:#0f8a4a;--alerta:#c2410c;--peligro:#c02626;--alto-toque:52px;--radio:12px;color:var(--tinta);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--papel);-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font:inherit;color:inherit}.app{background:var(--papel);flex-direction:column;max-width:900px;height:100dvh;margin:0 auto;display:flex}.encabezado{background:var(--tarjeta);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.encabezado h1{margin:0;font-size:1.05rem;font-weight:650}.quien{color:var(--tinta-suave);font-size:.8rem}.cuerpo{-webkit-overflow-scrolling:touch;flex:1;padding:12px 14px 20px;overflow-y:auto}.pie{border-top:1px solid var(--borde);background:var(--tarjeta);padding-bottom:env(safe-area-inset-bottom);display:flex}.pie button{white-space:nowrap;min-width:0;min-height:60px;color:var(--tinta-suave);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0 2px;font-size:.7rem;display:flex}.pie button .icono{font-size:1.3rem;line-height:1}.pie button[aria-current=page]{color:var(--acento);box-shadow:inset 0 3px 0 var(--acento);font-weight:650}.aviso{color:var(--alerta);background:#fff4e5;border-bottom:1px solid #f2d9b8;padding:10px 14px;font-size:.9rem}.aviso.error{color:var(--peligro);background:#fdeaea;border-bottom-color:#f3c6c6}.aviso.bien{color:var(--plata);background:#e6f6ec;border-bottom-color:#bfe5cd}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);margin-bottom:12px;padding:14px}.tarjeta h2{text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-suave);margin:0 0 10px;font-size:.8rem;font-weight:650}.boton{min-height:var(--alto-toque);border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);cursor:pointer;padding:0 18px;font-weight:600}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.45;cursor:default}.boton.principal{background:var(--acento);border-color:var(--acento);color:#fff}.boton.principal:active{background:var(--acento-oscuro)}.boton.peligro{color:var(--peligro);border-color:#eab6b6}.boton.ancho{width:100%}.boton.grande{min-height:62px;font-size:1.15rem}.campo{margin-bottom:12px;display:block}.campo>label{color:var(--tinta-suave);margin-bottom:5px;font-size:.82rem;display:block}.campo>.chico{margin-top:5px;display:block}.campo input,.campo select,.campo textarea{width:100%;min-height:var(--alto-toque);border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);padding:10px 12px}.campo input:focus,.campo select:focus{outline:2px solid var(--acento);outline-offset:-1px}.fila{gap:10px;display:flex}.fila>*{flex:1}.buscador{z-index:2;background:var(--papel);padding-bottom:10px;position:sticky;top:0}.buscador input{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);width:100%;min-height:54px;padding:10px 14px;font-size:1.05rem}.listado{margin:0;padding:0;list-style:none}.listado li{margin-bottom:8px}.renglon{text-align:left;border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);cursor:pointer;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 14px;display:flex}.renglon .nombre{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.renglon .detalle{color:var(--tinta-suave);font-size:.78rem;font-weight:400;display:block}.renglon .precio{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.sin-stock{color:var(--alerta)}.vacio{text-align:center;color:var(--tinta-suave);padding:28px 14px}.carrito{border-top:1px solid var(--borde);background:var(--tarjeta);padding:10px 14px 12px}.carrito .renglones{max-height:34dvh;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.carrito .renglones li{border-bottom:1px solid var(--papel);align-items:center;gap:8px;padding:7px 0;display:flex}.carrito .cantidad{align-items:center;gap:2px;display:flex}.carrito .cantidad button{border:1px solid var(--borde);background:var(--tarjeta);cursor:pointer;border-radius:9px;width:40px;height:40px;font-size:1.2rem;line-height:1}.carrito .cantidad .valor{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}.total{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.total .etiqueta{color:var(--tinta-suave);font-size:.85rem}.total .monto{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.fondo{z-index:10;background:#0a0c1073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialogo{width:100%;max-width:520px;max-height:92dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--tarjeta);border-radius:18px 18px 0 0;overflow-y:auto}.dialogo h2{margin:0 0 14px;font-size:1.15rem}.dialogo .acciones{gap:10px;margin-top:16px;display:flex}.dialogo .acciones>*{flex:1}.destacado{background:var(--papel);border-radius:var(--radio);justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:12px 14px;display:flex}.destacado .monto{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.rapidos{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.rapidos button{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);font-variant-numeric:tabular-nums;cursor:pointer;flex:1 0 30%;min-height:46px}.opciones{gap:8px;margin-bottom:12px;display:flex}.opciones button{min-height:var(--alto-toque);border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);cursor:pointer;flex:1}.opciones button[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:#fff;font-weight:600}.visor{aspect-ratio:4/3;border-radius:var(--radio);background:#000;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.visor video{object-fit:cover;width:100%;height:100%}.mira{border:2px solid #ffffffe6;border-radius:8px;height:26%;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%);box-shadow:0 0 0 100vmax #00000059}.dato{border-bottom:1px solid var(--papel);justify-content:space-between;align-items:baseline;padding:9px 0;display:flex}.dato:last-child{border-bottom:0}.dato .valor{font-variant-numeric:tabular-nums;font-weight:650}.dato.fuerte .valor{font-size:1.3rem}.chico{color:var(--tinta-suave);font-size:.82rem}