.codigo-cuadros{justify-content:space-between;align-self:stretch;gap:10px;display:flex;position:relative}.codigo-cuadros__campo{color:#0000;caret-color:#0000;opacity:.01;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.codigo-cuadros__uno{border:2px solid var(--border);background:var(--surface);min-width:0;max-width:64px;height:60px;color:var(--text);font:900 2rem/1 var(--font-display);border-radius:14px;flex:1 1 0;place-items:center;display:grid}.codigo-cuadros__uno--lleno{border-color:var(--text)}.codigo-cuadros__campo:focus~.codigo-cuadros__uno--ahora{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.codigo-cuadros--error .codigo-cuadros__uno{border-color:var(--danger)}.codigo-cuadros--bien .codigo-cuadros__uno{border-color:#8fb52a;box-shadow:0 0 0 2px #b5d33459}.pantalla-codigo__velo{z-index:1250;background:#1015198c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pantalla-codigo{width:100%;max-height:100%;padding:10px 24px calc(22px + env(safe-area-inset-bottom,0px));background:var(--surface);color:var(--text);border-radius:28px 28px 0 0;flex-direction:column;align-items:flex-start;gap:10px;animation:.32s cubic-bezier(.2,.8,.2,1) codigo-sube;display:flex;overflow:auto;box-shadow:0 -12px 40px #00000040}@keyframes codigo-sube{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.pantalla-codigo{animation:none}}.pantalla-codigo__tirador{background:var(--border);border-radius:999px;align-self:center;width:40px;height:4px;margin-bottom:6px}.pantalla-codigo__tirador--arrastra{box-sizing:content-box;touch-action:none;cursor:grab;background-clip:content-box;margin:-10px 0 -4px;padding:10px 60px}@media (width>=1024px){.pantalla-codigo__velo{align-items:center}.pantalla-codigo{border-radius:26px;width:min(460px,100% - 48px);padding:24px 28px 26px}.pantalla-codigo__tirador{display:none}}.pantalla-codigo__volver{background:var(--surface-2);width:40px;height:40px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.pantalla-codigo__hecho{font-size:var(--letra-ayuda);color:var(--text-muted);align-items:center;gap:8px;margin:0;display:flex}.pantalla-codigo__hecho svg{background:var(--accent);color:var(--accent-contrast);border-radius:50%;padding:2px}.pantalla-codigo__titulo{font:900 30px/1.1 var(--font-display);text-transform:uppercase;margin:0}.pantalla-codigo__texto{font-size:var(--letra-texto);color:var(--text-muted);margin:0}.pantalla-codigo__texto--error{color:var(--danger);font-weight:600}.pantalla-codigo__pie{align-self:stretch;gap:var(--spacing-2);margin-top:var(--spacing-2);flex-direction:column;display:flex}.pantalla-codigo__pie .button{width:100%;min-height:52px}:root[data-tema=cristal] .pantalla-codigo{background:var(--cristal-vidrio);-webkit-backdrop-filter:var(--cristal-desenfoque);backdrop-filter:var(--cristal-desenfoque);box-shadow:inset 0 1px 0 rgb(var(--cristal-luz) / .95), 0 -12px 40px #0003}@media (prefers-color-scheme:dark){:root[data-tema=cristal] .pantalla-codigo{background:var(--cristal-vidrio);box-shadow:inset 0 1px 0 rgb(var(--cristal-luz) / .25), 0 -12px 40px #0006}}.codigo-cuadros--error .codigo-cuadros__uno{color:var(--danger)}.codigo-ancho{flex-direction:column;align-self:stretch;gap:8px;display:flex}.codigo-ancho__campo{border:2px solid var(--border);background:var(--surface);width:100%;min-height:60px;color:var(--text);font:700 1.05rem var(--font-sans);border-radius:14px;padding:0 14px}.codigo-ancho__campo:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.codigo-ancho__campo--error{border-color:var(--danger);color:var(--danger)}.codigo-ancho__pie{color:var(--text-muted);font-size:var(--letra-ayuda);justify-content:space-between;gap:8px;display:flex}.codigo-ancho__pie b{color:var(--accent-text)}.codigo-ancho__escanear{color:var(--accent-text);font:800 var(--letra-ayuda) var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}