/* Boton flotante de WhatsApp, presente en todo el sitio.
   Va encima del boton "volver arriba" del tema (.btn-to-top: 50x50 a 30px
   del borde inferior derecho), alineado con el. */
.lg-whatsapp {
	position: fixed;
	right: 27px;
	bottom: 92px;
	z-index: 201;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #1aa851;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
	transition: transform .18s ease, box-shadow .18s ease;
}

.lg-whatsapp:hover,
.lg-whatsapp:focus-visible {
	color: #fff;
	transform: scale(1.08);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
}

.lg-whatsapp:focus-visible {
	outline: 2px solid #21376e;
	outline-offset: 3px;
}

@media (max-width: 767px) {
	.lg-whatsapp {
		width: 52px;
		height: 52px;
		font-size: 28px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lg-whatsapp { transition: none; }
	.lg-whatsapp:hover { transform: none; }
}