:root{--bg:#f3f2f1;--surface:#fff;--surface-subtle:#faf9f8;--surface-hover:#f3f2f1;--border:#edebe9;--border-strong:#d2d0ce;--text:#323130;--text-secondary:#605e5c;--text-muted:#8a8886;--accent:#0f6cbd;--accent-hover:#115ea3;--accent-pressed:#0c3b5e;--accent-subtle:#eff6fc;--accent-border:#b4d6fa;--accent-fg:#fff;--success:#107c41;--success-subtle:#f1faf1;--success-border:#9fd89f;--warning:#ca5010;--warning-surface:#fff9f5;--warning-border:#f4bfab;--danger:#a4262c;--danger-surface:#fdf3f4;--danger-border:#eeacb2;--font-sans:"Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--font-mono:"Cascadia Mono", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--radius:4px;--radius-lg:8px;--sombra-2:0 1px 2px #00000012, 0 0 2px #0000000f;--sombra-8:0 3.2px 7.2px #00000017, 0 .6px 1.8px #00000012;--sombra-16:0 6.4px 14.4px #0000001c, 0 1.2px 3.6px #00000017;--transition:.12s cubic-bezier(.33, 0, .67, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}body:before{content:"";background:var(--accent);z-index:10;height:4px;position:fixed;top:0;left:0;right:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:4px solid var(--bg);border-radius:6px}h1,h2,h3{color:var(--text);letter-spacing:-.005em;font-weight:600}h2{font-size:1.375rem}h3{font-size:1.0625rem}p{color:var(--text-secondary)}code{font-family:var(--font-mono);background:var(--surface-subtle);border:1px solid var(--border);border-radius:3px;padding:.05rem .3rem;font-size:.9em}.container{width:100%;max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--sombra-8);padding:2rem}.section{border-top:1px solid var(--border);margin-top:1.75rem;padding-top:1.5rem}.muted{color:var(--text-muted)}.stack{flex-direction:column;gap:.25rem;display:flex}.row-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.logo-container{align-items:center;gap:.9rem;display:flex}.logo-img{object-fit:contain;border-radius:var(--radius);flex-shrink:0;width:3.5rem;height:3.5rem}.logo-text{font-size:1.5rem;font-weight:600;line-height:1.2}.logo-sub{color:var(--text-muted);margin-top:.1rem;font-size:.8125rem;display:block}@media (max-width:480px){.logo-img{width:2.75rem;height:2.75rem}.logo-text{font-size:1.2rem}}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text);margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.form-control{background:var(--surface);border:1px solid var(--border-strong);border-bottom-color:var(--text-muted);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-sans);transition:border-color var(--transition);padding:.5rem .65rem;font-size:1rem}.form-control::placeholder{color:var(--text-muted)}.form-control:hover{border-color:var(--text-muted)}.form-control:focus{border-color:var(--border-strong);border-bottom:2px solid var(--accent);outline:none;padding-bottom:calc(.5rem - 1px)}.form-control.font-mono{font-family:var(--font-mono)}.iid-input{letter-spacing:0;font-size:.875rem}.codigo-input{letter-spacing:.14em;text-align:center;padding:.7rem;font-size:1.25rem;font-weight:600}.btn{border-radius:var(--radius);cursor:pointer;min-height:2.25rem;transition:background-color var(--transition), border-color var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.25;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-pressed)}.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--surface-hover)}.btn-block{width:100%;min-height:2.5rem}.btn:disabled{background:var(--surface-hover);color:var(--text-muted);cursor:not-allowed;border-color:#0000}.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.btn-link-quiet{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem}.btn-link-quiet:hover{text-decoration:underline}.btn-pequeno{min-height:1.9rem;padding:.3rem .65rem;font-size:.8125rem}.panel-info{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface-subtle);margin-bottom:1.5rem;padding:1.25rem 1.4rem}.panel-info-titulo{margin-bottom:.75rem;font-size:1.0625rem}.como-funciona{color:var(--text-secondary);flex-direction:column;gap:.45rem;margin:0;padding-left:1.35rem;font-size:.875rem;display:flex}.como-funciona::marker{color:var(--accent);font-weight:600}.como-funciona li::marker{color:var(--accent);font-weight:600}.como-funciona strong{color:var(--text);font-weight:600}.panel-info-cierre{color:var(--text-muted);margin-top:.85rem;font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:.9rem;height:.9rem;animation:.9s cubic-bezier(.53,.21,.29,.67) infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:.2s cubic-bezier(.33,0,.67,1) forwards fadeIn}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}.spinner{animation-duration:2.5s}}.saldo-pill{background:var(--accent-subtle);border:1px solid var(--accent-border);font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.8125rem;font-weight:600;display:inline-flex}.paso{padding-bottom:1.75rem;padding-left:2.75rem;position:relative}.paso:last-child{padding-bottom:0}.paso:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:2.25rem;bottom:.25rem;left:.9375rem}.paso-hecho:not(:last-child):before{background:var(--success-border)}.paso-cabecera{align-items:center;gap:.7rem;min-height:2rem;margin-bottom:.6rem;display:flex}.paso-accion{margin-left:auto}@media (max-width:560px){.paso-cabecera{flex-wrap:wrap}.paso-accion{width:100%;margin-left:0}.paso-accion .btn{width:100%}}.paso-numero{border:1px solid var(--border-strong);background:var(--surface);width:2rem;height:2rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;transition:background-color var(--transition), border-color var(--transition), color var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex;position:absolute;top:0;left:0}.paso-activo .paso-numero{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.paso-hecho .paso-numero{background:var(--success-subtle);border-color:var(--success-border);color:var(--success)}.paso-titulo{flex-direction:column;gap:.1rem;font-size:1.0625rem;display:flex}.paso-etiqueta{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:600}.paso-activo .paso-etiqueta{color:var(--accent)}.paso-hecho .paso-etiqueta{color:var(--success)}.paso-pendiente .paso-titulo,.paso-pendiente .paso-cuerpo{opacity:.55}.paso-ayuda{color:var(--text-secondary);margin-bottom:.9rem;font-size:.85rem}@media (max-width:480px){.paso{padding-left:2.4rem}}.cid-instruccion{color:var(--text);margin:1.25rem 0 .75rem;font-size:.9375rem}.cid-final{background:var(--success-subtle);border:1px solid var(--success-border);border-left:3px solid var(--success);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex}.cid-final-valor{letter-spacing:.02em;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;word-break:break-all;flex:15rem;font-size:1.05rem;font-weight:600}.cid-final .btn{flex-shrink:0}@media (max-width:480px){.cid-final .btn{width:100%}}.cid-blocks-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.6rem;display:grid}@media (max-width:600px){.cid-blocks-grid{grid-template-columns:repeat(2,1fr)}}.cid-block-box{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit;color:inherit;cursor:pointer;transition:border-color var(--transition), background-color var(--transition);flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;display:flex}.cid-block-box:hover{border-color:var(--accent);background:var(--accent-subtle)}.cid-block-box.copied{border-color:var(--success-border);background:var(--success-subtle)}.cid-block-label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:600}.cid-block-box.copied .cid-block-label{color:var(--success)}.cid-block-value{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.upload-area{border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--surface-subtle);transition:border-color var(--transition), background-color var(--transition);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;display:flex}.upload-area:hover,.upload-area.drag-over{border-color:var(--accent);background:var(--accent-subtle)}.upload-icon{color:var(--accent)}.upload-title{color:var(--text);font-size:.875rem;font-weight:600}.upload-hint{color:var(--text-muted);font-size:.8125rem}.preview-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);justify-content:center;max-height:150px;display:flex;overflow:hidden}.alert{border:1px solid var(--border);border-left:3px solid var(--text-muted);border-radius:var(--radius);color:var(--text-secondary);background:var(--surface);align-items:flex-start;gap:.6rem;margin-bottom:1.25rem;padding:.75rem .9rem;font-size:.875rem;display:flex}.alert svg{flex-shrink:0;margin-top:.1rem}.alert strong{color:var(--text);font-weight:600}.alert-danger{background:var(--danger-surface);border-color:var(--danger-border);border-left-color:var(--danger);color:var(--danger)}.alert-danger strong{color:var(--danger)}.alert-warning{background:var(--warning-surface);border-color:var(--warning-border);border-left-color:var(--warning);color:var(--warning)}.alert-warning strong{color:var(--warning)}.nota-privacidad{border-top:1px solid var(--border);color:var(--text-muted);align-items:flex-start;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem;font-size:.75rem;line-height:1.5;display:flex}.nota-privacidad svg{color:var(--success);flex-shrink:0;margin-top:.1rem}.aviso-marcas{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.6875rem;line-height:1.5}