/* Mime Guru — envío gratis en carrito y pago */
.mg-cship {
	--mg-ease-pop: cubic-bezier(.34, 1.56, .64, 1);
	display: flex;
	gap: 14px;
	align-items: flex-start;
	background: #fff;
	border: 2.5px solid var(--mg-ink);
	border-radius: 20px;
	box-shadow: 0 4px 0 var(--mg-ink);
	padding: 14px 16px;
	margin: 0 0 20px;
	animation: mg-cship-in .5s var(--mg-ease-pop) both;
}
.mg-cship__icon {
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--mg-peach-soft);
	border: 2px solid var(--mg-ink);
	color: var(--mg-pink-dark);
	animation: mg-cship-drive 2.4s ease-in-out infinite;
}
.mg-cship__body { flex: 1; min-width: 0; }
.mg-cship__text { margin: 2px 0 10px; font-size: .98rem; line-height: 1.35; }
.mg-cship__bar { height: 12px; border-radius: 999px; background: var(--mg-peach-soft); overflow: hidden; border: 1.5px solid #1f1b1d22; }
.mg-cship__bar span {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 999px;
	background: repeating-linear-gradient(45deg, var(--mg-pink) 0 10px, #F07AA0 10px 20px);
	background-size: 28px 28px;
	animation: mg-cship-stripes 1s linear infinite;
	transition: width .9s var(--mg-ease-pop), background .3s;
}
.mg-cship__more { display: inline-block; margin-top: 8px; font-weight: 800; font-size: .9rem; color: var(--mg-pink-dark) !important; text-decoration: none; }
.mg-cship__more:hover { text-decoration: underline; }
.mg-cship__more[hidden] { display: none; }

.mg-cship.is-free { background: #E8F6EC; }
.mg-cship.is-free .mg-cship__icon { background: #3FAA5B; color: #fff; }
.mg-cship.is-free .mg-cship__bar span { background: repeating-linear-gradient(45deg, #3FAA5B 0 10px, #5cc077 10px 20px); background-size: 28px 28px; }
.mg-cship.is-celebrating { animation: mg-cship-party .7s var(--mg-ease-pop); }

/* En el pago: integrada en la línea de "Entrega" del resumen */
.mg-cship--checkout {
	align-items: center;
	gap: 10px;
	margin: 10px 16px 2px;
	padding: 10px 12px;
	border: 0;
	border-radius: 14px;
	box-shadow: none;
	background: var(--mg-peach-soft);
	animation: mg-cship-fade .4s ease both;
}
.mg-cship--checkout .mg-cship__icon {
	width: 32px;
	height: 32px;
	border: 0;
	background: #fff;
	animation: none;
}
.mg-cship--checkout .mg-cship__icon svg { width: 18px; height: 18px; }
.mg-cship--checkout .mg-cship__text { margin: 0 0 6px; font-size: .82rem; line-height: 1.3; }
.mg-cship--checkout .mg-cship__bar { height: 6px; border: 0; background: #ffffffb3; }
.mg-cship--checkout .mg-cship__bar span { background: var(--mg-pink); animation: none; }
.mg-cship--checkout.is-free { background: #E8F6EC; }
.mg-cship--checkout.is-free .mg-cship__icon { background: #3FAA5B; color: #fff; }
.mg-cship--checkout.is-free .mg-cship__bar { display: none; }
.mg-cship--checkout.is-free .mg-cship__text { margin: 0; }

@keyframes mg-cship-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes mg-cship-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@keyframes mg-cship-drive { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
@keyframes mg-cship-stripes { to { background-position: 28px 0; } }
@keyframes mg-cship-party { 0% { transform: scale(1); } 40% { transform: scale(1.04) rotate(-1deg); } 100% { transform: none; } }

@media (prefers-reduced-motion: reduce) {
	.mg-cship, .mg-cship * { animation: none !important; transition: none !important; }
}