/* Burbuja flotante de WhatsApp (todas las páginas) */
.wa-float {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 990; /* debajo del menú mobile abierto (999) */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #25d366;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
	transition: transform .25s ease, box-shadow .25s ease;
}

.wa-float svg {
	display: block;
	width: 40px;
	height: 40px;
	fill: #fff;
}

.wa-float:hover,
.wa-float:focus {
	transform: scale(1.08);
	box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}

@media (max-width: 767px) {
	.wa-float {
		left: 16px;
		bottom: 16px;
		width: 54px;
		height: 54px;
	}

	.wa-float svg {
		width: 36px;
		height: 36px;
	}
}