.imagen{
    width: 100%;
    /* margin: 1rem 0 1rem 1rem; */
    height: calc(100vh - 0rem);
    border-radius: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
    /* background-image:  url("fondo_large-SS.png") ; */
    /* background-image:  url("../../../../img/wallpaper.jpg") ; */
    /* background-position: 1% 1%; */
    background-size: cover;
    background-repeat: no-repeat;
}

.texto_bienvenida{
    font-weight: 500;
}

.logo{
    margin: 5rem;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    width: 60%;
    z-index: 100;
}

.logo_isotipo{
    margin: 0 3rem 0 3rem;
    width: 75%;
}

.formulario{
    padding: 4rem 2rem 0 2rem;
    display: flex;
    align-items: center;
}

.form_centrado{
    width: 500px;
    margin-left: auto;
    margin-right: auto;

}

.btn_usuario{
    margin-top: 3rem;
}

.btn_contrasena{
    margin-top: 1rem;
}

.btn{
    margin-top: 2rem;
    background-color:#47a5cf;
    border-color: #47a5cf;
}

.form-control{
    background-color:#f1f2f3 !important;
    border: 0px
}


@media (min-width: 576px) {
    .imagen{
        width: 100%;
        /* margin: 1rem 0 1rem 1rem; */
        height: calc(100vh - 0rem);
        border-radius: 0;
        position: relative;
        align-items: center;
        justify-content: center;
        display: flex;
        /* background-image:  url("fondo_large-SS.png") ; */
        /* background-image:  url("../../../../img/wallpaper.jpg") ; */
        background-position: 1% 1%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .texto_bienvenida{
        font-weight: 500;
    }

    .logo{
        margin: 5rem;
        margin-top: auto;
        margin-bottom: auto;
        text-align: center;
        width: 60%;
        z-index: 100;
    }

    .logo_isotipo{
        margin: 0 4rem 0 4rem;
        width: 70%;
    }

    .formulario{
        padding: 3rem;
        display: flex;
        align-items: center;
    }

    .form_centrado{
        width: 500px;
        margin-left: auto;
        margin-right: auto;

    }

    .btn_usuario{
        margin-top: 3rem;
    }

    .btn_contrasena{
        margin-top: 1rem;
    }

    .btn{
        margin-top: 2rem;
        background-color:#47a5cf;
        border-color: #47a5cf;
    }

    .form-control{
        background-color:#f1f2f3 !important;
        border: 0px
    }
}