:root{--hunter-blue:#004f9f;--hunter-blue-dark:#003870;--hunter-blue-soft:#e6eef7;--hunter-blue-50:#f3f7fc;--hunter-yellow:#fecd20;--hunter-yellow-soft:#fff4d1;--hunter-yellow-dark:#b89000;--hunter-white:#fff;--bg:#f4f6fa;--bg-alt:#eaeef5;--surface:#fff;--ink:#1a1f2c;--ink-soft:#4a5265;--ink-mute:#8891a3;--line:#dde3ed;--line-soft:#eef1f7;--primary:var(--hunter-blue);--primary-soft:var(--hunter-blue-soft);--primary-dark:var(--hunter-blue-dark);--primary-ink:#002950;--accent:var(--hunter-yellow);--accent-soft:var(--hunter-yellow-soft);--accent-dark:var(--hunter-yellow-dark);--success:#1f7a4c;--success-soft:#def1e6;--warning:#b87908;--warning-soft:#fbedd4;--danger:#b23a3a;--danger-soft:#f7e3e3;--radius:6px;--radius-lg:10px;--shadow:0 1px 2px #004f9f0a, 0 4px 12px #004f9f0f;--shadow-lg:0 4px 12px #004f9f14, 0 16px 40px #004f9f1a;--font-sans:"Poppins", "Gotham", system-ui, sans-serif;--font-display:"Poppins", "Gotham", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.55}.doc-header{border-bottom:1px solid var(--line);max-width:1180px;margin:0 auto;padding:64px 32px 40px}.doc-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hunter-blue);align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:600;display:flex}.doc-kicker:before{content:"";background:var(--hunter-yellow);border-radius:2px;width:32px;height:3px}.doc-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin-bottom:24px;font-size:clamp(38px,5.5vw,60px);font-weight:600;line-height:1.05}.doc-title em{color:var(--primary);font-style:normal;font-weight:500}.doc-subtitle{color:var(--ink-soft);max-width:720px;font-size:17px;line-height:1.6}.doc-meta{font-family:var(--font-mono);color:var(--ink-mute);flex-wrap:wrap;gap:32px;margin-top:36px;font-size:12px;display:flex}.doc-meta span{gap:8px;display:flex}.doc-meta span strong{color:var(--ink);font-weight:500}.nav-wireframes{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f7f5f0e0;position:sticky;top:0}.nav-inner{scrollbar-width:none;gap:4px;max-width:1180px;margin:0 auto;padding:14px 32px;display:flex;overflow-x:auto}.nav-inner::-webkit-scrollbar{display:none}.nav-chip{font-family:var(--font-mono);color:var(--ink-mute);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:100px;padding:7px 12px;font-size:11px;text-decoration:none;transition:all .15s}.nav-chip:hover{color:var(--ink);background:var(--line-soft)}.nav-chip.active{color:var(--hunter-white);background:var(--hunter-blue);font-weight:600}.wf-section{border-bottom:1px solid var(--line);max-width:1180px;margin:0 auto;padding:72px 32px}.wf-header{border-bottom:1px dashed var(--line);grid-template-columns:120px 1fr auto;align-items:baseline;gap:24px;margin-bottom:40px;padding-bottom:20px;display:grid}.wf-number{font-family:var(--font-mono);color:var(--hunter-blue);letter-spacing:.08em;font-size:13px;font-weight:600}.wf-title h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;font-size:34px;font-weight:600;line-height:1.15}.wf-title p{color:var(--ink-soft);margin-top:8px;font-size:15px}.wf-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--bg);border-radius:4px;padding:6px 10px;font-size:11px}.wf-role.docente{background:var(--hunter-blue)}.wf-role.coordinador{background:var(--success)}.wf-role.admin{background:var(--hunter-yellow);color:var(--hunter-blue-dark)}.wf-role.publico{background:var(--ink-soft)}.browser{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--line);overflow:hidden}.browser-bar{background:var(--bg-alt);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots span{background:#d4cfc3;border-radius:50%;width:11px;height:11px}.browser-url{background:var(--surface);font-family:var(--font-mono);color:var(--ink-mute);border:1px solid var(--line);border-radius:4px;flex:1;padding:4px 12px;font-size:11px}.browser-url span{color:var(--ink)}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{background:var(--primary);color:#fff;flex-direction:column;justify-content:space-between;padding:56px 48px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background:radial-gradient(circle,#fecd202e,#0000 70%);width:420px;height:420px;position:absolute;top:-20%;right:-10%}.login-brand:after{content:"";background:radial-gradient(circle,#ffffff0d,#0000 70%);width:520px;height:520px;position:absolute;bottom:-30%;left:-25%}.login-logo{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-logo-mark{background:var(--hunter-yellow);min-width:52px;height:40px;color:var(--hunter-blue);font-family:var(--font-display);letter-spacing:.05em;border-radius:6px;place-items:center;padding:0 10px;font-size:15px;font-weight:800;display:grid}.login-logo-text{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:11px}.login-quote{z-index:1;position:relative}.login-quote h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;font-size:40px;font-weight:600;line-height:1.15}.login-quote h1 em{color:var(--hunter-yellow);font-style:normal;font-weight:700}.login-quote p{opacity:.7;max-width:540px;font-size:14px;line-height:1.6}.login-foot{z-index:1;font-family:var(--font-mono);letter-spacing:.1em;opacity:.5;text-transform:uppercase;font-size:10px;position:relative}.login-form{flex-direction:column;justify-content:center;padding:56px 64px;display:flex}.login-form h2{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:6px;font-size:28px;font-weight:600}.login-form>p{color:var(--ink-mute);margin-bottom:36px;font-size:14px}.form-field{margin-bottom:20px}.form-field label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px;font-size:10px;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;font-size:14px;font-family:var(--font-sans);color:var(--ink);padding:12px 14px;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);outline:none}.form-field .hint{color:var(--ink-mute);margin-top:4px;font-size:12px}.btn{border-radius:var(--radius);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--hunter-blue);color:var(--hunter-white);justify-content:center;width:100%;padding:14px}.btn-primary:hover{background:var(--hunter-blue-dark)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{border-color:var(--ink-soft)}.btn-ghost{color:var(--ink-soft);background:0 0}.btn-ghost:hover{background:var(--line-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.login-help{text-align:center;color:var(--ink-mute);margin-top:24px;font-size:12px}.login-help a{color:var(--primary);border-bottom:1px solid #0000;text-decoration:none}.login-help a:hover{border-color:var(--primary)}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-alt);border-right:1px solid var(--line);box-sizing:border-box;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sb-brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:20px;padding:8px 10px 24px;display:flex}.sb-brand-mark{background:var(--hunter-yellow);min-width:38px;height:26px;color:var(--hunter-blue);font-family:var(--font-display);letter-spacing:.04em;border-radius:4px;place-items:center;padding:0 7px;font-size:11px;font-weight:800;display:grid}.sb-brand-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:9px;line-height:1.25}.sb-brand-text strong{color:var(--primary);margin-bottom:1px;font-size:11px;display:block}.sb-section{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);padding:14px 10px 6px;font-size:10px}.sb-item{border-radius:var(--radius);color:var(--ink-soft);cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13px;transition:background .1s;display:flex}.sb-item:hover{background:var(--line-soft)}.sb-item.active{background:var(--hunter-blue);color:var(--hunter-white)}.sb-item.active .sb-icon{color:var(--hunter-white);opacity:1}.sb-icon{opacity:.7;flex-shrink:0;width:14px;height:14px}.sb-badge{background:var(--danger);color:#fff;font-size:10px;font-family:var(--font-mono);border-radius:8px;margin-left:auto;padding:1px 6px}.sb-user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px 10px;display:flex}.sb-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.sb-user-info{font-size:12px;line-height:1.2;overflow:hidden}.sb-user-info strong{color:var(--ink);display:block}.sb-user-info span{color:var(--ink-mute);font-family:var(--font-mono);font-size:10px}.main{background:var(--surface);flex-direction:column;padding:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 32px;display:flex}.topbar-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:20px;font-weight:600}.topbar-title small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);margin-bottom:2px;font-size:10px;display:block}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-search{width:260px;position:relative}.topbar-search input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px}.topbar-search:before{content:"⌕";color:var(--ink-mute);font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.content{flex:1;padding:32px;overflow-y:auto}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:20px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--kpi-color,var(--primary));border-radius:0 2px 2px 0;width:3px;height:32px;position:absolute;top:0;left:0}.kpi-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:10px}.kpi-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:6px;font-size:38px;font-weight:700;line-height:1}.kpi-trend{color:var(--ink-mute);font-size:12px}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.section-title{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:12px;display:flex}.section-title h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-weight:600}.section-title small{font-family:var(--font-mono);color:var(--ink-mute);font-size:11px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th{background:var(--bg-alt);text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:12px 16px;font-size:10px;font-weight:500}table.data td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:14px 16px}table.data tr:last-child td{border-bottom:none}table.data tr:hover td{background:var(--line-soft)}.cell-name{font-weight:500}.cell-meta{color:var(--ink-mute);font-size:11px;font-family:var(--font-mono)}.tag{font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;border-radius:100px;align-items:center;padding:2px 8px;display:inline-flex}.tag-green{background:var(--success-soft);color:var(--success)}.tag-amber{background:var(--warning-soft);color:var(--warning)}.tag-red{background:var(--danger-soft);color:var(--danger)}.tag-blue{background:var(--primary-soft);color:var(--primary)}.tag-gray{background:var(--line-soft);color:var(--ink-soft)}.dot-status{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-status.green{background:var(--success)}.dot-status.amber{background:var(--warning)}.dot-status.red{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%238B8F99' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--ink);appearance:none;cursor:pointer;padding:8px 28px 8px 12px;font-family:inherit;font-size:13px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:20px}.card-title{margin-bottom:4px;font-size:14px;font-weight:500}.card-sub{color:var(--ink-mute);font-size:12px;font-family:var(--font-mono);margin-bottom:14px}.alert-card{border-radius:var(--radius-lg);border-left:3px solid var(--danger);background:var(--danger-soft);align-items:flex-start;gap:14px;margin-bottom:24px;padding:18px 20px;display:flex}.alert-card-body{flex:1}.alert-card h4{color:var(--danger);margin-bottom:4px;font-size:14px}.alert-card p{color:var(--ink-soft);font-size:13px}.alert-icon{width:32px;height:32px;color:var(--danger);font-family:var(--font-display);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.tl-item{padding-bottom:20px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{background:var(--surface);border:2px solid var(--primary);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-28px}.tl-dot.red{border-color:var(--danger)}.tl-dot.green{border-color:var(--success)}.tl-date{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:2px;font-size:10px}.tl-title{margin-bottom:2px;font-weight:500}.tl-desc{color:var(--ink-soft);font-size:12px}.pdf-preview{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:4px;max-width:620px;margin:0 auto;padding:40px 48px;position:relative}.pdf-preview:before{content:"VISTA PREVIA";font-family:var(--font-mono);letter-spacing:.15em;color:var(--ink-mute);background:var(--bg-alt);border-radius:3px;padding:3px 8px;font-size:9px;position:absolute;top:14px;right:14px}.pdf-head{border-bottom:2px solid var(--primary);align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.pdf-logo{background:var(--hunter-yellow);min-width:62px;height:48px;color:var(--hunter-blue);font-family:var(--font-display);letter-spacing:.05em;border-radius:6px;place-items:center;padding:0 12px;font-size:18px;font-weight:800;display:grid}.pdf-title{font-family:var(--font-display);color:var(--primary);margin-bottom:2px;font-size:18px;font-weight:600}.pdf-sub{color:var(--ink-soft);font-size:11px;line-height:1.4}.pdf-kv{grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:20px;font-size:11px;display:grid}.pdf-kv span{color:var(--ink-mute);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:9px;display:block}.pdf-kv strong{font-weight:500}.pdf-section-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--primary);border-bottom:1px solid var(--line);margin:20px 0 10px;padding-bottom:4px}table.pdf-table{border-collapse:collapse;width:100%;font-size:10px}table.pdf-table th{background:var(--primary-soft);text-align:left;font-family:var(--font-mono);text-transform:uppercase;color:var(--primary);letter-spacing:.05em;padding:6px 8px;font-size:9px}table.pdf-table td{border-bottom:1px solid var(--line-soft);padding:6px 8px}.pdf-signatures{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:48px;display:grid}.pdf-sig{text-align:center;border-top:1px solid var(--ink);font-size:10px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);padding-top:30px}.wf-notes{background:var(--bg-alt);border-radius:var(--radius-lg);border:1px solid var(--line);margin-top:32px;padding:20px 24px}.wf-notes h4{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hunter-blue);border-left:3px solid var(--hunter-yellow);margin-bottom:10px;padding-left:12px;font-size:10px;font-weight:600}.wf-notes ul{padding:0;list-style:none}.wf-notes li{color:var(--ink-soft);padding:5px 0 5px 18px;font-size:13px;line-height:1.5;position:relative}.wf-notes li:before{content:"→";color:var(--ink-mute);position:absolute;left:0}.wf-notes strong{color:var(--ink);font-weight:500}.doc-footer{text-align:center;max-width:1180px;color:var(--ink-mute);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 auto;padding:64px 32px 80px;font-size:11px}.doc-footer strong{color:var(--ink);letter-spacing:.1em;margin-bottom:8px;font-size:13px;display:block}.ic{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.modal-backdrop{background:#1a1d2373;place-items:center;min-height:500px;padding:40px 20px;display:grid}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-head h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:600}.modal-body{padding:24px}.modal-foot{border-top:1px solid var(--line);background:var(--bg-alt);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}@media (width<=880px){.login-page,.shell,.kpi-row{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);height:auto;position:static;overflow-y:visible}.kpi-row{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.content{padding:20px}.wf-header{grid-template-columns:1fr}}@media print{.nav-wireframes{display:none}}