:root{--cid-navy:#1d2123;--cid-paper:#f3f2ee;--cid-white:#faf9f6;--cid-orange:#d75a34;--cid-ink:#202428;--cid-muted:#66706c;--cid-line:rgba(32,36,40,.16)}
body.cid-auth-page{margin:0!important;background:var(--cid-navy)!important;color:var(--cid-ink)!important;font-family:Inter,system-ui,sans-serif!important}.cid-auth-page .page{min-height:100vh;background:var(--cid-navy)!important}
.cid-auth-page .login-main,.cid-auth-page .cid-register-main{padding:clamp(32px,6vw,78px) 24px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--cid-navy)!important}
.cid-auth-shell{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,.75fr);min-height:650px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:var(--cid-paper);box-shadow:0 28px 80px rgba(0,0,0,.24);border-radius:28px}
.cid-auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(38px,5vw,68px);color:#fff;background:linear-gradient(145deg,#343a3b,#252a2d)}.cid-auth-story:before{content:"";position:absolute;z-index:-2;inset:3% -10% auto;height:58%;background:url('/assets/cid-forense/panama-dots.svg') center/contain no-repeat;opacity:.48}.cid-auth-story:after{content:"";position:absolute;z-index:-1;inset:38% 0 0;background:linear-gradient(transparent,rgba(37,42,45,.98))}
.cid-auth-kicker{margin:0 0 18px!important;color:#e29478!important;font-size:12px!important;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.cid-auth-story h2{max-width:600px;margin:0;font:700 clamp(38px,4.7vw,65px)/.96 "Space Grotesk",Inter,sans-serif;letter-spacing:-.05em}.cid-auth-story>p:not(.cid-auth-kicker){max-width:560px;margin:24px 0 0;color:#d7dcda;font-size:16px;line-height:1.7}.cid-auth-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.cid-auth-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);font-size:12px}
.cid-auth-formpane{display:flex;align-items:center;padding:clamp(30px,5vw,62px);background:var(--cid-white)}.cid-auth-formpane>.login-wrap,.cid-auth-formpane>.card{width:100%!important;max-width:none!important;margin:0!important}
.cid-auth-page .login-card,.cid-auth-page .cid-register-card{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}.cid-auth-page .login-card:before,.cid-auth-page .cid-register-card:before{display:none!important}
.cid-auth-page .login-cid-logo,.cid-auth-page .card-logo{display:block;width:190px!important;max-width:55%!important;height:auto!important;margin:0 auto 30px!important;border-radius:12px!important;box-shadow:none!important}.cid-auth-page .login-brand{margin-bottom:8px!important}
.cid-auth-page .login-title,.cid-auth-page .cid-register-card h1{margin:0 0 10px!important;color:var(--cid-ink)!important;font:700 clamp(34px,4vw,49px)/1.03 "Space Grotesk",Inter,sans-serif!important;letter-spacing:-.04em!important}.cid-auth-page .login-eyebrow,.cid-auth-page .eyebrow{color:var(--cid-orange)!important;font-size:11px!important;letter-spacing:.17em!important}.cid-auth-page .login-subtitle,.cid-auth-page .intro{color:var(--cid-muted)!important;font-size:15px!important;line-height:1.65!important}
.cid-auth-page label,.cid-auth-page .login-label{color:#35403c!important;font-size:13px!important}.cid-auth-page .input{min-height:49px!important;border:1px solid var(--cid-line)!important;border-radius:13px!important;background:#fff!important;color:var(--cid-ink)!important}.cid-auth-page .input:focus{outline:0!important;border-color:var(--cid-orange)!important;box-shadow:0 0 0 3px rgba(215,90,52,.12)!important}
.cid-auth-page .btn{border:1px solid var(--cid-line)!important;border-radius:13px!important;background:#fff!important;color:var(--cid-ink)!important;box-shadow:none!important}.cid-auth-page .btn.primary,.cid-auth-page #btnLogin,.cid-auth-page #btnReg{background:var(--cid-orange)!important;border-color:var(--cid-orange)!important;color:#fff!important}.cid-auth-page .reset-panel{border:1px solid var(--cid-line)!important;border-radius:18px!important;background:#efede7!important}
.cid-auth-page footer{background:var(--cid-navy)!important;color:#aeb6b3!important}.cid-auth-page .footer-inner{border-color:rgba(255,255,255,.14)!important}.cid-auth-page .footer-links a{color:#cfd4d2!important}
@media(max-width:900px){.cid-auth-shell{grid-template-columns:1fr;max-width:760px}.cid-auth-story{min-height:340px;padding:40px}.cid-auth-story h2{font-size:46px}.cid-auth-formpane{padding:44px}}
@media(max-width:600px){.cid-auth-page .login-main,.cid-auth-page .cid-register-main{padding:18px 12px 34px!important}.cid-auth-shell{min-height:0}.cid-auth-story{min-height:275px;padding:27px 23px}.cid-auth-story h2{font-size:36px}.cid-auth-story>p:not(.cid-auth-kicker){font-size:14px}.cid-auth-formpane{padding:32px 21px}.cid-auth-page .login-actions,.cid-auth-page .actions{display:grid!important;grid-template-columns:1fr!important}.cid-auth-page #btnLogin,.cid-auth-page .login-actions .btn,.cid-auth-page .actions>*{width:100%!important;justify-self:stretch!important}}
@media(prefers-reduced-motion:reduce){.cid-auth-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}










/* Continuidad visual entre Digital Evidence Center y su acceso. */
.login-evidence-page .cid-auth-story{background:#202628 url('/assets/cid-forense/digital-evidence-login-v1.webp') center 34%/cover no-repeat}.login-evidence-page .cid-auth-story:before{display:none}.login-evidence-page .cid-auth-story:after{inset:0;background:linear-gradient(180deg,rgba(25,30,32,.03) 0%,rgba(25,30,32,.12) 36%,rgba(25,30,32,.78) 64%,rgba(25,30,32,.98) 100%)}.login-evidence-page .cid-auth-story>*{position:relative;z-index:1}.login-evidence-page .cid-auth-points span{background:rgba(22,27,29,.45);backdrop-filter:blur(7px)}
@media(max-width:900px){.login-evidence-page .cid-auth-story{background-position:center 29%}.login-evidence-page .cid-auth-story:after{background:linear-gradient(90deg,rgba(25,30,32,.82),rgba(25,30,32,.18) 72%),linear-gradient(180deg,transparent 30%,rgba(25,30,32,.9))}}
@media(max-width:600px){.login-evidence-page .cid-auth-story{background-position:center 25%}.login-evidence-page .cid-auth-story:after{background:linear-gradient(90deg,rgba(25,30,32,.78),rgba(25,30,32,.28)),linear-gradient(180deg,transparent 22%,rgba(25,30,32,.93))}}