@keyframes zumbido {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-10px);
    }

    40% {
        transform: translateX(10px);
    }

    60% {
        transform: translateX(-10px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.alert-danger {
    transition: opacity 0.5s ease-out;
    opacity: 1;
}

.fadeOut {
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
}

.bg-login-image {
    background: url('imagenes/logo_actual.png') no-repeat center center;
    background-size: 70%;
}


.background-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
    object-fit: cover;
    opacity: 0.5;
    transform: scale(1.12);
}

.content {
    position: relative;
    z-index: 2;
}