footer{
    padding-top: 32px;
    background-color: $color-yellow;
    @media (max-width: 699px) {
        padding-bottom: 32px;
    }
    .main-container{
        flex-direction: column;
    }
    .contenedor-header{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        .contenedor-img{
            width: 13vh;
            @media (max-width: 699px) {
                width: 20vh;
            }
            img{
                object-fit: contain;
                width: 100%;
                height: 100%;
            }
        }
    }
    .contenedor-body{
        width: 100%;
        display: flex;
        padding-top: 32px;
        @media (max-width: 699px) {
            flex-wrap: wrap;
        }
        .contenedor-left{
            width: 33.3333%;
            display: flex;
            @media (max-width: 1059px) {
                width: 40%;
            }
            @media (max-width: 699px) {
                width: 100%;
                justify-content: center;
                display: none;
            }
            .text-footer{
                @media (max-width: 699px) {
                    text-align: center;
                }
            }
        }
        .contenedor-center{
            width: 33.3333%;
            display: flex;
            justify-content: center;
            @media (max-width: 1059px) {
                width: 20%;
            }
            @media (max-width: 699px) {
                width: 100%;
                padding-top: 0;
                padding: 10px;
            }
            .text-footer{
                @media (max-width: 699px) {
                    text-align: center;
                }
            }
        }
        .contenedor-right{
            width: 33.3333%;
            display: flex;
            justify-content: flex-end;
            @media (max-width: 1059px) {
                width: 40%;
            }
            @media (max-width: 699px) {
                width: 100%;
                justify-content: center;
                padding-top: 0;
                padding: 10px;
            }
            .text-footer{
                @media (max-width: 699px) {
                    text-align: center;
                }
            }

        }
    }
    .contenedor-footer{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        .contenedor-by{
            display: flex;
            align-items: center;
            padding: 32px 0;
            transform: translateX(-10px);
            transition: all 300ms ease-in-out 200ms;
            @media (max-width: 699px) {
                padding-top: 22px;
            }
            &:hover{
                transform: translateX(0);
                .contenedor-cnll{
                    svg{
                        #letter-cnll-a1, #letter-cnll-a2, #letter-cnll-a3{
                            opacity: 1;
                        }
                        #letter-cnll-c, #letter-cnll-n, #letter-cnll-l1, #letter-cnll-l2{
                            transform: translateX(0);
                        }
                    }
                }
                span{
                    transform: translateX(0);
                }
    
            }
            span{
                transform: translateX(25px);
                transition: all 300ms ease-in-out 200ms;
            }
            .contenedor-cnll{
                width: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                svg{
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    #letter-cnll-c{
                        transform: translateX(63px);
                        transition: all 300ms ease-in-out 200ms;
                    }
                    #letter-cnll-a1{
                        opacity: 0;
                        transition: all 200ms ease-in-out 300ms;
                    }
                    #letter-cnll-n{
                        transform: translateX(43px);
                        transition: all 300ms ease-in-out 200ms;
                    }
                    #letter-cnll-a2{
                        opacity: 0;
                        transition: all 200ms ease-in-out 300ms;
                    }
                    #letter-cnll-l1{
                        transform: translateX(21px);
                        transition: all 300ms ease-in-out 200ms;
                    }
                    #letter-cnll-l2{
                        transform: translateX(21px);
                        transition: all 300ms ease-in-out 200ms;
                    }
                    #letter-cnll-a3{
                        opacity: 0;
                        transition: all 200ms ease-in-out 300ms;
                    }
                }
            }
        }
        .derechos-reservados{
            display: none;
            @media (max-width: 699px) {
                display: flex;
                text-align: center;
            }
        }
    }
}