body {
    background: linear-gradient(135deg, #f8f8f8 50%, #343a40 50%);
    background-size: 200% 200%;
    animation: moveBg 10s ease infinite;
  }

  
  
  @keyframes moveBg {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  
  .login-box {
    width: 350px;
    background: rgba(255, 255, 255, 0.274);
    border-radius: 12px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding: 40px;
  }
  
  /* RESPONSIVE: Pantallas pequeñas (móvil) */
  @media (max-width: 768px) {
    .login-box {
      width: 90%;
      padding: 20px;
    }
  }