:root{font-family:"Segoe UI",Arial,sans-serif;color:#103650;background:#faf7f1;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:64px 48px}button,input{font:inherit}button{cursor:pointer}button[hidden]{display:none}svg{display:block}button:focus-visible,a:focus-visible{outline:3px solid #db9d00;outline-offset:4px}
.login-shell{width:100%;max-width:1440px;min-height:clamp(820px,57.03vw,876px);display:grid;grid-template-columns:48% 52%;position:relative;border-radius:30px;background:#fff;box-shadow:0 20px 45px #302a2014;overflow:hidden}
.environment{position:absolute;z-index:2;top:38px;right:38px;padding:7px 15px;border:1.5px solid #0068a2;border-radius:17px;color:#006498;font-size:18px;font-weight:600;line-height:1.35}
.brand-panel{background:#00608f url('/login-assets/pinceladas.webp') center/cover no-repeat;display:flex;align-items:center;padding:95px 72px;color:white}
.brand-content{width:100%;position:relative}.brand-logo{width:min(100%,360px);height:auto;margin:0 0 56px 22px;max-width:calc(100% - 22px)}
.brand-panel h2{font-size:clamp(38px,4vw,60px);line-height:1.13;letter-spacing:-1.8px;margin:0;font-weight:700}.brand-accent{display:block;width:94px;height:11px;background:#ffc700;border-radius:6px;margin:34px 0 25px}.brand-panel p{font-size:clamp(21px,2.1vw,31px);line-height:1.35;margin:0;letter-spacing:-.5px}
.form-panel{display:flex;align-items:center;padding:112px 64px 64px;min-width:0}.form-content{width:100%;max-width:590px;margin:auto}.eyebrow{font-size:22px;color:#006ca5;font-weight:700;text-transform:uppercase;margin:0}.form-accent{display:block;width:82px;height:9px;border-radius:8px;background:#ffc700;margin:17px 0 23px}
h1{font-size:clamp(32px,3.2vw,48px);letter-spacing:-1.6px;line-height:1.12;margin:0 0 10px;font-weight:700}.intro{font-size:23px;line-height:1.4;color:#59616c;margin:0 0 38px;letter-spacing:-.35px}
.field{margin:0 0 24px}.field label{display:block;font-size:23px;font-weight:600;margin:0 0 8px;line-height:1.3;letter-spacing:-.3px}.input-wrap{position:relative;display:flex;align-items:center;border:1.5px solid #d0d2d5;border-radius:14px;min-height:66px;background:#fff;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#007cad;box-shadow:0 0 0 3px #007cad20}.field-icon{width:25px;height:25px;color:#5c6570;flex:none;margin-left:24px}.input-wrap input{width:100%;min-width:0;height:64px;padding:13px 18px;border:0;border-radius:14px;outline:0;color:#17394e;background:transparent;font-size:22px}.input-wrap input::placeholder{color:#666e78;opacity:1}.input-wrap:has(.password-toggle) input{padding-right:4px}.password-toggle{flex:none;border:0;background:transparent;color:#59616c;width:54px;height:52px;margin-right:6px;display:grid;place-items:center;border-radius:9px}.password-toggle svg{width:27px;height:27px}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}
.submit-button{width:100%;min-height:68px;border:0;border-radius:14px;background:#006393;color:white;display:flex;align-items:center;justify-content:center;gap:18px;font-size:26px;font-weight:650;margin-top:34px;padding:15px 20px;transition:background .15s}.submit-button:hover{background:#004c77}.submit-button:disabled{cursor:wait;background:#416f87}.submit-button svg{width:30px;height:30px;flex:none}.submit-status{font-size:15px;color:#59616c;line-height:1.4;margin:10px 0 0;min-height:21px}.protected{display:flex;align-items:center;justify-content:center;gap:12px;font-size:21px;color:#59616c;margin:24px 0 0}.protected svg{width:24px;height:24px}
.notice{border-left:3px solid #d79e00;background:#fff8df;padding:14px 16px;color:#4c430e;line-height:1.45;margin:0 0 24px;font-size:16px;border-radius:4px}.notice ul,.field-errors ul{list-style:none;margin:0;padding:0}.field-errors{color:#962c28;font-size:15px;margin-top:8px}.field:has([aria-invalid=true]) .input-wrap{border-color:#b23b34}
@media(min-width:1500px){.brand-panel{padding-left:84px;padding-right:64px}.brand-logo{margin-left:28px}.form-panel{padding-left:66px;padding-right:58px}}
@media(max-width:1150px) and (min-width:901px){body{padding:35px 26px}.login-shell{min-height:740px}.brand-panel{padding:70px 38px}.brand-logo{margin-left:0;max-width:100%;margin-bottom:42px}.brand-panel h2{font-size:42px}.brand-panel p{font-size:24px}.form-panel{padding:110px 36px 52px}.environment{top:28px;right:28px}.intro{font-size:19px}.field label{font-size:20px}.input-wrap input{font-size:19px}.eyebrow{font-size:18px}.submit-button{font-size:22px}}
@media(max-width:900px){body{padding:0;display:block;background:#fff}.login-shell{min-height:100svh;display:block;width:100%;border-radius:0;box-shadow:none;overflow:hidden}.environment{top:22px;right:20px;border-color:#ffffff80;color:white;background:#004a7120;font-size:12px;padding:5px 9px;border-radius:10px}.brand-panel{min-height:226px;padding:30px 26px 50px;align-items:flex-start;background-position:center 42%;background-size:cover}.brand-logo{width:192px;margin:0 0 25px;max-width:60%}.brand-panel h2{font-size:25px;line-height:1.18;letter-spacing:-.7px;max-width:285px}.brand-break{display:none}.brand-accent,.brand-panel p{display:none}.form-panel{position:relative;margin-top:-23px;padding:32px 26px 25px;border-radius:24px 24px 0 0;background:#fff;display:block}.form-content{max-width:450px}.eyebrow{font-size:14px;letter-spacing:.2px}.form-accent{width:52px;height:6px;margin:12px 0 21px}h1{font-size:32px;letter-spacing:-1px;margin-bottom:9px}.intro{font-size:17px;line-height:1.45;margin-bottom:29px;letter-spacing:0}.field{margin-bottom:22px}.field label{font-size:17px;margin-bottom:8px}.input-wrap{min-height:56px;border-radius:11px}.input-wrap input{height:54px;padding:12px;font-size:17px;border-radius:11px}.field-icon{width:21px;height:21px;margin-left:17px}.password-toggle{width:48px;height:46px;margin-right:4px}.password-toggle svg{width:24px;height:24px}.submit-button{min-height:57px;font-size:19px;gap:14px;border-radius:11px;margin-top:28px;padding:14px 16px}.submit-button svg{width:25px;height:25px}.submit-status{font-size:14px;min-height:20px}.protected{font-size:16px;gap:9px;margin-top:16px}.protected svg{width:20px;height:20px}.notice{font-size:15px}}
@media(max-width:359px){.brand-panel{padding-left:21px}.brand-logo{width:165px}.environment{right:15px;font-size:11px}.form-panel{padding-left:21px;padding-right:21px}h1{font-size:28px}.intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.forgot{text-align:right;font-size:15px;margin:-4px 0 0}.forgot a{color:#006393;text-decoration:none}.forgot a:hover{text-decoration:underline}.forgot+.submit-button{margin-top:22px}