:root{--bordo: #5C1A24;--bordo-oscuro: #46131b;--dorado: #C9A96E;--crema: #FAF7F2;--blanco: #ffffff;--tinta: #2b2226;--gris: #7a6f73;--borde: #e6ddd4;--ok: #2e7d46;--alerta: #b98900;--error: #b3261e;--sombra: 0 1px 3px rgba(43, 34, 38, .12);--radio: 10px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--crema);color:var(--tinta);font-size:15px;line-height:1.35}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:15px}.banner-demo{background:var(--dorado);color:var(--blanco);text-align:center;font-size:11px;font-weight:700;padding:4px 8px;letter-spacing:.5px}.contenido{padding-bottom:70px}.pantalla-centrada{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--borde);border-top-color:var(--bordo);animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.titulo-vista{font-family:Playfair Display,serif;color:var(--bordo);padding:14px 14px 6px;font-size:22px}.nota{color:var(--gris);font-size:13px}.codigo{color:var(--gris);font-size:12px;font-variant-numeric:tabular-nums}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;background:var(--blanco);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;padding:8px 0 6px;border:none;background:none;font-size:11px;color:var(--gris);display:flex;flex-direction:column;align-items:center;gap:2px}.tabs button.activo{color:var(--bordo);font-weight:700}.tab-icono{font-size:20px;position:relative}.badge{position:absolute;top:-4px;right:-12px;background:var(--bordo);color:var(--blanco);font-size:10px;font-weight:700;border-radius:9px;min-width:17px;height:17px;line-height:17px;text-align:center;padding:0 4px}.badge-alerta{background:var(--alerta)}.btn{border:1px solid var(--borde);background:var(--blanco);border-radius:var(--radio);padding:12px 16px;font-size:15px;font-weight:500}.btn-primario{background:var(--bordo);color:var(--blanco);border-color:var(--bordo)}.btn-primario:disabled{opacity:.5}.btn-chico{padding:8px 12px;font-size:13px}.btn-mas{width:calc(100% - 20px);margin:10px}.barra-busqueda{position:sticky;top:0;z-index:20;background:var(--crema);border-bottom:1px solid var(--borde);padding:10px 10px 6px}.fila-busqueda{display:flex;gap:8px}.input-buscar{flex:1;padding:12px 14px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco);outline:none}.input-buscar:focus{border-color:var(--bordo)}.btn-filtros{position:relative;width:48px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco);font-size:18px}.btn-filtros.con-filtros{border-color:var(--bordo);background:#f6ecee}.btn-filtros .badge{top:-6px;right:-6px}.fila-orden{display:flex;justify-content:space-between;align-items:center;padding-top:6px;gap:8px}.resultado-cant{font-size:12px;color:var(--gris)}.select-orden{border:1px solid var(--borde);border-radius:8px;padding:6px 8px;background:var(--blanco);font-size:13px}.panel-filtros{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);margin-top:8px;padding:10px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sombra)}.grupo-filtro{display:flex;flex-direction:column;gap:6px}.etiqueta-filtro{font-size:12px;font-weight:700;color:var(--gris);text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--borde);background:var(--crema);border-radius:20px;padding:8px 12px;font-size:13px}.chip small{color:var(--gris)}.chip-activo{background:var(--bordo);color:var(--blanco);border-color:var(--bordo)}.chip-activo small{color:var(--dorado)}.fila-selects{flex-direction:row;flex-wrap:wrap}.fila-selects select{flex:1;min-width:100px;padding:10px 8px;border:1px solid var(--borde);border-radius:8px;background:var(--blanco)}.fila-precio{flex-direction:row;align-items:center;gap:8px}.fila-precio input{width:90px;padding:10px;border:1px solid var(--borde);border-radius:8px}.lista-productos{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.card{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:10px 12px;box-shadow:var(--sombra);transition:transform .15s,border-color .15s}.card-agregada{transform:scale(.985);border-color:var(--ok)}.card-titulo{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-titulo h3{font-size:15px;font-weight:700}.card-chips{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.mini-chip{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--crema);border:1px solid var(--borde);color:var(--gris)}.mini-chip-tipo{background:#f6ecee;color:var(--bordo);border-color:#e5cdd2}.mini-chip-org{background:#eaf4ec;color:var(--ok);border-color:#cde5d3}.mini-chip-warn{background:#fdf3dc;color:var(--alerta);border-color:#efdfb3}.mini-chip-alerta{background:#fdeceb;color:var(--error);border-color:#f2c9c6}.card-precio-stock{display:flex;justify-content:space-between;align-items:center}.precio{font-size:17px;color:var(--tinta)}.precio-tachado{color:var(--gris);font-size:13px;font-weight:400}.precio-oferta{color:var(--bordo)}.etiqueta-oferta{margin-left:6px;font-size:11px;font-weight:700;background:var(--dorado);color:var(--blanco);padding:2px 8px;border-radius:10px;vertical-align:middle}.stock{font-size:12px;font-weight:700}.stock-ok{color:var(--ok)}.stock-bajo{color:var(--alerta)}.stock-cero{color:var(--error)}.card-controles{display:flex;gap:8px;margin-top:8px;align-items:stretch}.stepper{display:flex;align-items:center;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;background:var(--crema)}.stepper button{width:40px;height:44px;border:none;background:none;font-size:20px;color:var(--bordo);font-weight:700}.stepper input{width:40px;height:44px;border:none;text-align:center;background:var(--blanco);font-weight:700;outline:none;-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.modo-toggle{display:flex;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}.modo-toggle button{border:none;background:var(--crema);padding:0 10px;font-size:12px;font-weight:600;color:var(--gris);display:flex;flex-direction:column;justify-content:center;line-height:1.1}.modo-toggle button.activo{background:var(--bordo);color:var(--blanco)}.modo-toggle-faltante button{min-height:38px}.btn-agregar{flex:1;border:none;border-radius:var(--radio);background:var(--bordo);color:var(--blanco);font-size:15px;font-weight:700;min-height:44px}.btn-agregar:active{background:var(--bordo-oscuro)}.btn-proveedor{width:100%;margin-top:8px;border-color:var(--alerta);color:var(--alerta);background:#fdf8ec;font-weight:600}.btn-proveedor-listo{border-color:var(--ok);color:var(--ok);background:#eef7f0}.input-cliente{width:calc(100% - 28px);margin:0 14px 10px;padding:13px 14px;border:2px solid var(--bordo);border-radius:var(--radio);font-size:16px;font-weight:600;background:var(--blanco);outline:none}.input-cliente::placeholder{color:#b99ca2;font-weight:400}.lineas{display:flex;flex-direction:column;gap:8px;padding:0 10px}.linea{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:10px 12px}.linea-excedida{border-color:var(--alerta)}.linea-info{display:flex;flex-direction:column;gap:2px}.linea-detalle{font-size:12px;color:var(--gris)}.aviso-stock{font-size:12px;color:var(--alerta);font-weight:600;padding:4px 14px}.linea .aviso-stock{padding:2px 0 0}.linea-acciones{display:flex;align-items:center;gap:10px;margin-top:8px}.stepper-chico span{min-width:44px;text-align:center;font-weight:700;font-size:14px}.stepper-chico button{height:38px;width:38px;font-size:18px}.linea-subtotal{margin-left:auto;font-size:15px}.btn-quitar{border:none;background:none;color:var(--gris);font-size:16px;width:38px;height:38px}.total-fila{display:flex;justify-content:space-between;align-items:center;margin:12px 14px 4px;padding:12px 14px;background:var(--bordo);color:var(--blanco);border-radius:var(--radio);font-size:17px}.total-fila strong{font-size:20px}.btn-enviar{display:block;width:calc(100% - 28px);margin:12px 14px;font-size:16px}.confirmacion{margin:12px 14px;padding:14px;background:var(--blanco);border:1px solid var(--dorado);border-radius:var(--radio);display:flex;flex-direction:column;gap:10px;text-align:center}.confirmacion-botones{display:flex;flex-direction:column;gap:8px}.bloque-sugeridos{margin:0 10px 12px;padding:10px 12px;background:#fdf3dc;border:1px solid #efdfb3;border-radius:var(--radio);display:flex;flex-direction:column;gap:8px}.bloque-sugeridos h3{font-size:14px;color:var(--alerta)}.sugerido{display:flex;justify-content:space-between;align-items:center;gap:8px}.bloque-admin{margin:0 10px 14px;padding:12px;background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);display:flex;flex-direction:column;gap:10px}.bloque-admin h3{color:var(--bordo);font-size:16px}.btn-importar{display:flex;flex-direction:column;gap:2px;border:1px dashed var(--bordo);border-radius:var(--radio);padding:12px 14px;background:var(--crema);cursor:pointer}.btn-importar.importando{opacity:.6}.btn-importar-nombre{font-weight:700}.resumen-import{background:#eef7f0;border:1px solid #cde5d3;border-radius:var(--radio);padding:10px 12px;font-size:13px}.resumen-import ul{margin:6px 0 0 18px;display:flex;flex-direction:column;gap:3px}.campo{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--gris)}.campo input,.campo select{padding:11px 12px;border:1px solid var(--borde);border-radius:8px;background:var(--blanco);font-weight:400;color:var(--tinta)}.fila-campos{display:flex;gap:10px}.fila-campos .campo{flex:1}.item-editable{text-align:left;border:1px solid var(--borde);background:var(--crema);border-radius:8px;padding:10px 12px;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chips-editor .chip{padding:10px 14px}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b222673;z-index:40;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--crema);border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.modal h3{color:var(--bordo)}.aviso-update{position:fixed;top:10px;left:10px;right:10px;z-index:60;background:var(--bordo);color:var(--blanco);border-radius:var(--radio);box-shadow:0 4px 14px #0000004d;padding:12px 14px;display:flex;align-items:center;gap:10px;animation:aparecer .25s ease-out}.aviso-update span{flex:1;font-size:14px;font-weight:600}.aviso-update-btn{border:none;background:var(--dorado);color:var(--blanco);font-weight:700;padding:10px 16px;border-radius:8px;font-size:14px}.aviso-update-cerrar{border:none;background:none;color:#ffffffb3;font-size:15px;width:34px;height:34px}@media(min-width:700px){.aviso-update{max-width:480px;margin:0 auto}}.toasts{position:fixed;bottom:76px;left:0;right:0;z-index:50;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;padding:0 14px}.toast{background:var(--tinta);color:var(--blanco);padding:10px 18px;border-radius:20px;font-size:13px;box-shadow:0 3px 10px #00000040;animation:aparecer .2s ease-out;max-width:100%}.toast-error{background:var(--error)}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}}.estado-vacio{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--gris)}.setup{max-width:480px;margin:60px auto;padding:20px;display:flex;flex-direction:column;gap:14px}.setup .logo{font-family:Playfair Display,serif;color:var(--bordo)}.setup ol{margin-left:20px;display:flex;flex-direction:column;gap:8px}.setup code{background:#efe6da;padding:2px 6px;border-radius:4px;font-size:13px}@media(min-width:700px){.lista-productos{display:grid;grid-template-columns:repeat(2,1fr);align-items:start}.btn-mas{grid-column:1 / -1}.contenido{max-width:1100px;margin:0 auto}.barra-busqueda{border-radius:0 0 var(--radio) var(--radio)}.modal-fondo{align-items:center}.modal{border-radius:16px}}@media(min-width:1000px){.lista-productos{grid-template-columns:repeat(3,1fr)}}