.contenedor-botones{

}
.fondo--tarjeta {



    backdrop-filter:blur(10px);
    box-shadow: rgba(0, 0, 0, 0.70) 0px 22px 70px 4px;

    background-color: rgba(0,0,0,0.5);

    border-radius: 9px;
    transition-duration: 5s;
}

.fondo--tarjeta:hover{
    background-color: rgba(0,0,0,0.1);
    border-radius: 35px;
   /* background-color: rgba(209,211,212,0.3);  */
    box-shadow: rgba(0, 0, 0, 0.94) 0px 12px 28px 0px, rgba(0, 0, 0, 0.71) 0px 2px 4px 0px, rgba(255, 255, 255, 0.38) 0px 0px 0px 1px inset;
}

.fondo--tarjeta:hover .fondo--login-icon{
    border-radius: 50% !important;

    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
.fondo--login-icon{
    transition-duration: 3s;
}
.logo-mobile{
    display: none;
    width: 80%;
    padding-top: 25%;
}
.logo-mobile-login{
    display: none;
    width: 80%;
    padding-top: 5%;
}

@media (max-width: 450px) {
    .fondo--tarjeta{
        margin: auto !important;
    }
    .bg-image{
        flex-direction: column;
    }
    .campos{
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .buttonMenu{
        width:35vh !important;
        font-size: 90% !important;
        margin-top: 25% !important;
        letter-spacing: 0.2rem !important;
    }
    .contenedor-botones{
        align-items: center !important;
    }
    .logo-mobile {
        display: block;
    }
    .logo-mobile-login{
        display: block;
    }
}
@media (min-width: 500px) {
    .fondo--tarjeta{
        min-width: 70vh;
        min-height:80vh;
    }

}