/* Identidad institucional. Estilos exclusivos del login. */
.login-page{min-height:100vh;background:linear-gradient(135deg,#f4f7f3,#fbfcfa 55%,#eef3ed);color:#102c24}
.login-page>header,.login-page main>footer{display:none}
.login-page main{width:100%;max-width:1500px;min-height:100vh;margin:auto;padding:clamp(24px,5vw,70px) clamp(16px,4vw,56px) 24px;display:flex;flex-direction:column;justify-content:center}
.login-experience{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px;background:white;box-shadow:0 24px 65px #12392915;min-height:690px}
.login-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#00351f,#015428 65%,#086238);color:white;padding:clamp(28px,4vw,64px)}
.login-intro::before{content:"";position:absolute;z-index:-1;width:650px;height:650px;border:1px solid #ffffff12;border-radius:50%;left:-430px;top:120px;box-shadow:0 0 0 95px #ffffff03,0 0 0 190px #ffffff03}
.login-intro::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,transparent 17%,#ffffff04 17%,#ffffff04 28%,transparent 28%,transparent 72%,#ffffff04 72%);border-top:3px solid #c0392b;border-bottom:3px solid #c0392b}
.intro-content{width:100%;margin:auto 0}
.intro-logo{display:block;width:100%;max-width:510px;height:auto;filter:brightness(0) invert(1);margin:-24px auto -8px}
.login-intro h1{font-size:clamp(32px,3.7vw,52px);font-weight:750;line-height:1.15;letter-spacing:-1px;color:white;margin:0;overflow-wrap:anywhere}
.intro-accent{display:block;width:68px;height:5px;border-radius:3px;background:#c0392b;margin-top:24px}
.intro-caption{font-size:13px;line-height:1.6;border-left:4px solid #c0392b;padding-left:14px;margin-top:65px;color:white}
.login-access{padding:clamp(32px,4.5vw,66px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.access-badge{display:block;border-left:4px solid #015428;padding-left:18px;font-size:11px;letter-spacing:2px;font-weight:700;color:#015428;margin-bottom:27px}
.access-heading .access-identity{font-size:14px;margin:0 0 9px;color:#778195}
.access-heading h2{font-size:clamp(26px,2.7vw,38px);line-height:1.18;letter-spacing:-1px;color:#102c24;margin:0 0 12px}
.access-heading>p{font-size:16px;color:#778195;line-height:1.6}
.login-form{display:flex;flex-direction:column;gap:0;margin-top:30px}
.login-form>label{font-size:14px;font-weight:700;margin:0 0 9px}
.login-form>input,.password-field input{width:100%;min-height:55px;border:1px solid #d5dfdf;border-radius:8px;padding:15px 16px;background:#f8fafb;color:#193425;font-size:15px;line-height:1.4}
.login-form>input{margin-bottom:24px}
.password-field{position:relative;margin-bottom:24px}
.password-field input{padding-right:56px}
.login-form input:focus{outline:3px solid #01542820;border-color:#015428;background:white}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#788398;padding:10px;border-radius:6px}
.password-toggle[hidden]{display:none}.password-toggle:hover{background:#edf5ef;color:#015428}
.login-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.login-options .checkline{margin:0;font-size:13px;color:#4c5c65;align-items:center}
.login-options input{width:18px;height:18px;accent-color:#015428;margin:0}
.login-options a{font-size:13px;color:#015428;text-decoration:underline;text-underline-offset:3px}
.login-form .login-submit{width:100%;min-width:0;min-height:56px;justify-content:space-between;background:#015428;border-color:#015428;border-radius:9px;padding:14px 20px;font-size:16px;box-shadow:0 7px 18px #01542818;color:white}
.login-form .login-submit:hover{background:#003d1d}.login-submit span{font-size:25px;line-height:1}
.login-register{border-top:1px solid #e2e8e4;border-bottom:1px solid #e2e8e4;text-align:center;padding:22px 0;margin:32px 0 0;font-size:13px;color:#778195;line-height:1.8}
.login-register a{font-weight:700;color:#015428;display:inline-block;margin-left:6px}
.login-footer{display:flex;align-items:center;gap:24px;text-align:center;margin-top:32px;color:#7c8794;font-size:12px}
.login-footer::before,.login-footer::after{content:"";height:1px;background:#dce4dc;flex:1}
@media(max-width:950px){.login-access{padding:34px 28px}.login-intro{padding:30px}.login-experience{min-height:620px}.login-intro h1{font-size:36px}.intro-logo{margin:0 auto 12px}.access-heading h2{font-size:28px}}
@media(max-width:700px){.login-page main{padding:20px 16px}.login-experience{grid-template-columns:1fr;border-radius:18px;min-height:0}.login-intro{padding:24px 28px 28px}.intro-logo{max-width:340px;margin:-20px auto -12px}.login-intro h1{font-size:30px;line-height:1.2}.intro-caption{margin-top:26px;font-size:12px}.intro-accent{margin-top:16px}.login-access{padding:32px 26px}.access-badge{margin-bottom:24px}.login-footer{gap:12px;font-size:11px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}