/*Comienzan estilos widget redes sociales footer*/
.componente-redes .btn{
	background-color: #D1001F;
	border-radius: 25px;
	padding: 4px 8px 3px 8px;
}
.componente-redes .btn i{color: #FFFFFF; transition: 200ms ease;}
.componente-redes .dropdown-menu{
	padding: 0;
	transform: none!important;
	transition: all 2s ease;
}
.componente-redes .dropdown-item{
	display: table-cell;
	padding: .5rem 0.9rem;
	text-align: center;
}
.componente-redes .dropdown-item:active{
	background-color: rgba(33, 37, 41, 0.3);
}


/*Vista celulares*/
@media (max-width: 767px){
	.componente-redes{display: grid; justify-content: center;} /*Abraham*/
	.componente-redes .btn{position: relative!important; margin: auto;} /*Abraham*/
	.componente-redes .btn[aria-expanded="true"] i{
		transform: scale(1.2);
		transition: 200ms ease;
	}
	.componente-redes .dropdown-menu.show{
		display: flex;
		margin-top: 1rem;
	}
	.componente-redes .dropdown-menu i{color: #ffffff!important;}
	.componente-redes .dropdown-menu{
		position: relative!important;
		top: auto!important;
		left: auto!important;
		will-change: auto!important;
		float: none;
		background-color: black!important;
		border: none;
	}
	.componente-redes .dropdown-menu::before{
		content: "";
		position: absolute;
		right: 50%;
		bottom: 100%;
		transform: translateX(50%);
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid transparent;
		border-bottom: 10px solid black!important;
	}
}

/*Vista PC*/
@media (min-width: 768px){
	.componente-redes .dropdown-menu{
		background-color: #212529;
		top: -6px!important;
		left: 48px!important;
	}
	.componente-redes .btn[aria-expanded="true"]{padding: 3px 7px 4px 9px;}
	.componente-redes .btn[aria-expanded="true"] i{
		transform: rotate(-90deg);
		transition: 200ms ease;
	}
	.componente-redes .dropdown-menu i{color: #FFFFFF;}
	.componente-redes .dropdown-item:hover{background-color: #5E5E5E;}
	.componente-redes .dropdown-menu::before{
		content: "";
		position: absolute;
		right: 100%;
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		border-left: 8px solid transparent;
		border-right: 8px solid #212529;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
	}
}
/*Terminan estilos widget redes sociales footer*/