:root{

    --fontViga: 'Viga', sans-serif;

    --colortimegoldsblue: #2991d6;

    --colorLetrasVraemtec: rgb(230, 230, 255);

    --footerBackground: #ffffff;

    --blue-dark: #1b3c7f;

}

.LogoNavegacionFooter {

    display: flex;

    color: var(--blue-dark);

    justify-content: center;

    align-items: center;

    font-size: .7rem;

    

}

.LogoNavegacionFooter a{

    width: 50%;

    

}

.LogoNavegacionFooter .logoTimeGoldsServices{

    width: 100%;

}

.footerDiv{

}

.ContenedorFooter {

    padding-top: 3rem;

    height: auto;

    width: 100%;

    background-color: var(--footerBackground);

    color: var(--blue-dark);

    display: flex;

    font-family: var(--fontViga);

    justify-content: space-around;

    align-items: center;

}



.navFooter {

    padding: 3rem 0 3rem 0;

    width: 80%;

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    align-items: space-around;

    text-align: center;

}



.cabezeraNavFooter {

    color: var(--blue-dark);

    list-style: none;

    font-size: 1.2rem;

    text-align: center;

    margin-bottom: 1rem;

}



.pageFoo {

    color: black;

    text-align: left;

}



a {

    text-decoration: none;

}



.navFooter .navFooter__redes svg {

    width: 1.8rem;

    fill: var(--colortimegoldsblue);

    margin-left: 1rem;

}



.navFooter__redes {

    display: flex;

    list-style: none;

}

.ul_footer-containe{

    text-align: left;

    display: flex;

    flex-direction: column;

    justify-content: left;

    align-items: center;

}

.footer-container-courses{

    display: flex;

    flex-direction: column;

    justify-content: left;

    text-align: left;

    font-size: 1rem;

    color: var(--blue-dark);

    font-family: var(--fontViga);

}

.footer-container-courses div a,

.ul_footer-container div a {

    color: var(--colortimegoldsblue);

    line-height: 1.8rem;

}



.footer-container-courses div a:hover,

.ul_footer-container div a:hover {

    color: var(--colortimegoldsblue);

}

.footer-bottom{

    background-color: rgb(244, 244, 244);

    display: flex;

    justify-content: center;

    align-items: center;

    height: 3rem;

    width: 100%;

    color: var(--colorLetrasVraemtec);

    text-align: center;

    font-size: 1rem;

    font-family: var(--fontViga);

    color: var(--blue-dark);



}





@media screen and (max-width: 1000px){

    .footer-container-courses{

        margin-top: 2rem;

    }

    .footer-bottom{

        font-size: .9rem;

        height: 6rem;

    }

    .navFooter {

        font-size: 1rem;

        flex-direction: column;

    }

    .cabezeraNavFooter {

        font-size: 1rem;

    }

    .ContenedorFooter {

        padding-top: 2rem;

        flex-direction: column;

    }

    .navFooter__redes {

        flex-direction: row;

        justify-content: center;

        align-items: center;

    }   

    .ul_footer-container div{

        text-align: center;

    }

    .container-footer-icons-red{

        margin-top: 2rem;

    }

}