.auth-page-shell{min-width:320px;min-height:100dvh;margin:0;background:#eef5f2;color:#173d3a}
.sispos-login-page{position:relative;min-height:100dvh;display:grid;place-items:center;padding:28px;overflow:hidden;background:radial-gradient(circle at 8% 15%,#d9f3ea 0,transparent 30%),radial-gradient(circle at 95% 90%,#d1ece7 0,transparent 34%),linear-gradient(145deg,#eff7f4 0%,#f7faf9 56%,#e8f2ef 100%);font-family:Inter,"Segoe UI",sans-serif}
.sispos-login-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.sispos-login-glow-one{width:230px;height:230px;left:-110px;top:23%;background:#52b9aa18}.sispos-login-glow-two{width:300px;height:300px;right:-150px;bottom:5%;background:#2e999b14}
.sispos-login-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.92fr) minmax(390px,.78fr);width:min(1050px,100%);min-height:610px;overflow:hidden;border:1px solid #d8e9e4;border-radius:28px;background:#fff;box-shadow:0 28px 75px #22665a1c,0 5px 16px #1f55430d}
.sispos-login-showcase{position:relative;display:flex;flex-direction:column;padding:42px 44px 34px;overflow:hidden;background:linear-gradient(148deg,#1c787d 0%,#2fa5a4 54%,#42b2a4 100%);color:#f4fffc}.sispos-login-showcase:after{content:"";position:absolute;width:420px;height:420px;right:-220px;top:-180px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 28px #ffffff0b,0 0 0 60px #ffffff07}.sispos-login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.sispos-login-brand img{width:132px;height:45px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.sispos-login-brand span{padding-left:11px;border-left:1px solid #ffffff52;color:#d8f5ef;font-size:10px;line-height:1.3}.sispos-showcase-copy{position:relative;z-index:1;margin-top:82px;max-width:390px}.sispos-kicker{display:block;color:#73dbcc;font-size:10px;font-weight:800;letter-spacing:.18em}.sispos-showcase-copy h1{margin:12px 0 15px;color:#fff;font-size:40px;line-height:1.08;letter-spacing:-1.8px;font-weight:650}.sispos-showcase-copy h1 em{color:#baf5e9;font-style:normal}.sispos-showcase-copy p{max-width:350px;margin:0;color:#d8f1ed;font-size:13px;line-height:1.7}.sispos-preview{position:relative;z-index:2;width:min(340px,100%);margin:auto 0 0;padding:16px 18px 14px;border:1px solid #ffffff32;border-radius:16px;background:#ffffff16;box-shadow:0 14px 28px #0c5b6233;backdrop-filter:blur(8px)}.sispos-preview-top,.sispos-preview-foot{display:flex;align-items:center;justify-content:space-between;color:#d4f2ec;font-size:9px}.sispos-preview-top i{font-style:normal;letter-spacing:2px;opacity:.7}.sispos-preview>strong{display:block;margin-top:14px;color:#fff;font-size:24px;letter-spacing:-.8px}.sispos-preview>small{display:block;margin-top:4px;color:#c9e9e3;font-size:9px}.sispos-preview>small b{margin-left:5px;color:#a7f0d6;font-weight:700}.sispos-preview-chart{display:flex;align-items:end;gap:7px;height:55px;margin:12px 0;border-bottom:1px solid #ffffff25}.sispos-preview-chart i{display:block;flex:1;border-radius:4px 4px 0 0;background:#b8f0e2}.sispos-preview-chart i:nth-child(1){height:38%}.sispos-preview-chart i:nth-child(2){height:54%}.sispos-preview-chart i:nth-child(3){height:45%}.sispos-preview-chart i:nth-child(4){height:71%}.sispos-preview-chart i:nth-child(5){height:58%}.sispos-preview-chart i:nth-child(6){height:88%;background:#fff}.sispos-preview-chart i:nth-child(7){height:78%}.sispos-preview-foot{color:#d7eee9}.sispos-preview-foot span:first-child{display:flex;align-items:center;gap:5px}.sispos-preview-foot i{width:5px;height:5px;border-radius:50%;background:#b7f0dd}.sispos-showcase-points{position:relative;z-index:1;display:flex;gap:18px;margin-top:16px;color:#c9ede7;font-size:9px}.sispos-showcase-points span{display:flex;align-items:center;gap:5px}.sispos-showcase-points i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#b6efdf;color:#267f79;font-size:9px;font-style:normal;font-weight:800}
.sispos-login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:46px 65px;background:#fff}.sispos-mobile-brand{display:none}.sispos-form-heading{display:flex;align-items:center;gap:12px}.sispos-form-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5f7f1;color:#2b9c91}.sispos-form-icon svg{width:18px;height:18px}.sispos-form-heading h2{margin:5px 0 0;color:#173d3a;font-size:25px;line-height:1.15;letter-spacing:-.7px}.sispos-form-subtitle{margin:13px 0 26px;color:#8b9e99;font-size:12px;line-height:1.55}.sispos-success{display:flex;align-items:center;gap:8px;margin:0 0 19px;padding:10px 12px;border:1px solid #bfe8d9;border-radius:10px;background:#effaf5;color:#438875;font-size:10px}.sispos-success span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#63b89e;color:#fff;font-weight:700}.sispos-auth-form{display:grid;gap:17px}.sispos-auth-form label>span{display:block;margin:0 0 7px 2px;color:#57716b;font-size:10px;font-weight:700}.sispos-input-wrap{display:flex;align-items:center;gap:9px;height:48px;padding:0 13px;border:1px solid #dce9e5;border-radius:12px;background:#fbfdfc;transition:border-color .18s,box-shadow .18s,background .18s}.sispos-input-wrap:focus-within{border-color:#58b8a7;background:#fff;box-shadow:0 0 0 4px #5bb9a71b}.sispos-input-wrap>svg{width:16px;height:16px;flex:none;color:#82a59e}.sispos-input-wrap input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#23443f;font-size:12px}.sispos-input-wrap input::placeholder{color:#afc0bb}.sispos-input-wrap strong{padding-left:5px;border-left:1px solid #e0ebe7;color:#84a099;font-size:10px;font-weight:600;white-space:nowrap}.sispos-password-toggle{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:#86a29c;font-size:13px}.sispos-password-toggle:hover{background:#e5f7f1;color:#2d958b}.sispos-form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:-2px;color:#91a19d;font-size:9px}.sispos-check{display:flex!important;align-items:center;gap:5px;margin:0!important;color:#7c918b!important;font-size:9px!important;font-weight:500!important}.sispos-check input{accent-color:#36a69c}.sispos-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;margin-top:5px;padding:0 16px 0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#35aaa5,#258e91);color:#fff;font-size:12px;font-weight:750;box-shadow:0 10px 18px #29968b2c;transition:transform .18s,box-shadow .18s,filter .18s}.sispos-submit span{font-size:19px;font-weight:400;line-height:1}.sispos-submit:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 13px 23px #29968b35}.sispos-submit:active{transform:translateY(0)}.sispos-validation{color:#b64f56;font-size:10px;line-height:1.5}.sispos-validation:empty{display:none}.sispos-validation ul{margin:0;padding-left:16px}.sispos-auth-footer{margin:25px 0 0;color:#8b9e99;font-size:10px;text-align:center}.sispos-auth-footer a{color:#278f87;font-weight:750;text-decoration:none}.sispos-auth-footer a:hover{text-decoration:underline}.sispos-secure-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:25px;color:#afbfba;font-size:9px}.sispos-secure-note svg{width:13px;height:13px;color:#55aa9c}.sispos-login-footer{position:absolute;z-index:1;bottom:10px;display:flex;justify-content:space-between;width:min(1050px,calc(100% - 56px));color:#86a39c;font-size:9px}
@media(max-width:850px){.sispos-login-page{padding:20px 16px 38px}.sispos-login-card{grid-template-columns:1fr;min-height:0;width:min(520px,100%);border-radius:22px}.sispos-login-showcase{min-height:230px;padding:24px 26px 22px;border-radius:22px 22px 0 0}.sispos-showcase-copy{margin-top:30px}.sispos-showcase-copy h1{font-size:28px}.sispos-showcase-copy p{font-size:11px;line-height:1.5}.sispos-preview,.sispos-showcase-points{display:none}.sispos-login-brand img{width:105px;height:34px}.sispos-login-brand span{font-size:9px}.sispos-login-form-panel{padding:32px 28px 28px}.sispos-form-heading h2{font-size:22px}.sispos-login-footer{width:calc(100% - 32px)}}
@media(max-width:480px){.sispos-login-page{padding:12px 10px 32px}.sispos-login-showcase{padding:20px 20px 19px}.sispos-showcase-copy{margin-top:23px}.sispos-showcase-copy h1{font-size:25px}.sispos-login-form-panel{padding:27px 20px 24px}.sispos-form-heading h2{font-size:20px}.sispos-form-icon{width:34px;height:34px}.sispos-login-footer{font-size:8px}}

/* Acceso compacto y sobrio: todo el formulario cabe en la primera vista. */
.sispos-login-page{padding:18px 28px 34px;background:#f1f6f4}
.sispos-login-glow{display:none}
.sispos-login-card{grid-template-columns:minmax(370px,.88fr) minmax(390px,.78fr);width:min(980px,100%);min-height:0;height:min(570px,calc(100dvh - 76px));border-radius:20px;box-shadow:0 18px 42px #236b5b18,0 2px 8px #1f55430b}
.sispos-login-showcase{padding:30px 36px 24px;background:#329f9e}
.sispos-login-showcase:after{width:280px;height:280px;right:-150px;top:-130px;border-color:#ffffff1c;box-shadow:0 0 0 22px #ffffff08,0 0 0 46px #ffffff05}
.sispos-login-brand img{width:118px;height:39px}.sispos-login-brand span{font-size:9px}
.sispos-showcase-copy{margin-top:48px}.sispos-showcase-copy h1{margin:9px 0 12px;font-size:34px;letter-spacing:-1.3px}.sispos-showcase-copy p{max-width:320px;font-size:12px;line-height:1.55}
.sispos-preview{width:300px;padding:12px 14px;border-radius:12px}.sispos-preview>strong{margin-top:9px;font-size:20px}.sispos-preview-chart{height:38px;margin:8px 0}.sispos-showcase-points{gap:12px;margin-top:11px;font-size:8px}
.sispos-showcase-note{position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;margin:auto 0 13px;max-width:315px;color:#e5faf5}.sispos-note-mark{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:50%;background:#b6efdf;color:#247f78;font-size:12px;font-weight:800}.sispos-showcase-note strong,.sispos-showcase-note small{display:block}.sispos-showcase-note strong{font-size:11px}.sispos-showcase-note small{margin-top:3px;color:#c9eee7;font-size:9px;line-height:1.45}
.sispos-login-form-panel{padding:34px 52px}.sispos-form-heading h2{font-size:22px}.sispos-form-subtitle{margin:9px 0 20px}.sispos-auth-form{gap:13px}.sispos-input-wrap{height:44px}.sispos-submit{height:44px;margin-top:2px}.sispos-auth-footer{margin-top:17px}.sispos-secure-note{margin-top:15px}
@media(max-width:850px){.sispos-login-page{padding:12px 14px 30px;overflow:auto}.sispos-login-card{height:auto}.sispos-login-showcase{min-height:205px}.sispos-showcase-copy{margin-top:24px}.sispos-login-form-panel{padding:28px 26px 24px}.sispos-showcase-note{margin-top:18px}.sispos-showcase-points{display:none}}

.sispos-register-card{height:min(670px,calc(100dvh - 76px));grid-template-columns:minmax(350px,.74fr) minmax(470px,1fr)}.sispos-register-card .sispos-login-showcase{padding-right:32px}.sispos-register-card .sispos-showcase-copy{margin-top:62px}.sispos-register-card .sispos-showcase-copy h1{font-size:36px}.sispos-register-steps{position:relative;z-index:1;display:grid;gap:10px;margin:auto 0 18px;max-width:290px}.sispos-register-step{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff12}.sispos-register-step>b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#b7ecde;color:#247f78;font-size:9px}.sispos-register-step span{display:grid;gap:2px}.sispos-register-step strong{color:#f2fffb;font-size:10px}.sispos-register-step small{color:#c4e9e2;font-size:8px}.sispos-register-card .sispos-showcase-note{margin:0}.sispos-register-form{gap:10px}.sispos-register-section{display:grid;gap:9px;padding:12px 13px;border:1px solid #e7f0ed;border-radius:12px;background:#fcfefd}.sispos-section-label{display:flex;align-items:center;gap:7px;margin-bottom:1px;color:#487069;font-size:10px;font-weight:750}.sispos-section-label b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#e3f6f0;color:#259187;font-size:9px}.sispos-register-section label>span{font-size:9px;margin-bottom:5px}.sispos-register-section label>span small{color:#9aaca7;font-size:8px;font-weight:500}.sispos-register-section .sispos-input-wrap{height:39px;border-radius:9px;padding:0 10px}.sispos-register-section .sispos-input-wrap input{font-size:11px}.sispos-field-hint{margin:0 2px;color:#94a8a1;font-size:8px}.sispos-register-form .sispos-submit{margin-top:4px}
@media(max-width:850px){.sispos-register-card{height:auto;grid-template-columns:1fr}.sispos-register-card .sispos-showcase-copy{margin-top:24px}.sispos-register-card .sispos-showcase-copy h1{font-size:28px}.sispos-register-steps{display:none}.sispos-register-card .sispos-showcase-note{margin-top:18px}}
.sispos-register-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sispos-register-section .sispos-section-label,.sispos-register-section .sispos-field-hint{grid-column:1/-1}
.sispos-register-section label[for="Username"]{grid-column:1/-1}
.sispos-register-card .sispos-login-form-panel{padding-top:27px;padding-bottom:22px}
.sispos-register-card .sispos-form-subtitle{margin-bottom:14px}
.sispos-register-card .sispos-auth-footer{margin-top:13px}
.sispos-register-card .sispos-secure-note{margin-top:10px}
@media(max-width:560px){.sispos-register-section{grid-template-columns:1fr}.sispos-register-section label[for="Username"]{grid-column:auto}.sispos-register-card .sispos-login-form-panel{padding-top:24px}.sispos-register-card .sispos-form-subtitle{margin-bottom:12px}}
.sispos-back-login{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:-8px 0 13px;color:#2b958b;font-size:10px;font-weight:700;text-decoration:none}.sispos-back-login span{font-size:16px;font-weight:400;line-height:1}.sispos-back-login:hover{text-decoration:underline;color:#177c78}
.sispos-auth-separator{margin:0 8px;color:#b6c5c0}
.sispos-register-card{height:min(730px,calc(100dvh - 32px))}.sispos-register-card .sispos-login-form-panel{padding-top:22px;padding-bottom:17px}.sispos-register-card .sispos-form-heading h2{font-size:21px}.sispos-register-card .sispos-form-subtitle{margin-top:7px;margin-bottom:10px}.sispos-register-card .sispos-back-login{margin-bottom:9px}.sispos-register-section{gap:6px;padding:9px 11px}.sispos-register-section .sispos-input-wrap{height:36px}.sispos-register-form{gap:8px}.sispos-register-form .sispos-submit{height:42px;margin-top:1px}.sispos-register-card .sispos-auth-footer{margin-top:9px}.sispos-register-card .sispos-secure-note{margin-top:7px}
@media(max-width:850px){.sispos-register-card{height:auto}.sispos-register-card .sispos-login-form-panel{padding-top:24px;padding-bottom:22px}}
@media(max-width:850px){.sispos-login-page{overflow:hidden}.sispos-register-card{height:calc(100dvh - 42px);overflow:hidden}.sispos-register-card .sispos-login-showcase{min-height:160px;padding:18px 21px 16px}.sispos-register-card .sispos-showcase-copy{margin-top:18px}.sispos-register-card .sispos-showcase-copy h1{font-size:24px;margin:7px 0 0}.sispos-register-card .sispos-showcase-copy p{display:none}.sispos-register-card .sispos-showcase-note{display:none}.sispos-register-card .sispos-login-form-panel{min-height:0;overflow:hidden;padding:20px 22px 16px}.sispos-register-card .sispos-form-heading h2{font-size:19px}.sispos-register-card .sispos-form-subtitle{margin-bottom:8px}.sispos-register-section{padding:8px 10px}.sispos-register-section .sispos-input-wrap{height:34px}.sispos-register-form .sispos-submit{height:40px}.sispos-register-card .sispos-secure-note{display:none}}
.sispos-input-wrap select{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#23443f;font-size:11px;cursor:pointer}
@media(max-width:560px){.sispos-register-card .sispos-login-showcase{min-height:143px}.sispos-register-card .sispos-login-form-panel{padding:17px 18px 13px}.sispos-register-section{gap:5px}.sispos-register-section label>span{margin-bottom:3px}.sispos-register-card .sispos-auth-footer{margin-top:7px}}