html, body {
    height: 100%;
  }
  
body{
   

}


.colores{
    background: rgb(2,0,36);
    background: linear-gradient(191deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    background-repeat: no-repeat; 
     
}


.blanco{
    background-color:white;
}


.desactivada {
    display: none;
}

.imgero {
   width: 80%;
   position: absolute;
   top: 10%;
   left: 10%;
  
}

.fondotxt{
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    margin-top: 12em;
}



.logoinicio{
    width: 70%;
    position: absolute;
    top: 5em;
    left: 50%;
    transform: translate(-50%, -50%);

}

.text-precarga{
font-family: Montserrat;
color: white;
text-transform: uppercase;
text-align: center;

}



.bt-inicio{
    position: absolute;
    top: 24em;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    padding: 15px 30px;
}


.bt-inicio i{
    margin-right: 8px;
}