/* Estilos de login.html: era su <style> en línea. Se carga con un <link> en el mismo sitio. */
.login-wrap { min-height:calc(100vh - 48px); display:flex; align-items:center; justify-content:center; }
.login-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radio);
  box-shadow:var(--sombra); padding:36px 40px 32px; width:100%; max-width:400px; }
.login-brand { display:flex; justify-content:center; margin:0 0 8px; }
.login-sub { text-align:center; color:var(--muted); font-size:12.5px; margin:0 0 22px; }
.login-card label { display:block;    font-size:11px; font-weight:600; letter-spacing:.07em; text-transform:uppercase;
  color:var(--muted); margin:14px 0 5px; }
.login-card input { width:100%; }
.login-card .btn { width:100%; justify-content:center; margin-top:22px; padding:10px; }
.login-card .btn-ms { display:flex; align-items:center; gap:10px; margin-top:6px; text-decoration:none; }
.login-ms-logo { display:grid; grid-template-columns:7px 7px; gap:2px; flex:0 0 auto; }
.login-ms-logo i { width:7px; height:7px; display:block; }
.login-emergencia { margin-top:22px; border-top:1px solid var(--line-soft); padding-top:12px; }
.login-emergencia > summary { cursor:pointer; color:var(--muted); font-size:12px; text-align:center;
  list-style:none; }
.login-emergencia > summary::-webkit-details-marker { display:none; }
.login-emergencia .btn { background:var(--card); color:var(--pardo); border:1px solid var(--line); }
.login-o { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:11px;
  margin:20px 0 0; text-transform:uppercase; letter-spacing:.07em; }
.login-o::before, .login-o::after { content:""; flex:1; border-top:1px solid var(--line-soft); }