400;500;600;700&display=swap");:root{--cq-navy:#07111f;--cq-navy-2:#0c1b31;--cq-gold:#e0b34a;--cq-gold-2:#f3d27a;--cq-cyan:#38bdf8;--cq-blue:#1d4ed8;--cq-blue-2:#2563eb;--cq-text:#e8eef7;--cq-muted:#9fb0c8;}
html,body{min-height:100%;background:var(--cq-navy)!important;font-family:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif!important;}
.decor1,.decor2,.LoginScreen .Footer,.LoginScreen .Footer-small,#ZLoginAppName{display:none!important;}
#cqScene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.cq-photo{position:absolute;inset:-6%;background:url("/img/logo/conquista/bg-login-v7.jpg") center 42% / cover no-repeat;animation:cqKen 36s ease-in-out infinite alternate;transform-origin:45% 55%;filter:saturate(1.08) contrast(1.05);}
.LoginScreen{background:transparent!important;background-image:none!important;}
.LoginScreen::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,12,24,.55) 0,rgba(5,12,24,.18) 38%,rgba(5,12,24,.42) 70%,rgba(5,12,24,.78) 100%),linear-gradient(90deg,rgba(5,12,24,.45) 0,rgba(5,12,24,.08) 48%,rgba(5,12,24,.35) 100%);}
.cq-aurora{position:absolute;inset:-20%;background:radial-gradient(40% 32% at 18% 22%,rgba(56,189,248,.22),transparent 70%),radial-gradient(36% 28% at 82% 18%,rgba(224,179,74,.18),transparent 70%),radial-gradient(50% 40% at 70% 88%,rgba(37,99,235,.16),transparent 75%);animation:cqAurora 18s ease-in-out infinite alternate;mix-blend-mode:screen;}
.cq-orbs{position:absolute;inset:0;}
.cq-orbs i{position:absolute;display:block;border-radius:50%;filter:blur(2px);opacity:.55;animation:cqFloat 14s ease-in-out infinite;}
.cq-orbs i:nth-child(1){width:180px;height:180px;left:8%;top:18%;background:radial-gradient(circle,rgba(56,189,248,.45),transparent 68%);animation-duration:16s;}
.cq-orbs i:nth-child(2){width:240px;height:240px;right:6%;top:8%;background:radial-gradient(circle,rgba(224,179,74,.38),transparent 68%);animation-duration:20s;animation-delay:-4s;}
.cq-orbs i:nth-child(3){width:140px;height:140px;left:18%;bottom:12%;background:radial-gradient(circle,rgba(74,222,128,.28),transparent 68%);animation-duration:18s;animation-delay:-7s;}
.cq-orbs i:nth-child(4){width:200px;height:200px;right:16%;bottom:8%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 68%);animation-duration:22s;animation-delay:-2s;}
.cq-dust{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20px 30px,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 80px 120px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 70px,rgba(243,210,122,.9),transparent),radial-gradient(1.5px 1.5px at 240px 200px,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 320px 40px,rgba(56,189,248,.9),transparent),radial-gradient(1.5px 1.5px at 400px 160px,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 480px 90px,rgba(243,210,122,.8),transparent),radial-gradient(1.5px 1.5px at 560px 220px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 640px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 720px 180px,rgba(56,189,248,.7),transparent),radial-gradient(1px 1px at 40px 260px,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 200px 300px,rgba(243,210,122,.7),transparent);background-size:780px 340px;animation:cqDust 48s linear infinite;opacity:.55;}
.cq-topbar,.cq-footer{position:fixed;left:0;right:0;z-index:3;pointer-events:none;text-align:center;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,238,247,.86);text-shadow:0 1px 8px rgba(0,0,0,.45);font-weight:600;}
.cq-topbar{top:22px;font-size:12px;animation:cqDrop .9s .15s both;}
.cq-topbar::before,.cq-topbar::after{content:"";display:inline-block;width:42px;height:2px;margin:0 12px 3px;background:linear-gradient(90deg,transparent,var(--cq-gold-2),var(--cq-gold),transparent);vertical-align:middle;opacity:.9;}
.cq-footer{bottom:18px;font-size:11px;letter-spacing:.22em;color:rgba(232,238,247,.7);animation:cqDrop .9s .35s both;}
.LoginScreen .contentBox,.SplashScreen .contentBox{position:relative;z-index:4;background:linear-gradient(180deg,rgba(10,20,36,.78),rgba(7,14,26,.82))!important;background-image:none!important;background-color:rgba(8,16,30,.72)!important;border:1px solid rgba(224,179,74,.28)!important;border-radius:22px!important;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04) inset,0 0 80px rgba(56,189,248,.08)!important;padding:36px 38px 30px!important;min-height:auto!important;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);color:var(--cq-text)!important;animation:cqCardIn .85s cubic-bezier(.22,1,.36,1) both;overflow:hidden;}
.LoginScreen .contentBox::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--cq-gold),var(--cq-gold-2),var(--cq-cyan),transparent);animation:cqShine 6s linear infinite;background-size:200% 100%;}
.LoginScreen .contentBox::after{content:"";position:absolute;top:-40%;left:-20%;width:70%;height:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none;}
.LoginScreen H1{text-align:center;margin:0 0 8px!important;position:relative;z-index:1;}
.LoginScreen h1 a#bannerLink{display:inline-block;text-decoration:none;}
.LoginScreen .ImgLoginBanner,.LoginScreen .ImgAppBanner{display:inline-block!important;width:268px;height:90px;background-image:url("/img/logo/conquista/logo_big.png")!important;background-repeat:no-repeat;background-position:center;background-size:contain;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(224,179,74,.25);animation:cqLogoGlow 4.8s ease-in-out infinite;}
.LoginScreen H1::after{content:"Webmail institucional";display:block;margin-top:14px;color:var(--cq-gold-2);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;}
.LoginScreen FORM{text-align:left!important;}
.LoginScreen .form{width:100%;color:var(--cq-text)!important;position:relative;z-index:1;margin:0;}
.LoginScreen .form,.LoginScreen .form tbody,.LoginScreen .form tr{display:block;width:100%;}
.LoginScreen .form td{display:block;width:100%;padding:0!important;font-size:14px;box-sizing:border-box;}
.LoginScreen .form tr:has(.submitTD) td:first-child{display:none;}
.LoginScreen .form label,.LoginScreen .form TD:first-child LABEL{display:block;color:#d5deea!important;font-size:12px;margin:14px 0 6px;font-weight:600;letter-spacing:.04em;}
.LoginScreen .zLoginField,.LoginScreen .form INPUT[type="text"],.LoginScreen .form INPUT[type="password"],.LoginScreen .center-small .form INPUT[type="text"],.LoginScreen .center-small .form INPUT[type="password"]{width:100%!important;max-width:100%!important;box-sizing:border-box;padding:12px 14px!important;font-size:15px!important;line-height:1.3!important;height:auto!important;min-height:44px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;color:#f8fafc!important;outline:none;background:rgba(255,255,255,.08)!important;transition:border-color .2s,box-shadow .2s,background .2s;}
.LoginScreen .zLoginField:focus,.LoginScreen .form INPUT[type="text"]:focus,.LoginScreen .form INPUT[type="password"]:focus{border-color:var(--cq-gold)!important;box-shadow:0 0 0 3px rgba(224,179,74,.22);background:rgba(255,255,255,.12)!important;}
.LoginScreen .zLoginField::placeholder{color:rgba(159,176,200,.7);}
.LoginScreen .submitTD{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;padding-top:22px!important;text-align:left;}
.LoginScreen .submitTD #remember{grid-column:1;justify-self:start;accent-color:var(--cq-gold);transform:scale(1.15);margin:0;}
.LoginScreen .submitTD label,.LoginScreen .submitTD #remember+label{grid-column:2;display:inline!important;color:#d5deea!important;font-size:13px;font-weight:500;margin:0!important;letter-spacing:0;text-transform:none;justify-self:start;}
.LoginScreen .submitTD .ZLoginButton.DwtButton{grid-column:3;justify-self:end;}
.LoginScreen .ZLoginButton.DwtButton{background:linear-gradient(135deg,#1d4ed8 0,#2563eb 48%,#0ea5e9 100%)!important;background-image:linear-gradient(135deg,#1d4ed8 0,#2563eb 48%,#0ea5e9 100%)!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:12px 26px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.04em;box-shadow:0 10px 24px rgba(37,99,235,.35)!important;float:none;height:auto!important;line-height:normal!important;min-height:0!important;overflow:visible!important;box-sizing:content-box!important;vertical-align:middle;cursor:pointer;position:relative;transition:transform .18s,box-shadow .18s,filter .18s;}
.LoginScreen .ZLoginButton.DwtButton .Text{color:#fff!important;line-height:normal!important;}
.LoginScreen .ZLoginButton.DwtButton:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.45)!important;}
.LoginScreen .ZLoginButton.DwtButton:active{transform:translateY(0);}
.LoginScreen #ZLoginForgotPassword{color:var(--cq-gold-2)!important;}
.LoginScreen .form tr:has(#client),.LoginScreen .form tr:has(hr){display:none;}
.LoginScreen #ZLoginErrorPanel{background:rgba(127,29,29,.55)!important;border:1px solid rgba(252,165,165,.55)!important;border-radius:10px;color:#fecaca!important;margin-bottom:12px;}
@keyframes cqKen{from{transform:scale(1) translate3d(0,0,0);}
to{transform:scale(1.08) translate3d(-1.4%,1%,0);}
}
@keyframes cqAurora{from{transform:translate3d(0,0,0) rotate(0deg);opacity:.85;}
to{transform:translate3d(-3%,2%,0) rotate(4deg);opacity:1;}
}
@keyframes cqFloat{0%,100%{transform:translate3d(0,0,0);}
50%{transform:translate3d(18px,-22px,0);}
}
@keyframes cqDust{from{background-position:0 0;}
to{background-position:780px -340px;}
}
@keyframes cqCardIn{from{opacity:0;transform:translateY(28px) scale(.97);}
to{opacity:1;transform:none;}
}
@keyframes cqDrop{from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:none;}
}
@keyframes cqLogoGlow{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(224,179,74,.25),0 0 0 0 rgba(224,179,74,0);}
50%{box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(224,179,74,.5),0 0 22px 2px rgba(224,179,74,.22);}
}
@keyframes cqShine{0%{background-position:0 0;}
100%{background-position:200% 0;}
}
.LoginScreen .center-small,.SplashScreen .center-small{width:340px!important;height:auto!important;margin-left:-170px!important;margin-top:-200px!important;background:transparent!important;padding-top:0!important;}
.LoginScreen .center-small .contentBox,.SplashScreen .center-small .contentBox{width:100%!important;}
@media(max-width:560px){.cq-topbar{font-size:10px;top:12px;letter-spacing:.08em;}
.cq-topbar::before,.cq-topbar::after{width:16px;}
.cq-footer{bottom:10px;font-size:10px;}
.LoginScreen .center,.LoginScreen .center-small,.SplashScreen .center,.SplashScreen .center-small{width:92vw!important;height:auto!important;margin-left:-46vw!important;margin-top:-210px!important;}
.LoginScreen .contentBox,.SplashScreen .contentBox,.LoginScreen .center-small .contentBox{width:100%!important;padding:22px 16px 18px!important;border-radius:16px!important;}
.LoginScreen .ImgLoginBanner,.LoginScreen .ImgAppBanner{width:210px;height:70px;}
.LoginScreen H1::after{margin-top:10px;font-size:11px;}
.LoginScreen .submitTD{grid-template-columns:auto 1fr;row-gap:14px;}
.LoginScreen .submitTD .ZLoginButton.DwtButton,.LoginScreen .ZLoginButton.DwtButton{grid-column:1 / -1;width:100%;justify-self:stretch;}
}
@media(prefers-reduced-motion:reduce){.cq-photo,.cq-aurora,.cq-orbs i,.cq-dust,.LoginScreen .contentBox,.LoginScreen .ImgLoginBanner,.cq-topbar,.cq-footer{animation:none!important;}
}