:root{--vx-primary: #5b6ef0;--vx-primary-600: #4a5ae0;--vx-primary-700: #3f4bc7;--vx-secondary: #764ba2;--vx-accent: #2bb673;--vx-accent-600: #199e60;--vx-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--vx-gradient-soft: linear-gradient(135deg, rgba(102, 126, 234, .12) 0%, rgba(118, 75, 162, .12) 100%);--vx-bg: #f6f7fb;--vx-surface: #ffffff;--vx-surface-2: #f9fafc;--vx-surface-3: #f1f3f9;--vx-sidebar-bg: #ffffff;--vx-border: #e7e9f0;--vx-border-strong: #d4d8e3;--vx-text: #1a1f36;--vx-text-secondary: #515a72;--vx-text-muted: #8b93a7;--vx-on-primary: #ffffff;--vx-info: #2563eb;--vx-info-bg: #eef3ff;--vx-info-border: #d4e1ff;--vx-warn: #b7791f;--vx-warn-bg: #fdf6e7;--vx-warn-border: #f3e3bf;--vx-error: #c0392b;--vx-error-bg: #fdecea;--vx-error-border: #f5c6c0;--vx-success: #199e60;--vx-success-bg: #e8f7ef;--vx-success-border: #bfe6cf;--vx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--vx-fs-xs: 12px;--vx-fs-sm: 13px;--vx-fs-base: 14.5px;--vx-fs-md: 16px;--vx-fs-lg: 19px;--vx-fs-xl: 24px;--vx-fs-2xl: 30px;--vx-lh: 1.55;--vx-1: 4px;--vx-2: 8px;--vx-3: 12px;--vx-4: 16px;--vx-5: 20px;--vx-6: 24px;--vx-8: 32px;--vx-10: 40px;--vx-r-sm: 8px;--vx-r: 12px;--vx-r-lg: 16px;--vx-r-pill: 999px;--vx-shadow-xs: 0 1px 2px rgba(26, 31, 54, .06);--vx-shadow-sm: 0 2px 8px rgba(26, 31, 54, .07);--vx-shadow: 0 8px 24px rgba(26, 31, 54, .1);--vx-shadow-lg: 0 18px 50px rgba(26, 31, 54, .18);--vx-ring: 0 0 0 3px rgba(91, 110, 240, .22);--vx-sidebar-w: 248px;--vx-topbar-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--vx-font);font-size:var(--vx-fs-base);line-height:var(--vx-lh);color:var(--vx-text);background:var(--vx-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{height:100%}button{font-family:inherit}::selection{background:#5b6ef02e}:where(button,a,input,select,textarea,[role=button],[role=radio],[role=treeitem],[tabindex]):focus-visible{outline:2px solid var(--vx-primary);outline-offset:2px;border-radius:var(--vx-r-sm)}.vx-ico{display:inline-flex;align-items:center;line-height:0}.vx-tnode{position:relative}*{scrollbar-width:thin;scrollbar-color:#cbd2e0 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d3d9e6;border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#b9c1d6;background-clip:content-box}.vx-shell{height:100%;display:flex;flex-direction:column;gap:var(--vx-4);padding:var(--vx-4);max-width:1640px;margin:0 auto}.vx-topbar{flex:0 0 auto;background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-r-lg);box-shadow:var(--vx-shadow-sm);display:flex;align-items:center;gap:var(--vx-4);padding:12px 18px}.vx-brand{display:flex;align-items:center;gap:var(--vx-3);flex:1 1 0;min-width:0}.vx-logo{width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:var(--vx-gradient);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:var(--vx-shadow-sm)}.vx-brandtext{display:flex;flex-direction:column;line-height:1.15;min-width:0}.vx-brandtext b{font-size:var(--vx-fs-md);letter-spacing:.2px}.vx-brandtext span{font-size:var(--vx-fs-xs);color:var(--vx-text-muted)}.vx-modeswitch{flex:0 0 auto;display:inline-flex;background:var(--vx-surface-3);border-radius:var(--vx-r-pill);padding:4px;gap:4px}.vx-mode{border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--vx-r-pill);font-weight:600;font-size:var(--vx-fs-base);color:var(--vx-text-secondary);transition:color .12s,background .12s,box-shadow .12s}.vx-mode:hover{color:var(--vx-text)}.vx-mode--active{background:var(--vx-surface);color:var(--vx-primary-700);box-shadow:var(--vx-shadow-sm)}.vx-mode .vx-ico{color:currentColor}.vx-userchip{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:var(--vx-3);min-width:0}.vx-userchip__text{display:flex;flex-direction:column;line-height:1.15;text-align:right;min-width:0}.vx-userchip__text b{font-size:var(--vx-fs-sm)}.vx-userchip__text span{font-size:var(--vx-fs-xs);color:var(--vx-text-muted)}.vx-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--vx-gradient);color:#fff;display:grid;place-items:center;font-weight:700;font-size:var(--vx-fs-sm)}.vx-iconbtn{width:38px;height:38px;flex:0 0 38px;border-radius:var(--vx-r-sm);border:1px solid var(--vx-border);background:var(--vx-surface);color:var(--vx-text-secondary);cursor:pointer;display:grid;place-items:center}.vx-iconbtn:hover{background:var(--vx-surface-3);color:var(--vx-text)}.vx-content{flex:1;min-height:0;overflow-y:auto;padding:2px}.vx-content__inner{width:100%;height:100%}.vx-view{height:100%}@media (max-width: 820px){.vx-topbar{flex-wrap:wrap}.vx-modeswitch{order:3;width:100%;justify-content:center}.vx-mode{flex:1;justify-content:center}}.vx-card{background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-r);box-shadow:var(--vx-shadow-xs)}.vx-card__head{padding:var(--vx-4) var(--vx-5);border-bottom:1px solid var(--vx-border);display:flex;align-items:center;gap:var(--vx-3)}.vx-card__head h2{margin:0;font-size:var(--vx-fs-md);font-weight:700}.vx-card__head p{margin:2px 0 0;font-size:var(--vx-fs-sm);color:var(--vx-text-muted)}.vx-card__body{padding:var(--vx-5)}.vx-split{display:grid;grid-template-columns:340px 1fr;gap:var(--vx-5);align-items:start}.vx-split--examen{grid-template-columns:460px 1fr}@media (max-width: 1024px){.vx-split,.vx-split--examen{grid-template-columns:1fr}}.vx-sticky{position:sticky;top:0}.vx-result{display:flex;flex-direction:column;gap:var(--vx-4)}.vx-stage-wrap{display:flex;min-width:0}.vx-stage-wrap .vx-stage{flex:1 1 auto;width:100%}.vx-result-side{display:flex;flex-direction:column;gap:var(--vx-3)}.vx-dl-row{flex-direction:column;align-items:stretch}.vx-dl-row .vx-btn{width:100%;justify-content:flex-start}@media (min-width: 1025px){.vx-content{overflow:hidden}.vx-split--gen{height:100%;align-items:stretch}.vx-split--gen>.vx-card{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vx-split--gen>.vx-card>.vx-card__head{flex:0 0 auto}.vx-split--gen>.vx-card>.vx-card__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.vx-split--gen .vx-tree{flex:1 1 auto;min-height:0;max-height:none}.vx-result{flex:1 1 auto;min-height:0;flex-direction:row;align-items:stretch;gap:var(--vx-5)}.vx-stage-wrap{flex:1 1 auto;min-height:0;min-width:0}.vx-split--gen .vx-stage{height:100%;min-height:0;padding:var(--vx-4)}.vx-split--gen .vx-stage svg,.vx-split--gen .vx-stage img{max-height:100%}.vx-result-side{flex:0 0 250px;min-height:0;overflow-y:auto;padding-right:2px}.vx-split--examen{height:100%;overflow-y:auto;align-content:start}}.vx-field{margin-bottom:var(--vx-4)}.vx-label{display:block;font-size:var(--vx-fs-sm);font-weight:600;color:var(--vx-text-secondary);margin-bottom:6px}.vx-input,.vx-select{width:100%;font:inherit;font-size:var(--vx-fs-base);color:var(--vx-text);background:var(--vx-surface);border:1px solid var(--vx-border-strong);border-radius:var(--vx-r-sm);padding:10px 12px;transition:border-color .12s,box-shadow .12s}.vx-input:focus,.vx-select:focus{outline:none;border-color:var(--vx-primary);box-shadow:var(--vx-ring)}.vx-input--num{width:78px;text-align:center}.vx-input--search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;padding-left:36px}.vx-segmented{display:inline-flex;background:var(--vx-surface-3);border-radius:var(--vx-r-sm);padding:3px;gap:3px}.vx-segmented button{border:none;background:none;cursor:pointer;padding:7px 16px;border-radius:7px;font-weight:600;font-size:var(--vx-fs-sm);color:var(--vx-text-secondary)}.vx-segmented button:hover{color:var(--vx-text)}.vx-segmented button[aria-checked=true]{background:var(--vx-surface);color:var(--vx-primary-700);box-shadow:var(--vx-shadow-xs)}.vx-btn{appearance:none;font:inherit;font-weight:600;font-size:var(--vx-fs-base);border-radius:var(--vx-r-sm);padding:10px 18px;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .14s,background .14s,border-color .14s,opacity .14s;white-space:nowrap}.vx-btn:disabled{opacity:.55;cursor:not-allowed}.vx-btn--primary{background:var(--vx-gradient);color:#fff;box-shadow:var(--vx-shadow-sm)}.vx-btn--primary:not(:disabled):hover{filter:brightness(1.06)}.vx-btn--secondary{background:var(--vx-surface);color:var(--vx-text);border-color:var(--vx-border-strong)}.vx-btn--secondary:not(:disabled):hover{border-color:var(--vx-primary);color:var(--vx-primary-700)}.vx-btn--ghost{background:transparent;color:var(--vx-text-secondary)}.vx-btn--ghost:not(:disabled):hover{background:var(--vx-surface-3);color:var(--vx-text)}.vx-btn--block{width:100%}.vx-btn--lg{padding:13px 22px;font-size:var(--vx-fs-md)}.vx-btn-row{display:flex;flex-wrap:wrap;gap:var(--vx-2)}.vx-badge{font-size:var(--vx-fs-xs);font-weight:600;padding:3px 9px;border-radius:var(--vx-r-pill);background:var(--vx-surface-3);color:var(--vx-text-secondary);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.vx-badge--ia{background:#f3eefc;color:var(--vx-secondary)}.vx-badge--count{background:var(--vx-surface-3);color:var(--vx-text-muted)}.vx-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--vx-fs-xs);font-weight:600;color:var(--vx-text-secondary);background:var(--vx-surface-2);border:1px solid var(--vx-border);padding:4px 10px;border-radius:var(--vx-r-pill)}.vx-tree{overflow-y:auto;max-height:calc(100vh - var(--vx-topbar-h) - 220px);margin:0 calc(-1 * var(--vx-2))}.vx-tnode__row{display:flex;align-items:center;gap:6px;width:100%;border:none;background:none;cursor:pointer;padding:7px 8px;border-radius:var(--vx-r-sm);color:var(--vx-text);text-align:left;font:inherit}.vx-tnode__row:hover{background:var(--vx-surface-3)}.vx-tnode__row--selected{background:var(--vx-gradient-soft);color:var(--vx-primary-700);font-weight:600}.vx-tnode__caret{flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;color:var(--vx-text-muted);transition:transform .15s}.vx-tnode__caret--open{transform:rotate(90deg)}.vx-tnode__caret--leaf{visibility:hidden}.vx-tnode__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vx-tnode__meta{flex:0 0 auto;font-size:var(--vx-fs-xs);color:var(--vx-text-muted)}.vx-tnode__children{margin-left:14px;border-left:1px solid var(--vx-border);padding-left:4px}.vx-tnode__row--cat{padding:11px 10px;font-weight:600;font-size:var(--vx-fs-md)}.vx-cat-tile{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;color:#fff;box-shadow:var(--vx-shadow-xs)}.vx-tnode__count{flex:0 0 auto;min-width:26px;text-align:center;font-size:var(--vx-fs-xs);font-weight:700;color:var(--vx-text-muted);background:var(--vx-surface-3);border-radius:var(--vx-r-pill);padding:3px 9px}.vx-gen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--vx-4);flex-wrap:wrap;margin-bottom:var(--vx-5)}.vx-gen-head__info{min-width:220px;flex:1 1 260px}.vx-gen-title{margin:4px 0 2px;font-size:var(--vx-fs-2xl);font-weight:800;letter-spacing:-.3px;line-height:1.1;outline:none}.vx-gen-sub{font-size:var(--vx-fs-base);color:var(--vx-text-secondary)}.vx-gen-head__actions{display:flex;align-items:center;gap:var(--vx-2);flex-wrap:wrap;padding-top:4px}.vx-eyebrow{font-size:var(--vx-fs-xs);text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--vx-text-muted);margin:var(--vx-2) 0 var(--vx-3)}.vx-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--vx-fs-sm);color:var(--vx-text-muted)}.vx-breadcrumb b{color:var(--vx-text)}.vx-breadcrumb .sep{opacity:.5}.vx-result__instruccion{font-size:var(--vx-fs-lg);font-weight:600;color:var(--vx-text);margin:0 0 var(--vx-4)}.vx-stage{border:1px solid var(--vx-border);border-radius:var(--vx-r);background:linear-gradient(var(--vx-surface),var(--vx-surface)) padding-box,repeating-conic-gradient(#f4f5fa 0% 25%,#fff 0% 50%) 0 / 22px 22px;display:grid;place-items:center;padding:var(--vx-6);min-height:340px;overflow:auto}.vx-stage svg,.vx-stage img{max-width:100%;height:auto}.vx-empty{text-align:center;color:var(--vx-text-muted);padding:var(--vx-8) var(--vx-4);display:flex;flex-direction:column;align-items:center;gap:var(--vx-3)}.vx-empty__icon{width:56px;height:56px;border-radius:14px;background:var(--vx-surface-3);display:grid;place-items:center;color:var(--vx-text-muted)}.vx-meta{font-size:var(--vx-fs-xs);color:var(--vx-text-muted)}.vx-solution{margin-top:var(--vx-5);border:1px solid var(--vx-success-border);background:var(--vx-success-bg);border-radius:var(--vx-r);padding:var(--vx-5)}.vx-solution__head{display:flex;align-items:center;gap:var(--vx-3);margin-bottom:var(--vx-3)}.vx-letter{width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:var(--vx-accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:var(--vx-fs-lg);text-transform:uppercase}.vx-options{display:flex;flex-wrap:wrap;gap:var(--vx-2);margin-top:var(--vx-3)}.vx-opt{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--vx-border);background:var(--vx-surface);border-radius:var(--vx-r-pill);padding:5px 12px 5px 6px;font-size:var(--vx-fs-sm);font-weight:600;color:var(--vx-text-secondary)}.vx-opt__letter{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--vx-surface-3);color:var(--vx-text-secondary);font-weight:700;text-transform:uppercase}.vx-opt--correct{border-color:var(--vx-accent);background:#eafaf2;color:var(--vx-accent-600)}.vx-opt--correct .vx-opt__letter{background:var(--vx-accent);color:#fff}.vx-explica{margin-top:var(--vx-3);font-size:var(--vx-fs-base);color:var(--vx-text)}.vx-explica li{margin:4px 0}.vx-group{display:grid;grid-template-columns:72px 1fr auto;gap:var(--vx-2) var(--vx-3);align-items:end;padding:var(--vx-3);border:1px solid var(--vx-border);border-radius:var(--vx-r-sm);margin-bottom:var(--vx-2);background:var(--vx-surface-2)}.vx-group__sub{grid-column:1 / -1}.vx-group__remove{border:1px solid var(--vx-border);background:var(--vx-surface);color:var(--vx-error);border-radius:var(--vx-r-sm);width:38px;height:38px;font-size:18px;cursor:pointer;line-height:1}.vx-group__remove:hover{border-color:var(--vx-error);background:var(--vx-error-bg)}.vx-summary{display:flex;align-items:center;gap:var(--vx-2);font-size:var(--vx-fs-sm);color:var(--vx-text-secondary);margin:var(--vx-3) 0}.vx-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:vx-spin .7s linear infinite;display:inline-block}.vx-spinner--dark{border-color:#5b6ef040;border-top-color:var(--vx-primary)}@keyframes vx-spin{to{transform:rotate(360deg)}}.vx-loading{display:flex;align-items:center;justify-content:center;gap:var(--vx-3);color:var(--vx-text-secondary);font-size:var(--vx-fs-base);padding:var(--vx-6) 0;flex-direction:column;text-align:center}.vx-loading__bar{width:180px;height:4px;border-radius:999px;background:var(--vx-surface-3);overflow:hidden}.vx-loading__bar:after{content:"";display:block;width:40%;height:100%;background:var(--vx-gradient);border-radius:999px;animation:vx-indeterminate 1.2s ease-in-out infinite}@keyframes vx-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.vx-notice{border-radius:var(--vx-r-sm);padding:11px 14px;font-size:var(--vx-fs-sm);border:1px solid transparent;margin:var(--vx-2) 0;display:flex;gap:8px}.vx-notice--info{background:var(--vx-info-bg);border-color:var(--vx-info-border);color:var(--vx-info)}.vx-notice--warn{background:var(--vx-warn-bg);border-color:var(--vx-warn-border);color:var(--vx-warn)}.vx-notice--error{background:var(--vx-error-bg);border-color:var(--vx-error-border);color:var(--vx-error)}.vx-notice--success{background:var(--vx-success-bg);border-color:var(--vx-success-border);color:var(--vx-success)}.vx-toasts{position:fixed;bottom:var(--vx-5);right:var(--vx-5);display:flex;flex-direction:column;gap:var(--vx-2);z-index:80}.vx-toast{background:var(--vx-text);color:#fff;padding:11px 16px;border-radius:var(--vx-r-sm);box-shadow:var(--vx-shadow-lg);font-size:var(--vx-fs-sm);font-weight:500;animation:vx-toast-in .18s ease;max-width:360px}.vx-toast--success{background:#14532d}.vx-toast--error{background:#7f1d1d}@keyframes vx-toast-in{0%{opacity:0;transform:translateY(8px)}}.vx-stage--zoom{cursor:zoom-in}.vx-lightbox{position:fixed;inset:0;background:#1a1f36b8;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:95;padding:var(--vx-6)}.vx-lightbox__inner{background:#fff;border-radius:var(--vx-r);padding:var(--vx-6);max-width:min(92vw,900px);max-height:90vh;overflow:auto;box-shadow:var(--vx-shadow-lg)}.vx-lightbox__inner svg{width:100%;height:auto}.vx-lightbox__close{position:fixed;top:var(--vx-5);right:var(--vx-5);width:42px;height:42px;border-radius:50%;border:none;background:#ffffffe6;color:var(--vx-text);font-size:22px;cursor:pointer;box-shadow:var(--vx-shadow)}.vx-login-screen{height:100%;display:grid;place-items:center;background:var(--vx-gradient);padding:var(--vx-5)}.vx-login-overlay{position:fixed;inset:0;background:#1a1f368c;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:90;padding:var(--vx-5)}.vx-login-card{background:var(--vx-surface);border-radius:var(--vx-r-lg);box-shadow:var(--vx-shadow-lg);padding:var(--vx-8);width:100%;max-width:410px;text-align:center}.vx-login-card .vx-logo{width:56px;height:56px;flex-basis:56px;font-size:26px;border-radius:16px;margin:0 auto var(--vx-4)}.vx-login-card h1{font-size:var(--vx-fs-xl);margin:0 0 6px}.vx-login-card p{color:var(--vx-text-secondary);font-size:var(--vx-fs-base);margin:0 0 var(--vx-6)}.vx-login-card .vx-field{text-align:left}.vx-stack>*+*{margin-top:var(--vx-4)}.vx-row{display:flex;align-items:center;gap:var(--vx-3)}.vx-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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}