:root{--azul:#295097;--azul-oscuro:#1e3a70;--fondo:#f4f6f8;--borde:#d8e0e8;--texto:#1c2530;--suave:#667481}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,#e8effa 0,transparent 34%),var(--fondo);font-family:"Segoe UI",Arial,sans-serif;color:var(--texto);padding:24px}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--borde);border-radius:18px;padding:34px 34px 28px;box-shadow:0 18px 48px rgba(20,30,60,.12);text-align:center}.login-logo{display:flex;justify-content:center;margin-bottom:22px}.login-logo img{height:42px;width:auto}.login-card h1{margin:0 0 6px;font-size:1.5rem;color:var(--azul-oscuro)}.login-subtitulo{margin:0 0 22px;color:var(--suave);font-size:.92rem}.login-alerta{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#fdecea;border:1px solid #f5c2c0;color:#9c2b28;font-size:.86rem;text-align:left}.login-campo{text-align:left;margin-bottom:14px}.login-campo label{display:block;margin-bottom:6px;font-weight:600;font-size:.86rem}.login-campo input{width:100%;padding:11px 14px;border:1px solid var(--borde);border-radius:22px;font:inherit;transition:.15s}.login-campo input:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px rgba(41,80,151,.14)}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:42px}.login-password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;padding:2px;color:var(--suave);display:flex}.login-submit{width:100%;margin-top:8px;padding:12px 16px;border:0;border-radius:22px;background:var(--azul);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}.login-submit:hover{background:var(--azul-oscuro)}.login-divisor{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--suave);font-size:.82rem}.login-divisor::before,.login-divisor::after{content:"";flex:1;height:1px;background:var(--borde)}.btn-microsoft{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-radius:22px;background:#1b1b1b;color:#fff;text-decoration:none;font-weight:700;font-size:.92rem}.login-microsoft-off{padding:11px 14px;border-radius:22px;background:var(--fondo);color:var(--suave);font-size:.85rem;border:1px dashed var(--borde)}.login-empleados{margin:14px 0 0;font-size:.82rem;color:var(--suave)}.login-seguridad{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.78rem;color:#2f9e6f}

/* Adaptación responsive del acceso */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  min-height:100svh;
  min-height:100dvh;
  padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  overflow-x:hidden;
}
.login-card{
  min-width:0;
}
.login-campo input{
  font-size:16px;
}
.login-submit,.btn-microsoft{
  min-height:48px;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

@media (max-width:520px){
  body{
    align-items:flex-start;
    padding-top:max(24px,env(safe-area-inset-top));
  }
  .login-card{
    max-width:100%;
    padding:26px 20px 22px;
    border-radius:16px;
  }
  .login-logo{
    margin-bottom:18px;
  }
  .login-logo img{
    height:38px;
  }
  .login-card h1{
    font-size:1.34rem;
  }
  .login-subtitulo{
    margin-bottom:19px;
    font-size:.87rem;
  }
  .login-campo input,
  .login-submit,
  .btn-microsoft,
  .login-microsoft-off{
    border-radius:13px;
  }
  .login-divisor{
    margin:19px 0 14px;
  }
}

@media (max-width:360px){
  body{
    padding-inline:8px;
  }
  .login-card{
    padding-inline:15px;
  }
  .btn-microsoft{
    gap:8px;
    padding-inline:10px;
    font-size:.86rem;
  }
}