main {
    padding: 0;
    margin: 0;
}/*Ajuste para quitar el padding de login*/

.login-wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('/assets/login-bg.jpg');
    background-size: cover;
    background-position: center;
    background-color: #0000009c;
    background-blend-mode: overlay;
}/*Wrapper que engloba toda la pagina de login*/

 .login-wrapper .login-form{
     background-color: #0D0D0D;
     width: 450px;
     padding: 2rem;
     border: 1px solid #fff;
 }/*Formulario principal de login*/


.login-wrapper .login-form .form-header{
     margin-bottom: 3em;
 }/*Encabezado del formulario de login*/

.login-wrapper .login-form .form-header img{
     width: 100%;
     padding: 0 2rem;
 }/*logo del formulario de login*/

.login-wrapper .login-form .btn{
     width: 100%;
 }/*Boton del formulario de login*/

 .login-wrapper .copyright{
     color: #fff;
     margin-top: 10px;
 }/*Area de copyright y version del sistema*/

@media only screen and (max-width: 500px) {
    .login-wrapper .login-form {
        width: 350px;
        padding: 1rem;
    }/*Formulario principal de login*/

    .login-wrapper .copyright {
        font-size: 0.8rem;
    }/*Area de copyright y version del sistema*/
}/*Ajustes para mobiles*/