/* ***** Portfolio ***** */
.portfolio .filter-list li.active,
.portfolio .filter-list li:hover {
  color: #ffffff;
}
.portfolio .lqd-filter-dropdown .ui-button {
  color: #979797;
  border-color: #979797
}
.portfolio .btn .btn-icon {
	width: auto;
	margin-inline-start: 15px;
}
@media (max-width: 991px) {
	.portfolio {
		padding-top: 140px;
		padding-bottom: 50px;
	}
	.portfolio .module-title {
		font-size: 8vw;
	}
}
@media (max-width: 575px) {
	.portfolio .lqd-pf-item {
		margin-bottom: 30px;
	}
}
/* ***** About ***** */
@media (max-width: 991px) {
	.about {
		padding-bottom: 70px;
	}
}
@media (max-width: 767px) {
	.about .module-text {
		line-height: 0.9em;
	}
}

/* ***** Clients ***** */
@media (max-width: 991px) {
	.clients {
		padding-bottom: 70px;
	}
	.clients .module-col {
		margin-bottom: 30px;
	}
}

/*Estilos generales del boton whatsapp*/
.whatsapp-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #25D366;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	animation: breathe 2s ease-in-out infinite;
  }
  
  /*Estilos solo al icono whatsapp*/
  .whatsapp-btn i {
	color: #fff;
	font-size: 24px;
	animation: beat 2s ease-in-out infinite;
	text-decoration: none;
  }
  
  /*Estilos con animation contorno respirando*/
  @keyframes breathe {
	0% {
	  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	70% {
	  box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
	}
	100% {
	  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
  }
  
  /*Estilos de animacion del icono latiendo*/
  @keyframes beat {
	0% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(1.2);
	}
	100% {
	  transform: scale(1);
	}
  }