:root{--tinta: #14202E;--tinta-suave: #4A5768;--talavera: #1B3A6B;--talavera-alto:#24508F;--peltre: #E9EBEC;--papel: #F7F8F9;--blanco: #FFFFFF;--cempasuchil: #E8A020;--cempa-alto: #F2B23F;--chile: #B3261E;--borde: #C9CED4;--t-xs: .9375rem;--t-s: 1.0625rem;--t-m: 1.25rem;--t-l: 1.625rem;--t-xl: 2.25rem;--t-2xl:3.5rem;--toque: 56px;--radio: 6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--papel);color:var(--tinta);font-family:Archivo,system-ui,sans-serif;font-size:var(--t-s);line-height:1.45;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--cempasuchil);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.cifra{font-variation-settings:"wdth" 112;font-weight:700;letter-spacing:-.01em}.cifra-grande{font-variation-settings:"wdth" 118;font-weight:800;font-size:var(--t-2xl);line-height:1;letter-spacing:-.02em}.btn{min-height:var(--toque);padding:0 1.25rem;border-radius:var(--radio);font-weight:600;font-size:var(--t-s);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .12s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-principal{background:var(--cempasuchil);color:var(--tinta)}.btn-principal:not(:disabled):hover{background:var(--cempa-alto)}.btn-azul{background:var(--talavera);color:var(--blanco)}.btn-azul:not(:disabled):hover{background:var(--talavera-alto)}.btn-claro{background:var(--blanco);color:var(--tinta);border:1px solid var(--borde)}.btn-claro:not(:disabled):hover{background:var(--peltre)}.btn-peligro{background:var(--chile);color:var(--blanco)}.campo{width:100%;min-height:var(--toque);padding:0 1rem;border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco)}.campo:focus{border-color:var(--talavera);outline:none;box-shadow:0 0 0 3px #1b3a6b2e}.etiqueta{display:block;font-size:var(--t-xs);font-weight:600;color:var(--tinta-suave);margin-bottom:.375rem}.aviso{padding:.875rem 1rem;border-radius:var(--radio);border-left:4px solid;font-size:var(--t-xs)}.aviso-error{background:#fcebea;border-color:var(--chile);color:#7c1a15}.aviso-ok{background:#e8f0e6;border-color:#3e7a3b;color:#2a5528}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.tecla{height:72px;background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);font-size:var(--t-l);font-weight:600;color:var(--tinta)}.tecla:active{background:var(--peltre)}.tecla-accion{background:var(--peltre);font-size:var(--t-m)}.puntos{display:flex;gap:.75rem;justify-content:center}.punto{width:18px;height:18px;border-radius:50%;border:2px solid var(--borde);background:transparent}.punto-lleno{background:var(--talavera);border-color:var(--talavera)}.marco{display:flex;height:100%}.rail{width:208px;flex-shrink:0;background:var(--talavera);color:var(--blanco);display:flex;flex-direction:column;padding:1.25rem .875rem;gap:.25rem}.rail-nombre{font-weight:700;font-size:var(--t-m);margin-bottom:.125rem}.rail-quien{font-size:var(--t-xs);color:#b7c6dc;margin-bottom:1.5rem}.rail-item{min-height:52px;padding:0 .875rem;border-radius:var(--radio);color:#dce5f0;text-align:left;font-weight:600;display:flex;align-items:center;width:100%}.rail-item:hover{background:#ffffff14}.rail-item-activo{background:var(--blanco);color:var(--talavera)}.lienzo{flex:1;overflow-y:auto;padding:1.5rem 1.75rem}.titulo{font-size:var(--t-xl);font-weight:700;margin:0 0 1.25rem;letter-spacing:-.015em}.productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(143px,1fr));gap:.625rem}.producto{min-height:78px;background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:.75rem;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:.375rem}.producto:active{background:var(--peltre)}.producto-nombre{font-weight:600;line-height:1.2;font-size:var(--t-xs)}.producto-precio{color:var(--tinta-suave);font-size:var(--t-xs)}.cats{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:2;background:var(--papel);padding:.25rem 0 .75rem;margin-bottom:.25rem}.cats::-webkit-scrollbar{display:none}.cat{flex-shrink:0;min-height:46px;padding:0 1.125rem;border-radius:999px;border:1px solid var(--borde);background:var(--blanco);font-weight:600;white-space:nowrap}.cat-activa{background:var(--talavera);border-color:var(--talavera);color:var(--blanco)}.venta-marco{display:flex;flex:1;min-width:0;min-height:0;position:relative}.venta-productos{flex:1;min-width:0;overflow-y:auto;padding:1.5rem 1.75rem}.cuenta{width:360px;flex-shrink:0;background:var(--blanco);border-left:1px solid var(--borde);display:flex;flex-direction:column;min-height:0}.cuenta-lineas{flex:1;overflow-y:auto;min-height:0}.linea{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--peltre)}.cuenta-pie{padding:1.25rem;border-top:2px solid var(--tinta)}.cuenta-asa{display:none}.vacio{padding:2.5rem 1.25rem;text-align:center;color:var(--tinta-suave);font-size:var(--t-xs)}@media (max-width: 1200px){.marco{flex-direction:column-reverse}.marco>*{flex:1;min-height:0}.rail{flex:0 0 auto;width:100%;flex-direction:row;padding:.375rem .5rem;padding-bottom:max(.375rem,env(safe-area-inset-bottom));gap:.25rem;overflow-x:auto}.rail-nombre,.rail-quien{display:none}.rail-item{width:auto;flex:1 0 auto;min-height:50px;white-space:nowrap;justify-content:center;font-size:var(--t-xs)}.rail>div:last-child{margin-top:0!important;flex:0 0 auto}.lienzo{padding:1rem 1.25rem}.titulo{font-size:var(--t-l);margin-bottom:.875rem}.venta-productos{padding:1rem}.cuenta{width:clamp(260px,36vw,340px)}.cuenta .cifra-grande{font-size:var(--t-xl)}.cuenta-pie{padding:.875rem 1rem}.cuenta-pie .btn{min-height:50px;padding:0 .5rem;font-size:var(--t-xs)}.linea{padding:.625rem 1rem}}@media (max-width: 599px){.lienzo{padding:.875rem .75rem}.venta-productos{padding:.875rem .75rem 5.75rem}.productos{grid-template-columns:repeat(auto-fill,minmax(min(143px,calc(50% - .25rem)),1fr));gap:.5rem}.producto{padding:.625rem;min-height:72px}.cuenta{position:absolute;left:0;right:0;bottom:0;width:auto;border-left:none;border-top:2px solid var(--tinta);border-radius:14px 14px 0 0;box-shadow:0 -6px 20px #14202e2e;z-index:5;overflow:hidden}.cuenta.cuenta-abierta{height:88%}.cuenta:not(.cuenta-abierta)>:not(.cuenta-asa){display:none}.cuenta-asa{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;flex-shrink:0;width:100%;text-align:left}.cuenta-abierta .cuenta-asa{border-bottom:1px solid var(--borde)}}@media (max-width: 560px){.modal-caja{max-width:100%!important;max-height:92vh;overflow-y:auto}}