.main-bg {
    background-image: url(../assets/img/bg/bg-pattern.png), radial-gradient(circle farthest-corner at 22.4% 21.7%, rgba(151, 195, 39, 1) 0%, rgba(52, 180, 228, 1) 60.2%);
}

.logo-login {
    width: 50%;
}

.logo-login:focus-visible {
    outline: none;
}

.atras {
    background-color: rgb(255, 255, 255,0.5);
    color: rgb(255, 255, 255);
    width: 50px !important;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 5%;
    left: 5%;
    transition: filter 0.5s ease;
}
.atras:hover {
    background-color: rgb(255, 255, 255,0.6);

}

.prev-icon {
    width:1.2rem !important;
    height:1.2rem !important;
}

/* FOOTTER */

.footer-bg {
    background: rgb(0,3,10);
    background: -moz-linear-gradient(4deg, rgba(0,3,10,1) 0%, rgba(0,22,70,1) 100%);
    background: -webkit-linear-gradient(4deg, rgba(0,3,10,1) 0%, rgba(0,22,70,1) 100%);
    background: linear-gradient(4deg, rgba(0,3,10,1) 0%, rgba(0,22,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00030a",endColorstr="#001646",GradientType=1);
}

.footer p {
    font-size: 16px !important;
    text-align: justify;
}

.centrar-mitad {
    display: flex;
    justify-content: start;
    align-items: center;
}

@media (max-width: 991px) {
    .centrar-mitad {
        justify-content: center;
    }
}


/* SOCIAL MEDIA */
.icon {
    color: #fff;
    transition: filter 0.3s ease;
}

.icon:hover {
    color: rgb(182, 229, 247);
    filter: drop-shadow(0 0 10px var(--primary-color));
}

.footer-img {
    height: 200px;
}