/**
 * WhatsApp flutuante + pulso.
 */

.cortex-whatsapp-float {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 50;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 9999px;
	background-color: #25d366;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 10px 28px rgba(37, 211, 102, 0.45);
	transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}

.cortex-whatsapp-float:hover {
	filter: brightness(1.05);
	transform: scale(1.06);
	box-shadow: 0 14px 32px rgba(37, 211, 102, 0.55);
}

.cortex-whatsapp-float:focus {
	outline: none;
}

.cortex-whatsapp-float:focus-visible {
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px #1d4422;
}

.cortex-whatsapp-float svg {
	position: relative;
	z-index: 1;
	width: 1.75rem;
	height: 1.75rem;
}

/* Anéis de pulso */
.cortex-whatsapp-float::before,
.cortex-whatsapp-float::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 9999px;
	background-color: #25d366;
	z-index: 0;
	pointer-events: none;
	animation: cortex-wa-pulse 2.2s ease-out infinite;
}

.cortex-whatsapp-float::after {
	animation-delay: 1.1s;
}

@keyframes cortex-wa-pulse {
	0% {
		transform: scale(1);
		opacity: 0.55;
	}
	70% {
		opacity: 0.12;
	}
	100% {
		transform: scale(1.9);
		opacity: 0;
	}
}

/* Acima da sticky CTA no single produto */
.cortex-whatsapp-float--above-sticky {
	bottom: 5.75rem;
}

@media (min-width: 640px) {
	.cortex-whatsapp-float {
		right: 1.5rem;
		bottom: 1.5rem;
	}

	.cortex-whatsapp-float--above-sticky {
		bottom: 5.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cortex-whatsapp-float::before,
	.cortex-whatsapp-float::after {
		animation: none;
		opacity: 0;
	}

	.cortex-whatsapp-float:hover {
		transform: none;
	}
}