/* Componentes compartidos del sitio web público */

.whatsapp-fab {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 200;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #25d366;
	color: #ffffff;
	box-shadow: 0 10px 28px rgba(37, 211, 102, 0.45);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-fab:hover,
.whatsapp-fab:focus-visible {
	color: #ffffff;
	transform: translateY(-3px) scale(1.03);
	box-shadow: 0 14px 34px rgba(37, 211, 102, 0.55);
}

@media (max-width: 640px) {
	.whatsapp-fab {
		right: 1rem;
		bottom: 1rem;
		width: 54px;
		height: 54px;
	}
}