/* Sólo para alertas dentro de la página de login */
.login-container .alert-container {
  transform: translateZ(20px);
  width: 100%;
}

.login-container .alert-danger {
  background: rgba(255, 77, 109, 0.2);
  border: 1px solid var(--error);
  color: white;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 0.9rem;
  margin-top: 1rem;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
}