/*
 * Portal privado Sistema Hub. Desarrollo: Araipe E.A.S. | Promoción: Britve E.A.S.
 * Identidad heredada del theme La Petisquera 2.1.0. Sin recursos de tipografía externos.
 */
@view-transition{navigation:auto}
:root{color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body.a026-portal{margin:0;min-width:300px;min-height:100svh;font-family:var(--a026-portal-font,system-ui,sans-serif);background:#f8f7f4;color:var(--a026-portal-text,#1a2c46);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
.a026-portal--landing{background:var(--a026-portal-navy-dark,#06182f);color:white}
.a026-landing{isolation:isolate;position:relative;min-height:100svh;background:radial-gradient(ellipse 90% 80% at 56% 45%,#243757 0%,#192947 44%,#101f39 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;text-align:center;padding:clamp(28px,7vw,100px) 24px 100px}
.a026-landing__halos,.a026-login__flare{position:absolute;inset:-30%;z-index:-1;opacity:.28;background:radial-gradient(circle at 32% 50%,transparent 0 16%,rgba(184,207,252,.20) 16.15% 16.25%,transparent 16.5% 27%,rgba(184,207,252,.13) 27.15% 27.3%,transparent 27.5% 38%,rgba(184,207,252,.10) 38.15% 38.25%,transparent 38.5%);transform:translate3d(0,0,0);animation:a026-halo 24s ease-in-out infinite alternate}
.a026-landing__content{position:relative;z-index:1;animation:a026-enter .7s both}
.a026-landing__logo{width:clamp(190px,27vw,330px);height:auto;max-height:240px;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.15));animation:a026-logo-intro 900ms cubic-bezier(.2,.8,.2,1) both}
.a026-kicker{margin:26px 0 16px;font-size:clamp(9px,.8vw,11px);font-weight:700;letter-spacing:.26em;color:#c2d1ec}
.a026-landing h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.15;margin:0;font-weight:740}
.a026-landing__lead{font-size:clamp(13px,1.45vw,17px);color:#cad5e7;margin:24px auto 28px;line-height:1.7}
.a026-landing__button{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:rgba(255,255,255,.025);border:1px solid rgba(213,227,253,.35);padding:17px 22px;text-decoration:none;border-radius:9px;font-size:14px;transition:background .3s,transform .3s,box-shadow .3s;color:#fff}
.a026-landing__button:hover,.a026-landing__button:focus-visible{background:rgba(255,255,255,.12);transform:translateY(-4px);box-shadow:0 16px 42px rgba(5,12,29,.24)}
.a026-landing__footer{position:absolute;bottom:clamp(16px,3vw,35px);left:clamp(20px,4vw,60px);right:clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;color:#a9b9d2;font-size:10px;letter-spacing:.18em}
.a026-landing__footer-logo{display:block;max-height:42px;max-width:155px;width:auto;height:auto;object-fit:contain}
.a026-login{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;isolation:isolate;background:#f9f8f6}
.a026-login__story{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 105% 95% at 38% 39%,#243858,var(--a026-portal-navy-dark,#06182f));color:#fff;min-height:100svh;display:flex;flex-direction:column;padding:clamp(20px,2.8vw,49px) clamp(22px,3vw,64px) clamp(20px,3vw,42px)}
.a026-login__flare{inset:-60%;opacity:.25;background:repeating-radial-gradient(circle at 23% 17%,transparent 0 165px,rgba(219,229,255,.15) 166px 206px,transparent 207px 330px);animation:a026-halo 26s linear infinite alternate}
.a026-login__story-top{display:flex;justify-content:space-between;align-items:center;gap:22px;color:#d3dbeb;font-size:10px;letter-spacing:.2em;font-weight:700;z-index:1}
.a026-login__footer-logo{max-height:52px;max-width:145px;object-fit:contain}
.a026-login__story-main{text-align:center;margin:auto;z-index:1;padding:36px 0 18px;animation:a026-story-enter .7s both}
.a026-login__emblem{transform-origin:50% 60%;will-change:transform}
.a026-login__logo{display:block;width:clamp(180px,22vw,300px);height:auto;max-height:245px;margin:auto;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(1,8,24,.2))}
.a026-login__emblem.is-idle{animation:a026-idle-logo 5s ease-in-out infinite}
.a026-login__rule{display:block;width:34px;height:3px;background:var(--a026-portal-red,#eb1d2a);margin:20px auto 0;border-radius:20px}
.a026-login__story-main .a026-kicker{margin:24px 0 18px;color:#c2cbe0;font-size:10px;letter-spacing:.2em}
.a026-login__story-main h1{margin:0;font-size:clamp(30px,3.25vw,55px);font-weight:500;line-height:1.12;letter-spacing:-.035em}
.a026-login__story-main em{display:block;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;font-weight:400;margin-top:7px}
.a026-login__story-main>p:last-child{font-size:clamp(12px,1vw,15px);color:#c9d6eb;line-height:1.8;margin:24px 0 0}
.a026-login__partners{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.17);padding-top:17px}
.a026-partner{display:flex;align-items:center;gap:12px;min-width:0}
.a026-partner span{display:block;font-size:clamp(9px,.75vw,11px);color:#e4eafa;line-height:1.35;max-width:108px}
.a026-partner__logo{display:block;object-fit:contain;max-width:clamp(72px,6.8vw,135px);max-height:54px;min-height:24px;padding:4px 7px;border-radius:7px;background:#fff}
.a026-partner__divider{width:1px;height:35px;flex:0 0 1px;background:rgba(255,255,255,.18)}
.a026-login__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,4vw,65px) clamp(24px,6vw,120px) 18px;gap:20px;min-width:0}
.a026-login__form-wrap{width:100%;max-width:430px;animation:a026-form-enter .65s .13s both}
.a026-login__tag{display:table;padding:9px 12px;margin:0 0 27px;border:1px solid #dbe2eb;border-radius:8px;font-size:10px;letter-spacing:.18em;color:#54647c}
.a026-login__eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:#858d9e;margin:0 0 15px}
.a026-login__form-wrap h2{font-size:clamp(31px,3vw,46px);line-height:1.14;letter-spacing:-.05em;color:#11213b;margin:0 0 15px;font-weight:760}
.a026-login__description{font-size:14px;line-height:1.55;color:#68768b;max-width:360px;margin:0 0 26px}
.a026-login__form{display:flex;flex-direction:column;gap:15px}
.a026-login__input-group{display:block;font-size:12px;font-weight:650;color:#33465e}
.a026-login__input-group>span:first-child{display:block;margin-bottom:9px;transition:color .2s,transform .2s}
.a026-login__input-group:focus-within>span:first-child{color:var(--a026-portal-primary,#214a93);transform:translateX(3px)}
.a026-login__input-wrap{position:relative;display:flex;align-items:center;min-width:0;overflow:hidden;border:1px solid #cdd8e5;border-radius:9px;background:#fff;transition:border-color .22s,box-shadow .23s,transform .23s}
.a026-login__input-wrap:focus-within{border-color:var(--a026-portal-primary,#214a93);box-shadow:0 0 0 4px rgba(33,74,147,.14);transform:translateY(-1px)}
.a026-login__input-wrap:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--a026-portal-primary,#214a93);width:0;transition:width .3s}
.a026-login__input-wrap:focus-within:after{width:100%}
.a026-login__input-wrap input{font:inherit;font-weight:450;font-size:14px;color:#182b43;outline:0;border:0;box-shadow:none;display:block;background:transparent;width:100%;padding:14px 15px;min-height:49px}
.a026-login__input-wrap input::placeholder{color:#9ba7b6;font-size:13px}
.a026-login__input-wrap input:not(:placeholder-shown){font-weight:600}
.a026-login__reveal{background:transparent;color:#64748b;border:0;padding:13px 15px;white-space:nowrap;font-size:12px;font-weight:750}
.a026-login__reveal:focus-visible{outline:2px solid var(--a026-portal-primary);outline-offset:-3px}
.a026-login__captcha{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;min-height:68px;padding:3px 0}
.a026-login__captcha .cf-turnstile,.a026-login__captcha .g-recaptcha{max-width:100%}
.a026-login__captcha-label{color:#364b63;font-size:12px;font-weight:700}
.a026-login__captcha small{font-size:11px;color:#6c7b90}
.a026-login__submit{display:flex;justify-content:center;align-items:center;gap:13px;width:100%;min-height:52px;padding:14px 17px;margin-top:6px;border:0;border-radius:9px;color:#fff;background:#101e39;box-shadow:0 6px 16px rgba(13,29,54,.12);font-size:13px;font-weight:760;transition:transform .24s,background .24s,box-shadow .24s}
.a026-login__submit:hover,.a026-login__submit:focus-visible{background:var(--a026-portal-primary,#214a93);transform:translateY(-2px);box-shadow:0 9px 22px rgba(33,74,147,.21)}
.a026-login__submit:disabled{opacity:.7;cursor:progress}
.a026-login__assist{text-align:center;margin:2px 0 0;font-size:12px;color:#576b83}
.a026-login__assist a{text-underline-offset:4px}
.a026-login__privacy{text-align:center;font-size:11px;color:#8490a1;margin:30px 0 0}
.a026-login__signature{text-align:center;margin:auto 0 0;font-size:10px;color:#98a5b3;line-height:1.5}
.a026-login__error{background:#fff1f0;border:1px solid #ffd8d4;border-left:3px solid #d43d36;padding:12px 14px;margin:0 0 18px;border-radius:7px;color:#862f2b;line-height:1.5;font-size:12px;animation:a026-error .35s both}
.a026-leaving .a026-landing__content{animation:a026-leave .25s both}
.a026-leaving .a026-landing__halos{transform:scale(1.15)}
::view-transition-old(root){animation:.2s ease-in both a026-fade-out}
::view-transition-new(root){animation:.4s ease-out both a026-fade-in}
@keyframes a026-halo{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(3%,2%,0) rotate(7deg)}}
@keyframes a026-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes a026-logo-intro{from{opacity:0;transform:translateY(26px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes a026-story-enter{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes a026-form-enter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes a026-idle-logo{0%,45%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}8%{transform:translate3d(0,-6px,0) rotate(-1.6deg) scale(1.018)}16%{transform:translate3d(0,-2px,0) rotate(1.5deg) scale(1.025)}30%{transform:translate3d(0,0,0) rotate(-.6deg) scale(1)}}
@keyframes a026-error{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes a026-leave{to{opacity:0;transform:translateY(-20px) scale(1.035)}}
@keyframes a026-fade-out{to{opacity:0;filter:blur(5px)}}
@keyframes a026-fade-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
@media(max-width:1100px){.a026-login__story{padding:26px 24px}.a026-login__panel{padding:25px 34px}.a026-login__partners{gap:10px}.a026-partner{gap:6px}.a026-partner__logo{max-width:85px}}
@media(max-width:760px){.a026-login{grid-template-columns:1fr;min-height:100svh}.a026-login__story{min-height:auto;padding:18px 24px 24px;gap:15px}.a026-login__story-top{flex-wrap:wrap}.a026-login__story-main{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;align-items:center;text-align:left;gap:0 16px;margin:0;padding:9px 0}.a026-login__logo{width:clamp(85px,18vw,150px);max-height:105px}.a026-login__rule,.a026-login__story-main .a026-kicker,.a026-login__story-main>p:last-child{display:none}.a026-login__story-main h1{font-size:clamp(23px,5vw,35px)}.a026-login__story-main em{margin:0}.a026-login__partners{padding:12px 0 0;max-width:580px}.a026-login__panel{padding:30px 25px 20px;justify-content:flex-start}.a026-login__tag{margin-bottom:19px}.a026-login__form-wrap h2{font-size:clamp(29px,7vw,40px)}.a026-login__signature{margin:20px 0 0}.a026-login__footer-logo{max-height:35px;max-width:115px}}
@media(max-width:420px){.a026-login__story{padding:15px 16px}.a026-login__story-top{font-size:9px}.a026-login__story-main{grid-template-columns:72px 1fr;gap:10px}.a026-login__logo{width:72px;max-height:74px}.a026-login__story-main h1{font-size:24px}.a026-partner span{font-size:9px;max-width:95px}.a026-partner__logo{max-width:64px;max-height:37px}.a026-login__partners{gap:5px}.a026-login__panel{padding:26px 19px 16px}.a026-landing__footer{flex-direction:column;gap:10px}.a026-login__form-wrap h2{font-size:33px}}
@media(max-height:700px) and (min-width:761px){.a026-login__story-main{padding:15px 0}.a026-login__logo{max-height:160px}.a026-login__story-main h1{font-size:35px}.a026-login__panel{padding-top:18px;padding-bottom:12px}.a026-login__tag{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.a026-login__input-wrap:focus-within{transform:none}}

.a026-login__factor{border:1px solid #e0e6ee;border-radius:8px;background:#fff;padding:13px 14px;font-size:12px;color:#64748b}
.a026-login__factor summary{cursor:pointer;font-weight:640;list-style-position:inside}
.a026-login__factor[open] .a026-login__input-group{margin-top:15px}
.a026-login__input-wrap.a026-is-typing{box-shadow:0 0 0 4px rgba(33,74,147,.12)}
@media(max-width:350px){.a026-login__captcha .g-recaptcha{transform:scale(.83);transform-origin:left top;min-height:68px}}
@media(max-width:360px){
  .a026-login__captcha .cf-turnstile{width:300px;max-width:none;transform:scale(.83);transform-origin:top left;margin-bottom:-12px}
  .a026-login__captcha .g-recaptcha{width:304px;max-width:none;transform:scale(.81);transform-origin:top left;margin-bottom:-12px}
}