@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
:root{--navy-950:#060f16;--navy-900:#0c212d;--navy-800:#112c3e;--navy-700:#173548;--navy-600:#1e4157;--orange:#ee7203;--red:#ff3816;--ink:#f0ede8;--muted:#7a9aac;--faint:#2e4a5a;--glass:#112c3e8c;--glass-border:#ee720326;--glow-orange:0 0 40px #ee72032e;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:36px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--navy-950);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,sans-serif;font-size:15px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 85% 10%,#ee720317,#0000 60%),radial-gradient(60% 40% at 10% 90%,#ff381612,#0000 60%),radial-gradient(80% 60%,#112c3e99,#0000 80%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.text-input{border:1px solid var(--faint);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#0c212dcc;padding:12px 16px;font-size:.95rem}.text-input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #ee720326}.page{z-index:1;gap:28px;max-width:1480px;margin:0 auto;padding:32px 36px 60px;display:grid;position:relative}.hero{background:linear-gradient(135deg, var(--navy-800) 0%, var(--navy-900) 60%, #0a1c27 100%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glow-orange), inset 0 1px 0 #ee72031f;padding:28px 34px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ee720324 0%,#0000 65%);width:340px;height:340px;position:absolute;top:-60px;right:-60px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff381617 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-40px;left:25%}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--orange);background:#ee72031f;border:1px solid #ee720340;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.hero-eyebrow-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero h1{letter-spacing:0;background:linear-gradient(120deg, #f0ede8 30%, var(--orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2rem;font-weight:800;line-height:1.1}.hero p{color:var(--muted);max-width:760px;font-size:.9rem}.hero-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;display:flex}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.renderer-badge,.queue-pill{border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.renderer-badge{border:1px solid var(--faint);color:var(--muted);background:#0c212db3}.renderer-badge-icon{background:#2d9e68;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #2d9e6899}.queue-pill{color:var(--orange);letter-spacing:.05em;background:#ee72031a;border:1px solid #ee720338}.user-pill{border:1px solid var(--faint);color:var(--ink);background:#0c212db3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.engine-status-pill{border:1px solid var(--faint);max-width:520px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:#0c212db3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex;overflow:hidden}.section-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.section-tab{text-align:left;border:1px solid var(--faint);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;background:#0c212db3;gap:3px;padding:16px 18px;transition:border-color .2s,background .2s,transform .15s;display:grid}.section-tab:hover{border-color:#ee720359;transform:translateY(-1px)}.section-tab.active{background:linear-gradient(135deg,#ee72032e,#0c212dd1);border-color:#ee72038c;box-shadow:0 16px 36px #0000002e}.section-tab span{font-size:1rem;font-weight:800}.section-tab small{color:var(--muted);font-size:.78rem}.section-heading,.step-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.help-button{width:34px;height:34px;color:var(--orange);cursor:pointer;background:#ee72031a;border:1px solid #ee72034d;border-radius:50%;place-items:center;font-size:1rem;font-weight:900;line-height:1;transition:background .2s,border-color .2s,transform .15s;display:inline-grid;box-shadow:inset 0 1px #ffffff0f}.help-button:hover{background:#ee72032e;border-color:#ee720399;transform:translateY(-1px)}.section-heading h2,.step-heading h2{margin-bottom:4px}.section-title,.step-title{color:var(--ink);font-size:1rem;font-weight:700;line-height:1.25}.corporate-command,.school-command{gap:18px;display:grid}.school-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.corporate-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.summary-tile{border:1px solid var(--faint);background:#0c212d8c;border-radius:8px;min-width:0;padding:12px 14px}.summary-tile span,.workflow-tab span,.step-index{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.summary-tile strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:1.05rem;font-weight:800;display:block;overflow:hidden}.summary-tile small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.76rem;display:block;overflow:hidden}.workflow-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.workflow-tab{border:1px solid var(--faint);min-height:62px;color:var(--ink);text-align:left;cursor:pointer;background:#0c212dad;border-radius:8px;gap:2px;padding:12px 14px;transition:border-color .2s,background .2s,transform .15s;display:grid}.workflow-tab:hover,.workflow-tab.active{border-color:#ee720380;transform:translateY(-1px)}.workflow-tab.active{background:linear-gradient(135deg,#ee720326,#0c212dd1)}.workflow-tab strong{font-size:.95rem;line-height:1.2}.workflow-tab small{display:none}.workflow-tab:nth-child(2) .choice-kicker,.workflow-tab:nth-child(3) .choice-kicker{background:0 0;border-radius:0;padding:0;font-size:0}.workflow-tab:nth-child(2) .choice-kicker:after,.workflow-tab:nth-child(3) .choice-kicker:after{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.workflow-tab:nth-child(2) .choice-kicker:after{content:"Paso 3"}.workflow-tab:nth-child(3) .choice-kicker:after{content:"Consulta"}.workflow-panel{border-radius:8px}.step-heading{justify-content:flex-start;align-items:center}.step-index{color:var(--orange);background:#ee72031a;border:1px solid #ee720347;border-radius:8px;flex:none;padding:8px 10px}.compact-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-card{border-radius:8px;padding:14px}.compact-card .template-sub{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.stamp-card{border-color:#ee720338}.school-job-panel .job-zone-grid{align-items:start}.school-job-progress{background:#ee72030d;border:1px solid #ee720329;border-radius:8px;gap:8px;padding:12px;display:grid}.generation-panel>h2{display:none}.tour-layer{z-index:120;pointer-events:none;position:fixed;inset:0}.tour-click-shield{z-index:120;pointer-events:auto;position:fixed;inset:0}.tour-spotlight{z-index:121;pointer-events:none;border:2px solid #ee7203e0;border-radius:10px;transition:top .24s,left .24s,width .24s,height .24s;position:fixed;box-shadow:0 0 0 9999px #030a0fc2,0 0 28px #ee720357}.tour-card{z-index:122;width:min(380px,100vw - 32px);color:var(--ink);pointer-events:auto;background:linear-gradient(135deg,#112c3efa,#08161ffa);border:1px solid #ee720347;border-radius:8px;padding:18px;position:fixed;box-shadow:0 24px 70px #00000075,inset 0 1px #ffffff0f}.tour-kicker{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.tour-card h3{color:var(--ink);margin:6px 0 8px;font-size:1.12rem;line-height:1.2}.tour-card p{color:var(--muted);font-size:.88rem;line-height:1.5}.tour-progress{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;font-size:.76rem;font-weight:700;display:flex}.tour-dots{align-items:center;gap:5px;min-width:0;display:flex}.tour-dots span{background:#f0ede847;border-radius:50%;width:6px;height:6px}.tour-dots span.active{background:var(--orange);border-radius:999px;width:18px}.tour-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.tour-actions-right{align-items:center;gap:8px;display:flex}.school-intro{border:1px solid var(--faint);border-radius:var(--radius-md);background:#0c212d8c;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;display:flex}.school-intro p{max-width:760px;margin-top:6px}.disabled-dropzone{opacity:.78}.choice-grid,.job-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.corporate-choice-grid,.job-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{text-align:left;border:1px solid var(--faint);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;background:linear-gradient(135deg,#0c212dd6,#112c3ea3),radial-gradient(circle at 90% 20%,#ee72031f,#0000 35%);gap:8px;padding:20px;transition:border-color .2s,transform .15s,box-shadow .2s;display:grid}.choice-card:hover,.choice-card.active{border-color:#ee72037a;transform:translateY(-1px);box-shadow:0 18px 42px #00000038}.choice-card.active{background:linear-gradient(135deg,#ee720329,#0c212dd1),radial-gradient(circle at 90% 20%,#ff38161f,#0000 35%)}.choice-card strong{font-size:1.05rem;line-height:1.2}.choice-card small{color:var(--muted);font-size:.82rem}.choice-kicker{width:fit-content;color:var(--orange);letter-spacing:.08em;text-transform:uppercase;background:#ee72031f;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:800}.batch-card{background:linear-gradient(135deg,#112c3ead,#0c212dbd),repeating-linear-gradient(135deg,#0000 0 10px,#ee720308 10px 11px)}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-full{grid-column:1/-1}.panel{background:var(--glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid #ffffff0f;border-top-color:#ffffff1a;padding:26px 28px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.panel:hover{border-color:#ee720333;box-shadow:0 0 0 1px #ee72030f,0 20px 50px #0000004d}.panel-accent-line{background:linear-gradient(90deg, var(--orange), var(--red));opacity:0;border-radius:0 0 4px 4px;height:2px;transition:opacity .3s;position:absolute;top:0;left:28px;right:28px}.panel:hover .panel-accent-line{opacity:1}.panel h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:.72rem;font-weight:700;display:flex}.panel h2:before{content:"";background:linear-gradient(180deg, var(--orange), var(--red));border-radius:2px;width:3px;height:14px;display:block}.stack{gap:12px;display:grid}.status-card,.template-card,.job-current,.queue-item{border:1px solid var(--faint);border-radius:var(--radius-md);background:#0c212d8c}.status-card{align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.status-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.status-icon.idle{background:#7a9aac1f}.status-icon.processing{background:#ee72031f}.status-content{flex:1}.status-title,.metric-label,.job-stat-label,.dataset-stat-key{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.status-message{color:var(--ink);font-size:.9rem;font-weight:500}.template-card{gap:12px;padding:16px;display:grid}.template-card-top,.job-header,.queue-item-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-title,.job-name,.queue-item-name{color:var(--ink);font-size:.92rem;font-weight:600}.queue-item-name{align-items:center;gap:8px;display:flex}.template-sub,.queue-item-sub,.small{color:var(--muted);font-size:.8rem}.status-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:center;padding:4px 12px;font-size:.72rem;font-weight:700}.badge-idle{color:var(--muted);background:#7a9aac1f}.badge-processing{color:var(--orange);background:#ee720326}.badge-completed{color:#2d9e68;background:#2d9e6826}.badge-failed{color:var(--red);background:#ff381626}.info-list{gap:8px;display:grid}.info-row{color:var(--muted);justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.info-row strong{color:var(--ink);text-align:right;font-weight:500}.dataset-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dataset-stat{border:1px solid var(--faint);border-radius:var(--radius-sm);text-align:center;background:#0c212d99;padding:12px 14px}.dataset-stat-val{letter-spacing:-.03em;color:var(--orange);font-size:1.5rem;font-weight:800}.job-current{gap:14px;padding:18px 20px;display:grid}.loading-state{border-radius:var(--radius-md);background:#ee72030f;border:1px solid #ee72032e;align-items:center;gap:14px;padding:16px;display:flex}.loading-orb{border:3px solid #ee72032e;border-top-color:var(--orange);border-radius:50%;flex-shrink:0;width:38px;height:38px;animation:.9s linear infinite loading-spin;box-shadow:0 0 18px #ee720347}@keyframes loading-spin{to{transform:rotate(360deg)}}.progress-bar-wrap{background:#ffffff0f;border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--orange), var(--red));border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ee720380}.progress-caption{text-align:right;margin-top:6px}.job-stats,.queue-actions,.queue-item-meta{flex-wrap:wrap;gap:16px;display:flex}.job-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.job-stat{flex-direction:column;gap:1px;display:flex}.job-stat-value{font-size:1.1rem;font-weight:700}.job-stat-value.orange{color:var(--orange)}.job-stat-value.red{color:var(--red)}.job-stat-value.green{color:#2d9e68}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dropzone{border-radius:var(--radius-md);background:#ee720308;border:1.5px dashed #ee72034d;padding:28px 24px;transition:border-color .25s,background .25s}.dropzone:hover{background:#ee720312;border-color:#ee720399}.dropzone-icon{border-radius:var(--radius-sm);width:60px;height:48px;color:var(--orange);text-transform:uppercase;background:#ee72031a;border:1px solid #ee720333;justify-content:center;align-items:center;margin-bottom:14px;font-size:.86rem;font-weight:700;display:flex}.dropzone-label{color:var(--ink);margin-bottom:4px;font-size:.95rem;font-weight:600}.dropzone-sub{color:var(--muted);margin-bottom:16px;font-size:.8rem}.field{gap:6px;display:grid}.field input[type=file]{border:1px solid var(--faint);border-radius:var(--radius-sm);width:100%;color:var(--muted);cursor:pointer;background:#0c212dcc;padding:12px 16px;font-size:.85rem;transition:border-color .2s}.field input[type=file]:hover{border-color:var(--orange);color:var(--ink)}.field input[type=file]:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #ee720326}.field input[type=file]:disabled{opacity:.45;cursor:not-allowed}.blocker-item{border-radius:var(--radius-sm);color:#ff8a76;background:#ff381612;border:1px solid #ff381633;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex}.blocker-item:before{content:"!";flex-shrink:0;font-size:1rem}.queue-item{gap:10px;padding:16px 18px;transition:border-color .2s;display:grid}.queue-item:hover{border-color:#ee720340}.queue-item-meta{color:var(--muted);font-size:.78rem}.queue-item-stat{align-items:center;gap:5px;display:flex}.queue-item-stat strong{color:var(--ink);font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-completed{background:#2d9e68;box-shadow:0 0 6px #2d9e6880}.dot-failed{background:var(--red);box-shadow:0 0 6px #ff381680}.dot-running{background:var(--orange);box-shadow:0 0 6px #ee720380}.dot-queued{background:#f0c040;box-shadow:0 0 6px #f0c04080}.button{cursor:pointer;letter-spacing:.02em;border:none;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s}.button:hover{opacity:.88;transform:translateY(-1px)}.button.subtle{border:1px solid var(--faint);color:var(--ink);background:#0c212dd9}.button.primary{background:linear-gradient(135deg, #c75f04, var(--orange));color:#fff;box-shadow:0 4px 14px #ee720340}.button.danger{background:linear-gradient(135deg, #a52a1c, var(--red));color:#fff;box-shadow:0 4px 14px #ff381640}.button.subtle:hover{border-color:#ee720359;box-shadow:0 6px 20px #0000002e}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 20px;font-size:.85rem;display:flex}.empty-state-icon{opacity:.5;color:var(--orange);font-size:1.3rem}.auth-page{align-content:center;max-width:1120px;min-height:100vh}.auth-shell{grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:stretch;gap:22px;display:grid}.auth-intro,.auth-panel{min-height:460px}.auth-intro{border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glow-orange), inset 0 1px 0 #ee72031f;background:linear-gradient(135deg,#112c3eeb,#0c212df0),radial-gradient(circle at 88% 18%,#ee720329,#0000 34%);padding:42px;position:relative;overflow:hidden}.auth-intro:after{content:"";background:linear-gradient(90deg,#ee7203a6,#0000);height:1px;position:absolute;bottom:34px;left:42px;right:42px}.auth-logo{object-fit:contain;width:min(260px,68%);height:auto;margin-bottom:28px;display:block}.auth-eyebrow{margin-bottom:22px}.auth-intro h1{max-width:560px;color:var(--ink);letter-spacing:0;font-size:2.45rem;font-weight:800;line-height:1.08}.auth-intro p{max-width:540px;color:var(--muted);margin-top:16px;font-size:.96rem}.auth-focus-list{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.auth-focus-list span{color:var(--ink);background:#ee720314;border:1px solid #ee72033d;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700}.auth-panel{border-radius:var(--radius-lg);align-content:center;gap:18px;width:100%;padding:34px;display:grid}.auth-panel-heading{gap:6px;display:grid}.auth-panel-heading h2{margin-bottom:0}.auth-panel-heading strong{color:var(--ink);font-size:1.25rem;line-height:1.2;display:block}.auth-panel-heading span{color:var(--muted);margin-top:4px;font-size:.86rem;display:block}.auth-form{gap:15px;display:grid}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.auth-error-message{color:var(--ink);background:#ff381612;border:1px solid #ff381647;border-radius:8px;padding:12px 14px;font-size:.84rem;line-height:1.45}.auth-submit{width:100%;margin-top:4px;padding:12px 18px;font-size:.9rem}@media (max-width:1100px){.grid{grid-template-columns:1fr}.grid-full{grid-column:1}.auth-shell{grid-template-columns:1fr}.auth-intro,.auth-panel{min-height:auto}.dataset-row{grid-template-columns:repeat(3,1fr)}.template-grid,.corporate-summary-grid,.school-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.corporate-choice-grid,.job-zone-grid{grid-template-columns:1fr}}@media (max-width:640px){.page{padding:16px}.hero{padding:28px 24px}.hero h1{font-size:1.8rem}.auth-intro,.auth-panel{padding:24px}.auth-logo{width:min(220px,76%);margin-bottom:22px}.auth-intro h1{font-size:1.9rem}.auth-focus-list{margin-top:20px}.panel{padding:20px}.section-switch{grid-template-columns:1fr}.section-heading,.step-heading{flex-direction:column;align-items:stretch}.section-heading-actions{justify-content:space-between}.tour-card{width:auto;right:16px;left:16px!important}.tour-actions,.tour-actions-right{align-items:stretch}.tour-actions{flex-direction:column}.tour-actions-right{grid-template-columns:1fr 1fr;width:100%;display:grid}.corporate-summary-grid,.school-summary-grid,.workflow-nav,.choice-grid,.dataset-row,.template-grid{grid-template-columns:1fr}.school-intro,.template-card-top,.job-header,.queue-item-top{flex-direction:column}.queue-actions{width:100%}}
