:root{--surface-1:#fcfcfb;--plane:#f4f4f1;--panel:#fff;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--ring:#0b0b0b1a;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--good:#0ca30c;--warn:#fab219;--crit:#d03b3b;--r:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--surface-1:#1a1a19;--plane:#0d0d0d;--panel:#1f1f1e;--ink:#fff;--ink-2:#c3c2b7;--muted:#898781;--grid:#2c2c2a;--axis:#383835;--ring:#ffffff1a;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--plane);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}.muted{color:var(--muted)}.sec{color:var(--ink-2)}.small{font-size:12px}.xs{font-size:11px}.row{align-items:center;gap:10px;display:flex}.spacer{flex:1}.btn{background:var(--panel);border:1px solid var(--ring);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:550;transition:all .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--axis);background:var(--surface-1)}.btn.primary{background:var(--s1);border-color:var(--s1);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ancho{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}label.f{margin-bottom:10px;display:block}label.f>span{color:var(--ink-2);margin-bottom:3px;font-size:12px;font-weight:600;display:block}input[type=text],input[type=password]{background:var(--surface-1);border:1px solid var(--ring);border-radius:8px;outline:none;width:100%;padding:7px 9px}input:focus{border-color:var(--s1);box-shadow:0 0 0 3px color-mix(in srgb,var(--s1) 18%,transparent)}.req:after{content:" *";color:var(--crit);font-weight:700}.aviso{border:1px solid var(--ring);background:var(--surface-1);border-radius:8px;margin-bottom:12px;padding:9px 11px;font-size:13px}.aviso.error{border-color:color-mix(in srgb,var(--crit) 40%,transparent);background:color-mix(in srgb,var(--crit) 8%,transparent);color:var(--crit)}.login{background:radial-gradient(900px 500px at 15% -10%, color-mix(in srgb,var(--s1) 14%,transparent), transparent), radial-gradient(700px 400px at 100% 0%, color-mix(in srgb,var(--s3) 12%,transparent), transparent), var(--plane);place-items:center;min-height:100vh;padding:20px;display:grid}.loginbox{background:var(--panel);border:1px solid var(--ring);border-radius:16px;width:100%;max-width:460px;padding:22px;box-shadow:0 20px 50px #0000001a}.loginbox h1{margin-bottom:2px}.loginbox .marca{color:var(--ink-2);margin:0 0 18px;font-size:13px}.caparazon{grid-template-columns:216px 1fr;min-height:100vh;display:grid}#side{background:var(--panel);border-right:1px solid var(--ring);flex-direction:column;gap:3px;padding:14px 10px;display:flex}.brand{align-items:center;gap:9px;padding:4px 8px 14px;display:flex}.brand .logo{background:var(--s1);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.brand-nombre{font-size:14px;font-weight:700}.navitem{color:inherit;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:550;text-decoration:none;display:flex}a.navitem:hover{background:var(--surface-1)}.navitem.router-link-active{background:color-mix(in srgb,var(--s1) 12%,transparent);color:var(--s1);border-color:color-mix(in srgb,var(--s1) 25%,transparent)}.navitem.pronto{opacity:.45;cursor:default}.navitem .ic{text-align:center;width:18px}.navsec{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px 10px 4px;font-size:10.5px;font-weight:700}.sesion{padding:6px 10px}.sesion-nombre{font-size:13px;font-weight:650}#side .salir{align-self:flex-start;margin:6px 10px 0}#main{min-width:0;padding:0 0 40px}.topbar{z-index:30;background:color-mix(in srgb,var(--plane) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ring);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky;top:0}.page{padding:18px}.card{background:var(--panel);border:1px solid var(--ring);border-radius:var(--r);padding:14px}@media (width<=860px){.caparazon{grid-template-columns:1fr}#side{border-right:none;border-bottom:1px solid var(--ring);flex-flow:wrap;align-items:center;gap:6px}#side .navsec,#side .spacer,#side .brand-nombre{display:none}#side .brand{padding:0 6px 0 0}#side .salir{margin:0}}.pill{border:1px solid var(--ring);background:var(--surface-1);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:650;display:inline-flex}.pill.ok{background:color-mix(in srgb,var(--good) 15%,transparent);border-color:color-mix(in srgb,var(--good) 40%,transparent)}.pill.warn{background:color-mix(in srgb,var(--warn) 22%,transparent);border-color:color-mix(in srgb,var(--warn) 50%,transparent)}.pill.info{background:color-mix(in srgb,var(--s1) 13%,transparent);border-color:color-mix(in srgb,var(--s1) 35%,transparent)}.banner{border-radius:var(--r);border:1px solid var(--ring);align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;font-size:13px;display:flex}.banner.open{background:color-mix(in srgb,var(--good) 12%,transparent);border-color:color-mix(in srgb,var(--good) 35%,transparent)}.banner.closed{background:color-mix(in srgb,var(--warn) 15%,transparent);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.stepnum{background:var(--s1);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.wk{border:1px solid var(--ring);border-radius:var(--r);background:var(--panel);overflow:auto}.wk table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}.wk th{background:var(--panel);z-index:2;text-align:center;border-bottom:1px solid var(--grid);color:var(--muted);padding:8px 6px;font-size:11px;font-weight:700;position:sticky;top:0}.wk th.dayh{text-transform:none;color:var(--ink);letter-spacing:0;min-width:136px;font-size:12px}.wk th.dayh .d2{color:var(--muted);font-size:11px;font-weight:600;display:block}.wk td{border-bottom:1px solid var(--grid);border-right:1px solid var(--grid);vertical-align:top;padding:3px}.wk .hh{text-align:right;width:56px;color:var(--muted);background:var(--panel);z-index:1;padding-right:8px;font-size:11px;font-weight:650;position:sticky;left:0}.wk th.hh{z-index:3}.wk .programado{background:var(--surface-1)}.cell{flex-direction:column;gap:2px;min-height:34px;display:flex}.chip{color:#fff;white-space:nowrap;text-overflow:ellipsis;border:2px solid var(--panel);border-radius:5px;padding:3px 6px;font-size:10.5px;font-weight:650;overflow:hidden}.chip .l2{white-space:normal;opacity:.92;font-size:10px;font-weight:550;display:block}.chip.sigue{opacity:.45;border-width:1px;min-height:12px;padding:0}.chip.interdep{background-image:repeating-linear-gradient(45deg,#ffffff38 0 4px,#0000 4px 8px)}.chip.pendiente{border-style:dashed;border-color:var(--ink-2)}.chip.ajena{background:var(--grid);color:var(--ink-2);font-weight:600}.vacio{text-align:center;padding:34px 18px}.vacio p{max-width:52ch;margin:8px auto 0}.titulo{margin-bottom:10px}.cupos{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.cupo{align-items:center;gap:12px;display:flex}.cupo-horas{color:var(--ink-2);margin-left:8px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=700px){.grid2{grid-template-columns:1fr}}.modal-fondo{z-index:50;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--ring);border-radius:14px;width:100%;max-width:620px;padding:20px;box-shadow:0 24px 60px #00000047}.modal h2{margin-bottom:2px}.modal .row:last-child{margin-top:16px}select{background:var(--surface-1);border:1px solid var(--ring);border-radius:8px;outline:none;width:100%;padding:7px 9px}select:focus{border-color:var(--s1);box-shadow:0 0 0 3px color-mix(in srgb,var(--s1) 18%,transparent)}input[type=number]{background:var(--surface-1);border:1px solid var(--ring);border-radius:8px;outline:none;width:100%;padding:7px 9px}.mono{font-variant-numeric:tabular-nums}.solicitudes{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.solicitud{align-items:flex-start;gap:12px;display:flex}.solicitud-datos{gap:3px;display:grid}.solicitud.ajena{opacity:.62}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=700px){.grid3{grid-template-columns:1fr}}.modal.ancho{max-width:720px}.pill.confirmada{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--ink)}.pill.cancelada{background:color-mix(in srgb,var(--crit) 14%,transparent);color:var(--ink)}.pill.realizada{background:var(--grid);color:var(--ink-2)}.urgencias{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.urgencia{align-items:flex-start;gap:12px;display:flex}.urgencia-datos{gap:3px;display:grid}.pill.pendiente{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--ink)}.pill.aprobada{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--ink)}.pill.rechazada{background:color-mix(in srgb,var(--crit) 14%,transparent);color:var(--ink)}.excepcion{color:var(--ink-2);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.excepcion input{width:auto}textarea{background:var(--surface-1);border:1px solid var(--ring);resize:vertical;width:100%;min-height:52px;font:inherit;color:inherit;border-radius:8px;outline:none;padding:7px 9px}textarea:focus{border-color:var(--s1);box-shadow:0 0 0 3px color-mix(in srgb,var(--s1) 18%,transparent)}input[type=date]{background:var(--surface-1);border:1px solid var(--ring);border-radius:8px;outline:none;width:100%;padding:7px 9px}
