*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.tut-page{flex:1;padding:2rem 2rem 4rem;max-width:760px;min-width:0}a.nav-item{color:var(--color-text-secondary,var(--text-muted))}.tut-hero{text-align:center;padding:2.5rem 0 2rem}.tut-hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6366f1;margin-bottom:.5rem}.tut-hero h1{font-size:1.75rem;font-weight:700;color:#f1f5f9;margin-bottom:.75rem}.tut-hero p{font-size:15px;color:var(--text-muted);max-width:500px;margin:0 auto;line-height:1.7}.tut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:3rem}.tut-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.25rem;cursor:pointer;transition:box-shadow .15s,border-color .15s;text-decoration:none;display:block}.tut-card:hover:not(.coming-soon){box-shadow:0 4px 16px #00000014;border-color:#ffffff26}.tut-card.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.tut-card.coming-soon{opacity:.55;cursor:default}.tut-card-icon{width:40px;height:40px;border-radius:10px;background:#6366f11f;display:flex;align-items:center;justify-content:center;font-size:20px;color:#6366f1;margin-bottom:.75rem}.tut-card.coming-soon .tut-card-icon{background:var(--surface-2);color:var(--text-muted)}.tut-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.tut-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.tut-card-badge{display:inline-block;margin-top:.5rem;font-size:11px;font-weight:500;padding:2px 8px;border-radius:99px;background:#34d3991a;color:#6ee7b7}.tut-card.coming-soon .tut-card-badge{background:var(--surface-2);color:var(--text-muted)}.tutorial-container{display:none}.tutorial-container.visible{display:block}.step-header{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.step-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.step-title{font-size:15px;font-weight:600}.step-counter{font-size:13px;color:var(--text-muted)}.step-progress-bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden}.step-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.step-dots{display:flex;gap:6px;margin-top:.75rem}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s}.step-dot.done{background:#6366f1}.step-dot.current{background:#6366f1;box-shadow:0 0 0 3px #6366f133}.step-content{display:none;color:var(--text)}.step-content.active{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text)}.sim-portal{width:100%;max-width:540px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.sim-portal-bar{background:#1e3a5f;color:#fff;padding:10px 14px;font-size:12px;display:flex;align-items:center;gap:8px}.sim-portal-bar i{font-size:14px;opacity:.8}.sim-badge{margin-left:auto;background:#ffc80040;color:#fbbf24;font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:4px;border:1px solid rgba(251,191,36,.4)}.sim-portal-bar.impi{background:#7c3aed}.sim-body{padding:1.25rem;color:var(--text)}.sim-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;padding-bottom:6px;border-bottom:1px solid var(--surface-2)}.sim-field{margin-bottom:.875rem}.sim-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:4px}.sim-label .req{color:#ef4444;margin-left:2px}.sim-input{width:100%;padding:7px 10px;border:1.5px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface-2);color:var(--text-muted);font-family:inherit}.sim-input.highlighted{border-color:#6366f1;background:#6366f11f}.sim-input.filled{border-color:#10b981;background:#34d3991a;color:#6ee7b7}.sim-input.error{border-color:#ef4444;background:#ef44441a}.sim-select{width:100%;padding:7px 10px;border:1.5px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface-2);color:var(--text-muted);font-family:inherit;appearance:none}.sim-select.highlighted{border-color:#6366f1;background:#6366f11f}.sim-textarea{width:100%;padding:7px 10px;border:1.5px solid var(--border);border-radius:6px;font-size:12px;background:var(--surface-2);color:var(--text-muted);font-family:inherit;resize:none;line-height:1.5}.sim-textarea.highlighted{border-color:#6366f1;background:#6366f11f}.sim-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:500;border:none;cursor:default;font-family:inherit}.sim-btn-primary{background:#1e3a5f;color:#fff}.sim-btn-primary.impi{background:#7c3aed}.sim-btn-secondary{background:var(--surface-2);color:var(--text-muted);border:1px solid #d1d5db}.sim-row{display:flex;gap:.75rem}.sim-row .sim-field{flex:1}.sim-checkbox-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-muted);line-height:1.5}.sim-checkbox-row input{margin-top:2px;flex-shrink:0}.sim-success{text-align:center;padding:2rem 1rem}.sim-success-icon{width:56px;height:56px;border-radius:50%;background:#34d3991a;color:#16a34a;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.sim-success h3{font-size:15px;font-weight:700;margin-bottom:4px}.sim-success p{font-size:12px;color:var(--text-muted);margin-bottom:.75rem}.sim-folio{display:inline-block;font-family:monospace;font-size:14px;font-weight:700;letter-spacing:.1em;background:var(--surface-2);padding:6px 14px;border-radius:6px;color:#1e3a5f;border:1px dashed rgba(255,255,255,.15)}.sim-payment-box{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:.75rem}.sim-payment-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid var(--surface-2)}.sim-payment-row:last-child{border-bottom:none;font-weight:700}.sim-upload-zone{border:2px dashed rgba(255,255,255,.12);border-radius:8px;padding:1.5rem;text-align:center;background:var(--surface-2)}.sim-upload-zone i{font-size:24px;color:var(--text-muted);display:block;margin-bottom:6px}.sim-upload-zone p{font-size:12px;color:var(--text-muted)}.sim-upload-zone small{font-size:11px;color:var(--text-muted)}.sim-result-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:12px;margin-bottom:4px}.sim-result-row.clear{background:#34d3991a;color:#6ee7b7}.sim-result-row.conflict{background:#ef44441a;color:#fca5a5}.sim-result-row.similar{background:#fbbf2414;color:#fde68a}.sim-result-row i{font-size:14px;flex-shrink:0}.sim-sign-option{border:1.5px solid var(--border);border-radius:8px;padding:.875rem;cursor:default;margin-bottom:6px;display:flex;gap:10px;align-items:flex-start}.sim-sign-option.selected{border-color:#6366f1;background:#6366f11f}.sim-sign-option input{margin-top:2px;flex-shrink:0}.sim-sign-title{font-size:13px;font-weight:600;margin-bottom:2px}.sim-sign-desc{font-size:11px;color:var(--text-muted)}.sim-class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:.75rem}.sim-class-box{border:1.5px solid var(--border);border-radius:6px;padding:6px;text-align:center;font-size:11px;color:var(--text-muted)}.sim-class-box.active{border-color:#8b5cf6;background:#8b5cf61f;color:#c4b5fd;font-weight:600}.tip-panel{width:100%;max-width:540px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tip-panel-header{background:#6366f11f;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#4338ca}.tip-panel-header.impi{background:#7c3aed1f;color:#c4b5fd}.tip-list{padding:1rem}.tip-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--surface-2);font-size:12px;line-height:1.6}.tip-item:last-child{border-bottom:none}.tip-item i{font-size:15px;flex-shrink:0;margin-top:1px}.tip-item.tip-ok i{color:#16a34a}.tip-item.tip-warn i{color:#d97706}.tip-item.tip-info i{color:#6366f1}.tip-item.tip-danger i{color:#dc2626}.tip-ref{margin:0 1rem 1rem;padding:8px 10px;background:var(--surface-2);border-radius:6px;font-size:11px;color:var(--text-muted);border:1px solid rgba(255,255,255,.06)}.tip-ref strong{color:var(--text-muted);display:block;margin-bottom:2px}.step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;gap:.75rem;width:100%;max-width:540px;margin-left:auto;margin-right:auto}.btn-step{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:inherit;transition:background .15s}.btn-step-prev{background:var(--surface-2);color:var(--text-muted)}.btn-step-prev:hover:not(:disabled){background:var(--border)}.btn-step-next{background:#6366f1;color:#fff}.btn-step-next:hover:not(:disabled){background:#4f46e5}.btn-step-next.impi{background:#7c3aed}.btn-step-next.impi:hover:not(:disabled){background:#6d28d9}.btn-step:disabled{opacity:.4;cursor:default}.step-nav-info{font-size:12px;color:var(--text-muted);text-align:center;flex:1}.sim-annotation{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#6366f1;margin-top:4px;line-height:1.4}.sim-annotation i{font-size:12px;flex-shrink:0;margin-top:1px}.finish-banner{background:linear-gradient(135deg,#1e3a5f,#2d5a8e);border:3px solid #1e3a5f;border-radius:12px;padding:2rem;text-align:center;margin-top:1.5rem}.finish-banner i{font-size:40px;color:#fff;display:block;margin-bottom:.75rem}.finish-banner h2{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:#fff}.finish-banner p{font-size:13px;color:#ffffffd9;max-width:480px;margin:0 auto 1rem;line-height:1.7}.finish-banner.impi{background:linear-gradient(135deg,#7c3aed,#a78bfa);border-color:#7c3aed}.finish-banner.sat{background:linear-gradient(135deg,#991b1b,#b91c1c);border-color:#b91c1c}.finish-banner.steam{background:linear-gradient(135deg,#171a21,#2a475e);border-color:#66c0f4}.finish-banner.gp{background:linear-gradient(135deg,#01875f,#34a853);border-color:#34a853}.finish-banner.ios{background:linear-gradient(135deg,#1c1c1e,#3a3a3c);border-color:#0071e3}.btn-volver{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:#fff3;color:#fff;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.35);font-family:inherit;text-decoration:none}.btn-volver:hover{background:#ffffff52}.btn-download-txt{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff1f;color:#ffffffe6;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.25);font-family:inherit;margin-top:.5rem}.btn-download-txt:hover{background:#fff3}.sim-portal-bar.sat,.sim-btn-primary.sat{background:#b91c1c}.tip-panel-header.sat{background:#ef44441a;color:#fca5a5}.btn-step-next.sat{background:#b91c1c}.btn-step-next.sat:hover:not(:disabled){background:#991b1b}.sim-portal-bar.steam{background:#171a21}.sim-btn-primary.steam{background:#5c7e10;color:#fff}.tip-panel-header.steam{background:#66c0f41a;color:#93c5fd}.btn-step-next.steam{background:#5c7e10}.btn-step-next.steam:hover:not(:disabled){background:#4a6a0a}.sim-portal-bar.gp{background:#01875f}.sim-btn-primary.gp{background:#01875f;color:#fff}.tip-panel-header.gp{background:#01875f1f;color:#6ee7b7}.btn-step-next.gp{background:#01875f}.btn-step-next.gp:hover:not(:disabled){background:#016e4d}.sim-portal-bar.mp{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.sim-btn-primary.mp{background:#6366f1;color:#fff}.tip-panel-header.mp{background:#6366f11f;color:#a5b4fc}.btn-step-next.mp{background:#6366f1}.btn-step-next.mp:hover:not(:disabled){background:#4f46e5}.finish-banner.mp{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#6366f1}.sim-portal-bar.ios{background:#1c1c1e}.sim-btn-primary.ios{background:#0071e3;color:#fff}.tip-panel-header.ios{background:#0071e31f;color:#93c5fd}.btn-step-next.ios{background:#0071e3}.btn-step-next.ios:hover:not(:disabled){background:#005bb5}.sim-quicknav{position:fixed;right:14px;top:50%;transform:translateY(-50%);flex-direction:column;gap:10px;z-index:200;display:none}.sim-quicknav.visible{display:flex}.sim-qnav-btn{width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #00000040;transition:transform .15s,box-shadow .15s;color:#fff}.sim-qnav-btn:hover:not(.qnav-inactive){transform:scale(1.1);box-shadow:0 4px 14px #00000059}.sim-qnav-btn.qnav-inactive{opacity:.3;cursor:default}.sim-qnav-btn.qnav-active{box-shadow:0 0 0 3px #ffffff80,0 4px 14px #0000004d;transform:scale(1.07)}.nav-mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;color:var(--text-muted);font-family:inherit}.nav-mode-toggle:hover{background:var(--border)}@media (max-width: 768px){.sim-quicknav{display:none!important}}