[hidden]{display:none!important}.login-page{margin:0;background:#fff;color:#2b3643;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.access-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);min-height:100dvh}.access-brand{padding:42px 58px 35px;background:#f3f5f7;border-right:1px solid #e3e7ec;display:flex;flex-direction:column}.access-logo{width:155px;height:auto;display:block}.brand-content{margin:auto 0;padding:65px 0;max-width:350px}.access-eyebrow{font-size:9px;letter-spacing:1.3px;color:#8994a1;line-height:1.7;margin-bottom:20px}.brand-content h1{font-size:44px;font-weight:550;letter-spacing:-1.6px;margin:0 0 17px;color:#293440}.access-description{font-size:14px;line-height:1.9;color:#7d8997;margin:0 0 45px;max-width:290px}.access-feature{display:flex;align-items:flex-start;gap:18px;border-top:1px solid #dfe5eb;padding:20px 0;font-size:12px;color:#4d6078}.access-feature>span{font-size:9px;color:#a0acba;padding-top:2px}.access-feature small{display:block;font-size:10px;color:#98a4b3;margin-top:7px}.brand-credit{font-size:10px;color:#98a3b0;line-height:1.9}.brand-credit strong{font-weight:500;color:#718196}.access-main{display:flex;align-items:center;justify-content:center;padding:50px 45px;min-width:0}.access-card{width:100%;max-width:375px}.access-badge{display:inline-block;font-size:8px;letter-spacing:1.3px;color:#8c98a7;padding:7px 9px;border:1px solid #e0e6ed;border-radius:4px;margin-bottom:27px}.access-card h2{font-size:28px;font-weight:550;letter-spacing:-.7px;margin:0 0 10px;color:#2c3949;outline:none}.access-subtitle{color:#8592a2;font-size:12px;line-height:1.8;margin:0 0 30px}.access-field{display:grid;gap:9px;font-size:11px;color:#6f8095;margin-bottom:20px}.access-field input{width:100%;height:44px;background:#fff;border:1px solid #dce3eb;border-radius:5px;padding:12px;color:#455e7f;font-size:12px;box-shadow:none;min-width:0}.access-field input::placeholder{color:#a5afbb}.password-control{position:relative;display:block}.password-control input{padding-right:66px}.password-control button{position:absolute;right:11px;top:0;height:44px;background:transparent;color:#8596ad;font-size:10px;padding:0;border:0}.access-check{display:flex;align-items:center;gap:9px;font-size:10px;color:#8391a4;margin:3px 0 25px;line-height:1.8}.access-check input{width:14px;height:14px;accent-color:#35465c;margin:0}.access-primary{border:1px solid #293440;background:#293440;color:#fff;width:100%;height:43px;padding:0 14px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:11px;cursor:pointer;font-weight:500}.access-primary:hover{background:#39495e}.access-primary span{font-size:17px;color:#a8b6c8}.access-divider{border-top:1px solid #e5eaf0;text-align:center;margin:31px 0 24px;position:relative}.access-divider span{font-size:9px;color:#a3aebb;padding:0 12px;background:#fff;position:relative;top:-8px}.access-microsoft{width:100%;height:43px;border:1px solid #dce3eb;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#52677f;cursor:pointer}.access-microsoft svg{width:15px;height:15px;stroke:none;fill:none;border-radius:0}.access-microsoft small{font-size:7px;letter-spacing:.8px;background:#f0f3f7;border:1px solid #e4eaf2;border-radius:3px;padding:3px 4px;color:#92a1b4}.access-microsoft:hover{background:#f8fafd}.access-demo-note{font-size:10px;line-height:1.9;color:#9aa6b6;margin:19px 0 0}.access-links{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e7ecf2;padding-top:24px;margin-top:30px}.access-links button{padding:0;border:0;background:transparent;font-size:10px;color:#7c8fa8;cursor:pointer}.access-links button:hover{text-decoration:underline;text-underline-offset:3px}.access-bottom{font-size:9px;color:#aab4c2;margin-top:18px}.access-back{display:block;background:transparent;color:#8a9bb2;border:0;padding:0;margin:0 0 22px;font-size:11px;cursor:pointer}.access-information{background:#f7f9fb;border:1px solid #e3e9f0;padding:18px;border-radius:5px;margin:0 0 22px}.access-information strong{font-size:11px;font-weight:500;color:#607a9c}.access-information p{font-size:11px;line-height:1.9;color:#8396af;margin:10px 0 18px}.access-information p:last-child{margin-bottom:0}.identity-preview{display:flex;align-items:center;gap:13px;border:1px solid #e2e9f1;border-radius:5px;padding:17px;margin-bottom:20px}.identity-symbol{display:grid;place-items:center;width:35px;height:35px;background:#eef3f8;border-radius:5px;color:#8094ae;font-size:11px}.identity-preview strong{font-size:11px;font-weight:500;color:#5e7696}.identity-preview small{display:block;margin-top:6px;font-size:10px;color:#9aabc0}.auth-method{display:flex;border:1px solid #dfe7f0;border-radius:5px;padding:4px;gap:4px;margin:0 0 22px}.auth-method button{flex:1;border:0;background:transparent;font-size:10px;color:#90a0b7;padding:10px 5px;border-radius:3px;cursor:pointer}.auth-method button[aria-pressed=true]{background:#edf2f8;color:#4f6a90}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.access-card button:focus-visible,.access-card input:focus-visible{outline:2px solid #8ea7c8;outline-offset:3px}.access-brand a:focus-visible{outline:2px solid #8ea7c8;outline-offset:6px}#access-notes{font-size:13px}#access-notes .modal-head{background:#fff}#access-notes .modal-head .icon-btn{font-size:23px;font-weight:300}#access-notes .credits-brand img{height:auto}.access-page-error{color:#946752;font-size:11px}
@media(min-width:1500px){.access-brand{padding-left:90px;padding-right:80px}.brand-content{max-width:410px}.brand-content h1{font-size:50px}.access-feature{font-size:13px}}
@media(max-width:900px){.access-layout{grid-template-columns:minmax(270px,.8fr) minmax(340px,1.2fr)}.access-brand{padding:32px}.access-main{padding:40px 32px}.access-description{font-size:12px}.brand-content h1{font-size:38px}}
@media(max-width:650px){.access-layout{display:block}.access-brand{padding:22px 25px;background:#fff;border:0;border-bottom:1px solid #e4e9ef;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.access-logo{width:115px}.brand-content{margin:0;padding:0;max-width:190px;text-align:right}.access-eyebrow{font-size:8px;letter-spacing:.4px;margin:0;color:#8b9ab0}.brand-content h1{font-size:15px;letter-spacing:-.2px;margin:5px 0 0;color:#4e6483}.access-description,.access-feature,.brand-credit{display:none}.access-main{padding:37px 26px 30px;display:block;min-height:calc(100dvh - 95px)}.access-card{max-width:420px;margin:auto}.access-badge{margin-bottom:23px}.access-card h2{font-size:27px}.access-subtitle{font-size:11px;margin-bottom:27px}.access-check{font-size:10px}.access-field input{font-size:16px}.access-demo-note{font-size:10px}.access-links{padding-top:22px}.access-bottom:after{content:' · Informática Guatemala'}.access-information p{font-size:12px}#access-notes{max-width:calc(100% - 24px)}#access-notes .modal-head h2{font-size:16px}}