:root{--color-primary: #1B2435;--color-primary-hover: #0F1521;--color-primary-light: #E9ECF2;--color-primary-border: #CDD3DE;--color-navy: #1B2435;--color-accent: #C0392B;--color-accent-hover: #A93226;--color-accent-light: #FBECE9;--color-neutral-50: #FAF9F6;--color-neutral-100: #F3F1EC;--color-neutral-200: #E6E2DA;--color-neutral-300: #D3CEC4;--color-neutral-400: #A8A398;--color-neutral-500: #7E7A72;--color-neutral-600: #5C5A55;--color-neutral-700: #3F3E3B;--color-neutral-800: #26272B;--color-neutral-900: #161B26;--color-surface: #FFFFFF;--color-surface-2: #FAF9F6;--color-background: #F4F2ED;--color-success: #2E7D4F;--color-success-light: #E4F3EA;--color-warning: #B7791F;--color-warning-light: #FBF3E3;--color-error: #C0392B;--color-error-light: #FBECE9;--color-info: #2458A6;--color-info-light: #E6EEF9;--color-accent-light-ui: #E9ECF2;--color-alternativa: #2458A6;--color-alternativa-light: #E6EEF9;--color-opcional: #B7791F;--color-opcional-light: #FBF3E3;--color-text-primary: #161B26;--color-text-secondary: #5C6270;--color-text-disabled: #9A9C9F;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(22, 27, 38, .06), 0 0 0 1px rgba(22, 27, 38, .03);--shadow-md: 0 4px 14px rgba(22, 27, 38, .08);--shadow-lg: 0 10px 28px rgba(22, 27, 38, .12);--shadow-xl: 0 18px 48px rgba(22, 27, 38, .16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-display: var(--font-family);--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 26px;--sidebar-width: 240px;--header-height: 60px;--rail-width: 320px;--ease-enter: cubic-bezier(.22, 1, .36, 1);--ease-move: cubic-bezier(.25, 1, .5, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv05"}#app{height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img,svg{display:block}code,kbd,pre{font-family:var(--font-mono)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;color:var(--color-text-primary)}::selection{background:var(--color-accent-light);color:var(--color-accent-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.step-container{flex:1;display:flex;flex-direction:column;min-height:100%}.step-content{flex:1;width:100%;max-width:920px;margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-10);display:flex;flex-direction:column;gap:var(--space-5)}.step-eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2)}.step-heading{font-size:var(--font-size-2xl);font-weight:600;letter-spacing:-.015em;line-height:1.15}.step-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-2);max-width:62ch;line-height:1.55}.step-head{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s var(--ease-enter),box-shadow .15s ease}.btn svg{width:15px;height:15px;flex-shrink:0}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--accent{background:var(--color-accent);color:#fff;box-shadow:0 6px 18px #c0392b38}.btn--accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn--ghost{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-neutral-300)}.btn--ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-text-primary);border-color:var(--color-neutral-400)}.btn--link{padding:4px 6px;color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:3px}.btn--link:hover{color:var(--color-accent)}.field-input,.in{padding:9px 12px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none}.field-input::placeholder,.in::placeholder{color:var(--color-neutral-400)}.field-input:focus,.in:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.field-input--mono{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.01em}.card{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.switch{position:relative;display:inline-flex;cursor:pointer;flex-shrink:0}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:36px;height:20px;border-radius:var(--radius-full);background:var(--color-neutral-300);position:relative;transition:background .2s ease;display:block}.switch .thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s var(--ease-enter);display:block}.switch input:checked+.track{background:var(--color-primary)}.switch input:checked+.track .thumb{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
