.cd-regalo-bar {
	--cd-a: #2bb3c0;
	--cd-b: #6ad1a8;
	background: #f2fbfc;
	border: 2px dashed var(--cd-a);
	border-radius: 16px;
	padding: 14px 18px;
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.4;
}
.cd-regalo-hidden { display: none; }
.cd-regalo-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.cd-regalo-icon { font-size: 26px; display: inline-block; animation: cd-wiggle 2.4s ease-in-out infinite; }
.cd-regalo-track { height: 12px; background: #dff2f4; border-radius: 99px; overflow: hidden; }
.cd-regalo-fill {
	height: 100%;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--cd-a), var(--cd-b));
	background-size: 200% 100%;
	transition: width .6s cubic-bezier(.2,.8,.2,1);
	animation: cd-shine 3s linear infinite;
}
.cd-regalo-bar.is-done { border-style: solid; border-color: var(--cd-b); background: #effaf4; }
.cd-regalo-bar.is-done .cd-regalo-icon { animation: cd-pop .6s ease-out; }
.cd-regalo-badge {
	display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 99px;
	background: var(--cd-b, #6ad1a8); color: #fff; font-size: 12px; font-weight: 600;
}
.cd-regalo-free { color: #1f9d6b; font-weight: 700; }
.widget_shopping_cart .cd-regalo-bar { font-size: 13px; padding: 10px 12px; margin: 10px 0; }

@keyframes cd-wiggle { 0%,80%,100% { transform: rotate(0) } 85% { transform: rotate(-12deg) } 90% { transform: rotate(12deg) } 95% { transform: rotate(-6deg) } }
@keyframes cd-pop { 0% { transform: scale(.4) } 70% { transform: scale(1.3) } 100% { transform: scale(1) } }
@keyframes cd-shine { 0% { background-position: 0 0 } 100% { background-position: 200% 0 } }
@media (prefers-reduced-motion: reduce) { .cd-regalo-icon, .cd-regalo-fill { animation: none; } }