.lienzo-footer {
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid;
    margin-top: var(--wp--preset--spacing--6-xl);

    & ul{
        list-style: none;
        display: grid;
        margin: 0;
        padding: 0;
    }

    & a{ 
        text-decoration: none !important;
        transition: 0.3s;
        color: var(--wp--preset--color--text-secundary) !important;
        
        &:hover{
            color: var(--wp--preset--color--secondary) !important;
        }
    }
    
    & .membrete{
        display: grid;
        grid-template-columns: auto 1fr;
        border-top: 1px solid var(--wp--preset--color--quinary);
        border-bottom: 1px solid var(--wp--preset--color--quinary);
        padding: 50px 10px;

        & a{
            display: flex;
            gap: 5px;
            align-items: center;
            color: var(--wp--preset--color--text-primary) !important;
            font-size: 25px;
        }

        & p{
            text-align: right;
            color: var(--wp--preset--color--text-primary);
            font-size: var(--wp--preset--font-size--x-large);
            font-weight: 100;
            margin: 0;
        }
    }

    & .summary-footer{
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 100px;
        padding: 50px 10px;
        border-bottom: 1px solid var(--wp--preset--color--quinary);
        align-items: start;


        & ul li{

            &:nth-child(1){
                color: var(--wp--preset--color--text-primary);
            }

            & a{
                padding: 10px 0 0;
                display: block;
            }
        }

        .data-enfaf{
            display: grid;
            gap: 10px;

            & .social{
                display: flex;
                justify-content: center;
                gap: 5px;

                & a i{
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                    display: grid;
                    transition: all 0.6s ease;
                    justify-content: center;
                    align-content: center;
                    background: var(--wp--preset--color--primary);
                    border: 1px solid var(--wp--preset--color--secondary);
                    background: rgba(45, 107, 238, 0.50);
                    color: var(--wp--preset--color--secondary);
                }
            }
            
            & .address{
                display: grid;
                gap: 5px;
                text-align: right;
                color: var(--wp--preset--color--text-primary);
            }
        }
    }

    .policity{
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 20px;
        padding: 50px 10px;

        & div{
            display: flex;
            gap: 20px;
        }

        & span{
            text-align: right;
        }
    }
}

@media screen and (max-width: 678px){
    .lienzo-footer {
        
        & .membrete{
            grid-template-columns: 1fr;
            justify-content: center;

            & a{
                justify-content: center;
            }

            & p{
                text-align: center;
            }
        }

        & .summary-footer{
            grid-template-columns: 1fr;
            justify-content: center;
            justify-items: center;
            gap: 30px;
            text-align: center;

            & .data-enfaf .address{
                text-align: center;
            }
        }

        & .policity{
            grid-template-columns: 1fr;
            
            & div{
                display: grid;
                justify-content: center;
                gap: 8px;
                text-align: center;
            }

            & span{
                text-align: center;
            }
        }
    }
}