: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(168px,1fr));gap:.75rem}.producto{min-height:92px;background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:.875rem;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.producto:active{background:var(--peltre)}.producto-nombre{font-weight:600;line-height:1.25}.producto-precio{color:var(--tinta-suave)}.cuenta{width:360px;flex-shrink:0;background:var(--blanco);border-left:1px solid var(--borde);display:flex;flex-direction:column}.cuenta-lineas{flex:1;overflow-y:auto}.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)}.vacio{padding:2.5rem 1.25rem;text-align:center;color:var(--tinta-suave);font-size:var(--t-xs)}@media (max-width: 1100px){.rail{width:150px;padding:1rem .625rem}.rail-item{font-size:var(--t-xs);padding:0 .625rem;min-height:48px}.rail-quien{font-size:.8125rem}.cuenta{width:300px}}@media (max-width: 760px){.marco{flex-direction:column-reverse}.rail{width:100%;flex-direction:row;padding:.5rem;gap:.375rem;overflow-x:auto}.rail-nombre,.rail-quien{display:none}.rail-item{min-height:52px;white-space:nowrap;justify-content:center}.rail>div:last-child{margin-top:0!important;margin-left:auto}.cuenta{width:260px}.lienzo{padding:1rem}}