/* Identidad del login, acotada a esta página para conservar las otras WebForms. */
body:has(.cpa-login){background:#092e50!important;color:#d5e5ef}
body:has(.cpa-login):before{content:"";position:fixed;width:1000px;height:1000px;right:-760px;top:120px;border-radius:50%;border:1px solid #ffffff08;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02,0 0 0 240px #ffffff02;pointer-events:none;z-index:-1}
body:has(.cpa-login) .cpa-brand,body:has(.cpa-login) #navbar{display:none}
.login-marca{display:flex;align-items:center;gap:26px;max-width:1220px;margin:0 auto;padding:24px 28px;border-bottom:1px solid #ffffff1c;color:white}
.login-marca>img{display:block;width:244px;height:auto;object-fit:contain;flex-shrink:0}
.login-marca>span{font-size:14px;line-height:1.5;color:#d1e3f0;border-left:1px solid #ffffff26;padding-left:25px}
body .login-marca>a{margin-left:auto;color:#d9e9f4;text-decoration:none;font-size:13px;border:1px solid #ffffff28;border-radius:7px;padding:9px 13px;white-space:nowrap}
.login-marca>a span{margin-left:12px;color:#8fd3ed}
.login-marca>a:hover{background:#ffffff0d}
body .cpa-login{width:calc(100% - 56px);max-width:1164px;margin:65px auto 55px;grid-template-columns:1fr 1fr;gap:72px;align-items:center;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
body .cpa-login-intro{padding:0;background:transparent}
body .cpa-login-intro .cpa-eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.14em;color:#8fd3ed;text-transform:uppercase}
.cpa-login-intro .cpa-eyebrow:before{content:"";width:28px;height:2px;background:#8fd3ed;flex-shrink:0}
body .cpa-login-intro h1{font-size:clamp(36px,4.2vw,55px);line-height:1.12;letter-spacing:-.04em;text-align:left;color:white;margin:24px 0}
.cpa-login-intro h1 span{color:#8fd3ed}
body .cpa-login-intro p{font-size:15px;line-height:1.85;color:#d2e2ed;max-width:430px}
body .cpa-login-fields{padding:36px 40px;border-radius:18px;border:1px solid #fff9;background:white;color:#243c50;box-shadow:0 22px 70px #00152840}
.login-acceso{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0076a3}
body .cpa-login-fields h2{margin:12px 0 14px;color:#092e50;font-size:32px;letter-spacing:-.03em}
.cpa-login-fields>p{color:#526b7c;font-size:14px;margin-bottom:24px}
body .cpa-login-fields .cpa-field label{font-size:13px;color:#092e50;margin-bottom:8px}
body .cpa-login-fields input[type=text],body .cpa-login-fields input[type=password]{min-height:50px;background:#fbfdfe;border:1px solid #ccdbe5!important;border-radius:7px;padding:12px 14px;font-size:14px;color:#243c50}
body .cpa-login-fields input[type=submit]{min-height:50px;background:#092e50;border-color:#092e50;border-radius:7px;color:white;padding:13px 10px;font-size:14px}
body .cpa-login-fields input[type=submit]:hover{background:#154668}
body .cpa-login-fields input.cpa-secondary{color:#092e50!important;border:1px solid #ccdbe5!important;background:#f7fafc!important}
body .cpa-login-fields input.cpa-secondary:hover{background:#eaf4fa!important}
body:has(.cpa-login) :focus-visible{outline:3px solid #8fd3ed;outline-offset:3px}
body:has(.cpa-login) #footer{max-width:1164px;width:calc(100% - 56px);margin:0 auto;padding:22px 0;color:#a4c3d9;background:transparent;border-top:1px solid #ffffff1c;font-size:12px}
body:has(.cpa-login) #footer span{padding:0}
@media(max-width:900px){body .cpa-login{gap:32px}.login-marca>img{width:210px}body .cpa-login-fields{padding:30px}body .cpa-login-intro h1{font-size:41px}}
@media(max-width:700px){.login-marca{padding:20px;gap:15px}.login-marca>img{width:195px}.login-marca>span{display:none}body .login-marca>a{font-size:11px;padding:8px}.login-marca>a span{margin-left:5px}body .cpa-login{grid-template-columns:1fr;width:calc(100% - 36px);max-width:500px;margin:28px auto;gap:22px}body .cpa-login-intro{padding:0 6px}body .cpa-login-intro h1{font-size:36px;margin:16px 0}body .cpa-login-intro h1 br{display:none}body .cpa-login-intro p{font-size:14px;margin:8px 0}body .cpa-login-fields{padding:28px}body:has(.cpa-login) #footer{width:calc(100% - 36px)}}
@media(max-width:380px){.login-marca{gap:10px;padding:18px 14px}.login-marca>img{width:165px}body .login-marca>a{font-size:10px}.login-marca>a span{display:none}body .cpa-login-fields{padding:24px 20px}body .cpa-login-intro h1{font-size:32px}}
