.LogoSheely{
    position: fixed;
    width: 40vw;    
    height: auto;     
    top: 47%;
    left: 47%;
    transform: translate(-50%, -50%);
}
.LogoEmpresa{ /* Modifica tamaño y posición de la imagen del Logo del Hotel */
    position: fixed;
    top: 0;      
    left: 5vw;        
    width: 12vw;      
    height: auto;     
}

body::before{
   content: "";
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-image:url("/images/img-hotel-laffayette-ejecutivo-guadalajara-5.jpg");
   background-repeat:no-repeat;
   background-size:cover;
   filter:opacity(50%);
}
.Autoriza{
   position: fixed;
   top: 1vh;      
   right: 5vw;
   font-size: clamp(11px, 2vw, 27px);
   color: #00256a;
   font-family: Arial, Helvetica, sans-serif;
}
.Version{
   position: fixed;
   bottom: 1vh;      
   right: 5vw;
   font-size: clamp(11px, 2vw, 27px);
   color: #00256a;
   font-family: Arial, Helvetica, sans-serif;
}
.LogoZeroCode{
   position: fixed;
   bottom: 3vh;      
   left: 2vw;
   width: 16vw;      
   height: auto;  
}
.loader-bar {
   position: fixed;
   width: 46vh;
   height: 1vh;
   background-color: #e0e0e0;
   top: 70%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.loader-progress {
   height: 1vh;
   width: 0%;
   background: #305BAB;
   animation: cargar 3s linear forwards;
   filter:opacity(100%)
}
@keyframes cargar {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}