/* =========================================================
   WHATSAPP FLOTANTE
   ========================================================= */

.gm-whatsapp-float {
	position: fixed;
	z-index: 9999;

	right: 22px;
	bottom: 24px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 58px;
	height: 58px;

	border-radius: 50%;

	background: #25d366;
	color: #ffffff;

	box-shadow:
		0 10px 30px rgba(0, 0, 0, .22);

	animation: gm-whatsapp-float 2.8s ease-in-out infinite;

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		background .2s ease;
}

.gm-whatsapp-float svg {
	width: 30px;
	height: 30px;
}

.gm-whatsapp-float:hover {
	background: #20bd5a;

	transform: scale(1.08);

	box-shadow:
		0 14px 34px rgba(0, 0, 0, .28);
}


/* MOVIMIENTO SUAVE */

@keyframes gm-whatsapp-float {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-7px);
	}

}


/* TABLET */

@media (max-width: 900px) {

	.gm-whatsapp-float {
		right: 18px;
		bottom: 20px;

		width: 54px;
		height: 54px;
	}

}


/* MOBILE */

@media (max-width: 600px) {

	.gm-whatsapp-float {
		right: 15px;
		bottom: 16px;

		width: 52px;
		height: 52px;
	}

	.gm-whatsapp-float svg {
		width: 27px;
		height: 27px;
	}

}