/* ==========================================================
   CTejidas Child 12.65.2 · Puntadas + microcelebraciones
   La estrella flotante se convierte temporalmente en ovillo/flor y
   despliega la recompensa hacia la izquierda, sin bloquear la lectura.
   ========================================================== */

.ctejidas-floating-menu.is-rewarding {
	z-index: 151010;
}

.ctejidas-floating-menu.is-rewarding .ctejidas-floating-menu__trigger {
	cursor: pointer;
	pointer-events: auto;
	transform: translateY(-1px) scale(1.04);
}

.ctejidas-floating-menu.is-rewarding .ctejidas-floating-menu__trigger::before {
	animation: none;
	opacity: 0;
}

.ctejidas-floating-menu__star.is-reward-icon {
	animation: ctejidasRewardIcon 760ms cubic-bezier(.2,.85,.24,1.24) both;
	font-size: 31px;
}

.ctejidas-reward-toast {
	align-items: center;
	background: #ffffff;
	border: 1px solid var(--ctejidas-line, #E6E2E4);
	border-radius: 12px;
	bottom: 2px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .11);
	box-sizing: border-box;
	color: var(--ctejidas-title, #171717);
	display: grid;
	font-family: Nunito, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	gap: 2px;
	max-width: min(292px, calc(100vw - 104px));
	min-height: 52px;
	opacity: 0;
	padding: 9px 13px 9px 14px;
	pointer-events: none;
	position: absolute;
	right: 68px;
	transform: translateX(14px) scale(.97);
	transform-origin: right center;
	transition: opacity 180ms ease, transform 230ms cubic-bezier(.2,.8,.2,1);
	visibility: hidden;
	width: max-content;
	z-index: 5;
}

.ctejidas-reward-toast::after {
	background: #ffffff;
	border-right: 1px solid var(--ctejidas-line, #E6E2E4);
	border-top: 1px solid var(--ctejidas-line, #E6E2E4);
	content: "";
	height: 10px;
	position: absolute;
	right: -6px;
	top: calc(50% - 5px);
	transform: rotate(45deg);
	width: 10px;
}

.ctejidas-reward-toast.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0) scale(1);
	visibility: visible;
}

.ctejidas-reward-toast__main {
	align-items: baseline;
	display: flex;
	gap: 5px;
	line-height: 1.18;
	white-space: normal;
}

.ctejidas-reward-toast__points {
	color: var(--ctejidas-brand, #F45A8E);
	font-size: 15px;
	font-weight: 800;
	white-space: nowrap;
}

.ctejidas-reward-toast__title {
	color: #202020;
	font-size: 14px;
	font-weight: 800;
}

.ctejidas-reward-toast__detail {
	color: #666666;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.28;
}

.ctejidas-reward-toast__profile {
	color: var(--ctejidas-brand, #F45A8E);
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1.25;
	margin-top: 2px;
	text-decoration: none;
	text-underline-offset: 2px;
}

.ctejidas-reward-toast__profile:hover,
.ctejidas-reward-toast__profile:focus-visible {
	color: var(--ctejidas-brand, #F45A8E);
	text-decoration: underline;
}

.ctejidas-reward-spark {
	animation: ctejidasRewardSpark 760ms ease-out both;
	color: #ffffff;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.ctejidas-reward-spark--one {
	right: 7px;
	top: 5px;
}

.ctejidas-reward-spark--two {
	animation-delay: 80ms;
	bottom: 7px;
	left: 6px;
}

.ctejidas-reward-spark--three {
	animation-delay: 140ms;
	left: 7px;
	top: 10px;
}

@keyframes ctejidasRewardIcon {
	0% { transform: scale(.7) rotate(-14deg); opacity: .55; }
	45% { transform: scale(1.22) rotate(12deg); opacity: 1; }
	72% { transform: scale(.96) rotate(-5deg); }
	100% { transform: scale(1) rotate(0); }
}

@keyframes ctejidasRewardSpark {
	0% { opacity: 0; transform: translate(0, 2px) scale(.5); }
	35% { opacity: 1; transform: translate(0, -3px) scale(1.15); }
	100% { opacity: 0; transform: translate(0, -11px) scale(.75); }
}

@media (max-width: 430px) {
	.ctejidas-reward-toast {
		max-width: calc(100vw - 98px);
		padding: 8px 11px 8px 12px;
		right: 66px;
	}

	.ctejidas-reward-toast__points,
	.ctejidas-reward-toast__title {
		font-size: 13.5px;
	}

	.ctejidas-reward-toast__detail,
	.ctejidas-reward-toast__profile {
		font-size: 11.8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ctejidas-floating-menu.is-rewarding .ctejidas-floating-menu__trigger,
	.ctejidas-floating-menu__star.is-reward-icon,
	.ctejidas-reward-toast,
	.ctejidas-reward-spark {
		animation: none !important;
		transition: none !important;
		transform: none !important;
	}
}