/* Ajustes de acceso V31.3.36: la pantalla siempre cabe en el viewport. */
@media (max-width:900px) and (max-height:650px){
  .login-shell{grid-template-rows:130px minmax(0,1fr)}
  .login-brand{padding:12px 20px;justify-content:center}
  .login-brand-mark{top:9px;left:20px}
  .login-brand-mark img{width:42px;height:42px}
  .login-brand-copy{margin:38px 0 0}
  .login-brand h1{margin:4px 0;font-size:28px;line-height:1}
  .login-brand-copy>p,.login-benefits{display:none}
  .login-access{height:auto;padding:10px 12px 12px;border-radius:24px 24px 0 0}
  .login-card{width:min(100%,430px);padding:14px 20px;border-radius:19px}
  .login-card:before{height:4px;margin-bottom:10px}
  .login-card header h2{margin:2px 0;font-size:24px}
  .login-card header p{font-size:11px}
  .login-card label{margin:8px 0 4px}
  .login-field input{padding:9px 4px}
  .login-submit{margin-top:11px;padding:11px 14px}
  .secure-note{margin-top:8px;font-size:10px}
  .login-access footer{display:none}
}

@media (max-width:390px){
  .login-brand h1{font-size:25px}
  .login-card{padding-inline:16px}
}