:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#11293e;background:#f2f5f8}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input{font:inherit}a{color:inherit}.top{background:#061f39;color:#fff;min-height:72px;padding:16px clamp(16px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.brand{font-size:23px;letter-spacing:.08em;font-weight:900;text-decoration:none}.brand span,.eyebrow span,footer span{color:#ed2129}.top>a:last-child{color:#cce2f4;text-underline-offset:4px}.layout{width:min(1100px,calc(100% - 32px));margin:clamp(26px,7vh,84px) auto;display:grid;grid-template-columns:1.05fr minmax(330px,.95fr);gap:clamp(26px,6vw,84px);align-items:center}.intro{padding:16px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.14em;color:#476c89}.intro h1{font-size:clamp(31px,3.6vw,51px);color:#082b4d;line-height:1.09;letter-spacing:-.035em;margin:15px 0 22px}.intro>p{font-size:16px;line-height:1.65;color:#3e5870}.intro ul{padding-left:19px;margin:29px 0;color:#27465f;line-height:2.1}.intro ul li::marker{color:#cc1f2e}.intro .muted{font-size:13px;margin-top:32px}.legacy{font-size:14px;font-weight:750;color:#0c5388}.panel{background:#fff;border:1px solid #dce4eb;border-radius:22px;box-shadow:0 18px 45px rgba(14,36,55,.10);padding:clamp(22px,4vw,38px)}.panel-top{margin-bottom:22px}.panel h2{font-size:25px;margin:0 0 9px;color:#082b4d}.panel h3{font-size:18px;margin:10px 0;color:#082b4d}.panel-top p{margin:0;color:#536a7b;font-size:14px;line-height:1.5}.panel form{display:grid;gap:13px}.panel label{font-size:14px;font-weight:750;color:#28445b}.panel input{width:100%;border:1px solid #b9cad7;border-radius:11px;padding:13px 15px;min-height:49px;background:#fff;color:#17344c}.panel input:focus-visible,button:focus-visible{outline:3px solid #44a9d7;outline-offset:3px}.panel button{min-height:48px;border-radius:12px;border:1px solid #abbfd0;cursor:pointer;font-weight:800;padding:12px 17px}.panel button:disabled{opacity:.55;cursor:wait}.primary{background:#db212e;color:#fff;border-color:#db212e!important}.primary:hover{background:#b91a28}.secondary{background:#f5f8fa;color:#123c5e}.secondary:hover{background:#e5f1f8}.logout{width:100%;margin-top:24px;background:transparent;color:#4c5e6d;border:0!important;text-decoration:underline}.panel .small{font-size:12px;color:#677986;line-height:1.6;margin:13px 0}.mensaje{font-size:13px;line-height:1.45;padding:0;border-radius:11px}.mensaje:not(:empty){padding:12px 14px;background:#edf6fb;border:1px solid #b9dce9;color:#164666;margin-bottom:16px}.mensaje.error:not(:empty){background:#fff2f1;border-color:#f2aaa9;color:#943630}.who{font-size:16px;font-weight:800;color:#082f50;margin-top:3px}#resumenPermisos{display:grid;gap:8px}#resumenPermisos>div{border:1px solid #dae4ea;border-radius:12px;padding:11px 13px;font-size:14px;color:#1e4866}.device{padding:14px;border-radius:12px;background:#f3f7f9;font-size:13px;color:#28475f;margin-top:15px;line-height:1.5}.actions{display:grid;gap:9px;margin-top:16px}#qrMfa{display:block;max-width:210px;width:100%;margin:16px auto;background:white;padding:12px;border:1px solid #e3e6e8}#altaMfa code{display:block;font-family:ui-monospace,Menlo,monospace;overflow-wrap:anywhere;background:#eaf1f6;color:#143c5d;padding:10px 12px;margin:9px 0 16px;border-radius:8px;font-size:13px}#listaAprobaciones{display:grid;gap:10px}#listaAprobaciones article{padding:12px;border:1px solid #dbe7f0;border-radius:12px;display:grid;gap:8px;font-size:14px}#listaAprobaciones article small{color:#657888}#listaAprobaciones article button{min-height:40px}footer{text-align:center;font-size:12px;color:#65798a;padding:12px 18px 28px}[hidden]{display:none!important}@media(max-width:780px){.layout{grid-template-columns:1fr;gap:20px;margin:18px auto 35px}.intro{padding:10px 6px}.intro h1{margin:12px 0}.intro ul{margin:10px 0}.intro .muted{margin:12px 0}.top{min-height:65px}.top>span{display:none}.panel{padding:24px 20px}}

/* V39: registro y control de computadores; utiliza los mismos colores de la web. */
.work-devices{margin-top:24px;padding-top:20px;border-top:1px solid #dbe7f0}.work-devices>form{margin:15px 0}.work-devices select{width:100%;border:1px solid #b9cad7;border-radius:11px;padding:12px;background:#fff;color:#17344c;font:inherit;min-height:49px}.work-devices #listaEquipos{display:grid;gap:12px;margin:18px 0}.work-devices article{display:grid;gap:9px;padding:14px;border:1px solid #dae4ea;border-radius:12px;background:#fbfdfe}.work-devices article small{color:#536a7b}.work-devices article .rowBtns{display:flex;flex-wrap:wrap;gap:8px}.work-devices article button{min-height:38px}.work-devices .estado{font-size:12px;font-weight:800;display:inline-block}.work-devices .estado.autorizada{color:#1c7544}.work-devices .estado.revocada{color:#ae2434}.work-devices .estado.pendiente{color:#aa6d08}.panel #refrescarEquipos,.panel #probarEquipo{margin-top:9px;width:100%}#codigo,#codigoMfa{font-size:23px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}
