@charset "UTF-8";

/****************************** footer ***********************************************/

.area-foot{
    background-image:url("/sitio/portal/.content/imagenes/footer_sitio1.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-color:unset;
    color: white;                           
    font-size: 13px;                            
    /*padding: 25px 0px;  */
    padding: 40px;
    padding-top: 15px;
    padding-bottom: 0px;
    /*margin-top: 5%;*/
    /*position: fixed !important;
    bottom: 0 !important;*/
}

.area-foot a{
    border-color:unset;
    background-color:unset;
    color:#fff;
    transition: all .33s;
}

.area-foot a:hover {
    color: var(--amarillo-uptc) !important;
    text-decoration: none !important;
    margin-left: 3.2px;
}

.area-foot .social-icons a:hover {
    margin-left: 0px !important;
}


.textoFooter, .textoFooterCentro{
    padding-left: 5% !important;
}

.social-icons{
		display: flex; 
		justify-content: center;
	}

	.social-icons li a {
	    width: 4rem !important;
	    height: 4rem !important;
	    border-radius: 20px !important;
	}

	.social-icons .fa{
		width: 4rem !important;
	    line-height: 4rem !important;
	}

/*************************** enlaces footer ****************************************/

.enlacesPie {
    background-color: rgba(255,255,255,0.86);
    padding: 15px;
    text-align: -webkit-center;
    box-shadow: 10px 0px 250px 100px black !important;
}

.enlacePie {
    margin: 0px !important;
    width: 80%;
}

.enlacesPie2{
    display: flex;
    background-color: rgba(155, 155, 155, 0.86 );
    padding: 7px;
    text-align: -webkit-auto;
    
}
/************************* cambio de icono de la red social de twitter ************************/
.social-icons .fa-twitter::before {
  content: url('https://www.uptc.edu.co/sitio/portal/.content/imagenes/iconos-enlaces-footer/twitter.png');
  
  vertical-align: middle; /* Centra verticalmente la imagen */
}

/************************** dimensiones **************************************/

@media (max-width:767px){
    .enlacePie {
        margin-bottom: 6px !important;
        width: 100% !important;
        margin-top: 6px !important;
    }
	.social-icons{
		display: flex; 
		justify-content: center;
	}

	.social-icons li a {
	    width: 4rem !important;
	    height: 4rem !important;
	    border-radius: 20px !important;
	}

	.social-icons .fa{
		width: 4rem !important;
	    line-height: 4rem !important;
	}
}

@media(min-width:1014px){
    .textoFooterCentro{
        padding-left: 13% !important;
    }
	.social-icons{
		display: flex; 
		justify-content: center;
	}

	.social-icons li a {
	    width: 4rem !important;
	    height: 4rem !important;
	    border-radius: 20px !important;
	}

	.social-icons .fa{
		width: 4rem !important;
	    line-height: 4rem !important;
	}
}