.login-dark {
  background:rgba(191, 191, 233, 0.5) url(../img/logoe2.png);
  background-size:cover;
  
  width: 100%;
  height:100vh;  /* responsive height */
}

.login-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(23, 6, 253); /* Color azul sólido */
  mix-blend-mode: multiply; /* Modo de fusión para mezclar el color con la imagen */
  /* Otros modos de fusión útiles: overlay, color, hue, luminosity */
  opacity: 0.25; /* Ajusta la intensidad del efecto */
}



.login-dark form {
  max-width:420px;
  width:90%;
  background-color:#fff;
  padding:40px;
  border-radius:25px; 
  color:#000;
  box-shadow:3px 3px 4px rgba(0,0,0,0.2);
  opacity: 0.90;
  border: 1px solid #fff;
}






.login-dark form .btn-primary {
  background:#214a80;
  border:none;
  border-radius:4px;
  padding:11px;
  box-shadow:none;
  margin-top:26px;
  text-shadow:none;
  outline:none;
}