/* Fondo personalizado */
body.login-page {
  background-image: url("../pics/fondo_login.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

/* Fondo del recuadro de login (semi-transparente) */
.login-box {
  background-color: rgba(0, 0, 0, 0.4); /* Fondo negro con transparencia */
  border-radius: 12px;
  padding: 30px;
}

/* Texto principal de "Acceso con tu cuenta" */
.login-box h2,
.login-box h1,
.login-box h3 {
  color: white !important;
}

/* Labels (Usuario, Contraseña, Fuente...) */
.login-box label {
  color: white !important;
}

/* Select y opciones */
.login-box select,
.login-box option {
  background: white;
  color: black;
}

/* Texto legal, pie de página */
#footer {
  color: white !important;
}