body {
    background-color: #000000;
}

.container-pulse {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 95vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /* Asegura que esté detrás del contenido */
}

.bg-logincard {
    background-color: rgba(255, 255, 255, 0.09);
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #f5f5f538;
}

.auth {
    align-items: center;
    flex: 1;
    width: 100%;
    background: radial-gradient(at left bottom, rgb(0, 0, 0) 34%, rgb(250, 30, 243) 100%, rgb(28, 35, 43) 58%);
}


.auth .sign-up {
    font-size: 0.875rem;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0;
    color: whitesmoke;
}

.card .card-title {
    color: whitesmoke;
    margin-bottom: 1.125rem;
    text-transform: capitalize;
}

.wikilogo {
    height: 5rem;
    cursor: pointer;
    position: static;
}


.bg-loginform {
  background-color: rgba(255, 255, 255, 0.12) ;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #f5f5f554;
}

.bg-loginform::placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: 1; /* Firefox requiere esto para evitar una opacidad adicional */
}

/* Para compatibilidad con navegadores antiguos */
.bg-loginform::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bg-loginform::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bg-loginform:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bg-loginform:-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}