/*========= PIE DE PAGINA =========*/
footer.cuerpo-style-abajo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ctn-pie-pagina {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #eee;
}

.ctn-footer-ley {
    width: 100%;
    max-width: 1500px;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 25px;
    justify-content: space-between;
    font-size: 14px;
    box-sizing: border-box;
    padding: 20px 5%;
    color: #000000;
    font-family: Roboto-regular;
}

.footer-texto-ley {
    width: 60%;
    font-size: 14px;
    line-height: 20px;
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    color: var(--gray-txt);
}

.redes-sociales-ley {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.redes-sociales-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.iconos-redes-sociales {
    height: 30px;
    width: 30px;
    padding: 5px;
    border: 1px solid #8b8b8b;
    border-radius: 50%;
    transition: all 300ms ease-in;
}

.redes-sociales-icons .iconos-redes-sociales img {
    /*hacemos que use el 100% del espacio del div de "iconos-redes-sociales"*/
    padding: 15%;
    height: 70%;
    width: 70%;
}

.iconos-redes-sociales:hover {
    /* color anterior: BF0909 */
    background-color: var(--red-one);
    border-color: var(--red-one);
    transform: scale(1.2);
}

.iconos-redes-sociales:hover img {
    /*para que la imagen se vuelva blanco*/
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(318deg) brightness(100%) contrast(101%);
}
/*========= FIN DE FOOTER =========*/

@media only screen and (max-width: 820px) {
    .ctn-footer-ley{
        flex-direction: column;
        gap: 15px;
    }
    .footer-texto-ley{
        width: 100%;
    }
}


.footer-texto-url-banco{
    font-size: 20px;
    color: var(--red-one);
    font-family: roboto-bold;
}