/* Ajustes exclusivos para el inicio de sesión en celulares. */
@media (max-width: 768px) {
  .container-principal {
    min-height: 100dvh;
    height: 100dvh;
    padding: 1rem;
    box-sizing: border-box;
  }

  .login-div {
    width: min(92vw, 360px);
    height: auto;
    min-height: 0;
    padding: 2rem 1.25rem;
    box-sizing: border-box;
    border-radius: 24px;
  }

  .login-imagen {
    width: 180px !important;
    height: auto !important;
    margin-bottom: 1.25rem;
  }

  .login-div-input1,
  .login-div-input2 {
    width: 100%;
    height: 44px;
    margin-top: 0.85rem;
  }

  .login-div-input1 {
    margin-top: 0;
  }

  .input-usuario,
  .input-contraseña {
    height: 44px;
    min-width: 0;
    font-size: 16px;
    box-sizing: border-box;
  }

  .input-usuario {
    width: 100%;
  }

  .input-contraseña {
    flex: 1;
    width: auto;
  }

  .login-btn-vista {
    flex: 0 0 48px;
    width: 48px;
    height: 44px;
  }

  .login-check-box {
    width: 22px;
    height: 22px;
  }

  .form-check-label {
    font-size: 1rem;
  }

  #Login_btn_iniciar_sesion {
    width: 100%;
    height: 46px;
    margin-top: 1.5rem;
    font-size: 1rem;
  }
}