.login{z-index:1;min-height:100vh;padding:var(--s-6) var(--s-4);place-items:center;display:grid;position:relative}.login-card{width:100%;max-width:400px;padding:var(--s-7)}.login-card .brand{padding:0 0 var(--s-5)}.login-card h1{margin-bottom:var(--s-1)}.login-card p.muted{margin:0 0 var(--s-5)}.login-form{gap:var(--s-4);display:grid}.login-form label{gap:var(--s-2);display:grid}.login-form .p-label{margin:0}.login-form .btn{padding:var(--s-3) var(--s-4);justify-content:center}.login-error{color:var(--urg);font-size:var(--fs-sm);margin:0}.login-estado{align-items:flex-start;gap:var(--s-2);margin:0 0 var(--s-4);font-size:var(--fs-sm);color:var(--text);display:flex}.login-estado-error{color:var(--urg)}.login-punto{background:var(--ok-text);border-radius:50%;flex:none;width:8px;height:8px;margin-top:.45em}.login-estado-error .login-punto{background:var(--urg)}.login-alt{min-height:44px;margin-top:var(--s-3);font-size:var(--fs-sm);justify-content:center;align-items:center;font-weight:600;display:flex}.login-otras{margin-top:var(--s-3)}.login-separador{align-items:center;gap:var(--s-3);margin:0 0 var(--s-4);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.login-separador:before,.login-separador:after{content:"";background:var(--line-control);flex:1;height:1px}.login-otras .btn{white-space:normal;text-align:center;min-height:44px}.login-otras a.btn{justify-content:center}