.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-visual{padding:8%;background:linear-gradient(150deg,#0a5f58,#123c3a);color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-visual:after{content:"";position:absolute;width:460px;height:460px;border:80px solid #ffffff0c;border-radius:50%;right:-140px;bottom:-170px}.login-visual .mark{background:white;color:var(--brand);width:58px;height:58px}.login-copy h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.95;letter-spacing:-.05em;max-width:700px;margin:20px 0}.login-copy p{color:#cde6e1;max-width:550px;font-size:1.1rem}.login-panel{display:grid;place-items:center;padding:8%}.login-box{width:min(440px,100%)}.login-box h2{font-size:2rem;margin-bottom:8px}.login-box>p{color:var(--muted);margin-bottom:28px}.login-box .field{margin:15px 0}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:7px;border:0;background:transparent}.check{display:flex;gap:8px;color:var(--muted);font-size:.9rem}.login-box .btn{width:100%;margin-top:24px;padding:14px}.demo{margin-top:25px;background:#e7f3f0;padding:13px;border-radius:10px;color:#315c57;font-size:.82rem}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-visual{min-height:250px;padding:30px}.login-copy h1{font-size:2.5rem}.login-panel{padding:30px 22px}}
.login-visual{background:linear-gradient(150deg,#ff8a2b,#e65f08)}.login-copy p{color:#fff4e9}.login-panel{background:#fff}.demo{background:#fff0e2;color:#7b421d}
.login-copy .eyebrow{color:#fff!important}.login-nav{position:absolute;right:4%;top:18px;z-index:10;display:flex;gap:6px}.login-nav a{text-decoration:none;color:#7b421d;background:#fff;padding:9px 12px;border-radius:9px;font-weight:700}.login-nav a:hover,.login-nav a.active{background:#43220d;color:#fff}@media(max-width:800px){.login-nav{position:relative;right:auto;top:auto;justify-content:center;padding:10px;background:#fff;flex-wrap:wrap}.login-nav a{background:#fff0e2}.login-page{min-height:auto}}
.login-visual .mark{width:70px;height:70px;background:#fff url('../assets/logo/mantenimiento-icon.jpg') center/90% auto no-repeat;color:transparent}
.demo{display:none!important}