/* ================================== */
/* footer site */
/* ================================== */

.footerTop{
    background-color: var(--background-footer-top);
}

.footerBot{
    background-color: var(--background-footer-bot);
}

.logoFooter{
    width: 230px;
}

.tituloColFooter{
    color: var(--textos-footer);
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

.ulFooter{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.ulFooter li{
    margin-bottom: 5px;
    list-style: none;
}

/* .ulFooter li:first-child{
    color: var(--textos-footer);
    font-size: 18px;
    margin-bottom: 15px;
} */

.ulFooter li a, .ulFooter li a:visited, .ulFooter li span{
    color: var(--textos-footer);
    text-decoration: none;
}

.ulFooter li a:hover{
    text-decoration: underline;
}

.icoFooter, .icoFooter path{
    fill: var(--textos-footer);
}

.contSvg{
    width: 16px;
    margin-right: 5px;
    display: inline-block;
}

.svgRRSSFooter{
    margin-bottom: 3px;
}

.creditos{
    color: var(--color-creditos);
    font-size: 13px;
}

.enlaceCreditos{
    color: var(--color-creditos);
    &:visited{
        color: var(--color-creditos);
    }
}

.enlaceCreditos:hover{
    color: var(--color-creditos);
}

.creditosPagos{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contIcosPagos{
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.contSvgPago{
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.creditosPagos svg{
    width: auto;
    height: 30px;
}