body img{
    width: 150px !important;
    margin-top: 10px !important;
}

body {
    background-color:rgba(82, 82, 75, 0.688) !important;
}

.text-center {
  font-size: 30px !important; /* Cambia este valor al tamaño que desees */
  color: #343a40 !important; /* Opcional: Cambia el color si lo deseas */
}


body .login-container {
  display: flex; /* Para que las columnas se alineen en fila */
  max-width: 1200px !important; /* Ajusta el ancho máximo del contenedor */
  margin: 40px auto !important; /* Centra el contenedor */
  padding: 20px !important;
  background-color: #f8f9fa !important; /* Fondo gris claro */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Sombra */
  border-radius: 16px !important; /* Bordes redondeados */
}

body .login-title {
  background-color: #343a40 !important; /* Fondo oscuro */
  color: #ffffff !important; /* Texto blanco */
  padding: 10px !important; /* Espaciado interno */
  border-top-left-radius: 4px !important; /* Borde superior izquierdo redondeado */
  border-bottom-left-radius: 8px !important; /* Borde inferior izquierdo redondeado */
  text-align: center !important; /* Alineación centrada */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-grow: 4; /* Aumenta el tamaño de esta columna */
  flex-basis: 50%; /* Ancho inicial de la columna */
}

body .login-form {
  padding: 50px !important; /* Espaciado interno */
  flex-grow: 1; /* Tamaño relativo a .login-title */
  flex-basis: 50%; /* Ancho inicial de la columna */
}

body .login-form .btn {
  width: auto !important; /* Botón de ancho completo */  
}

.text-center {
  text-align: center; /* Alineación centrada del texto */
  width: 100%; /* Asegura que el contenedor ocupe todo el ancho */
  margin: 0 auto; /* Asegura que el contenedor tenga un margen automático */
}

.text-center h2 {
  margin-bottom: 20px; /* Espacio debajo del título */
}