.mtg-cart-coupon-spotlight {
                position: relative !important;
                border: 2px solid #8b5cf6 !important;
                border-radius: 22px !important;
                background:
                    linear-gradient(
                        180deg,
                        rgba(139, 92, 246, 0.08) 0%,
                        rgba(99, 102, 241, 0.04) 100%
                    ) !important;
                box-shadow:
                    0 18px 50px rgba(99, 102, 241, 0.10),
                    0 6px 18px rgba(15, 23, 42, 0.05) !important;
                padding-top: 70px !important;
                overflow: hidden !important;
            }

            .mtg-cart-coupon-spotlight::before {
                content: "🎟️ ¿Tienes un cupón?";
                position: absolute;
                top: 18px;
                left: 20px;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                min-height: 34px;
                padding: 0 14px;
                border-radius: 999px;
                background: #ede9fe;
                color: #6d28d9;
                font-size: 12px;
                font-weight: 800;
                letter-spacing: .04em;
                text-transform: uppercase;
            }

            .mtg-cart-coupon-callout {
                margin: 0 16px 16px 16px !important;
                padding: 16px 18px !important;
                border-radius: 16px !important;
                border: 1px solid #c4b5fd !important;
                background: #faf5ff !important;
                color: #312e81 !important;
            }

            .mtg-cart-coupon-callout strong {
                display: block !important;
                margin-bottom: 4px !important;
                font-size: 16px !important;
                line-height: 1.2 !important;
                font-weight: 800 !important;
                color: #1e1b4b !important;
            }

            .mtg-cart-coupon-callout span {
                display: block !important;
                font-size: 14px !important;
                line-height: 1.45 !important;
                color: #4c1d95 !important;
            }

            .mtg-cart-coupon-spotlight input[type="text"],
            .mtg-cart-coupon-spotlight input[type="search"],
            .mtg-cart-coupon-spotlight input[name="coupon_code"] {
                min-height: 54px !important;
                border-radius: 16px !important;
                border: 2px solid #c4b5fd !important;
                background: #ffffff !important;
                box-shadow: 0 4px 14px rgba(139, 92, 246, 0.06) !important;
                font-weight: 700 !important;
            }

            .mtg-cart-coupon-spotlight input[type="text"]::placeholder,
            .mtg-cart-coupon-spotlight input[type="search"]::placeholder,
            .mtg-cart-coupon-spotlight input[name="coupon_code"]::placeholder {
                color: #7c3aed !important;
                opacity: .75 !important;
                font-weight: 700 !important;
            }

            .mtg-cart-coupon-spotlight button,
            .mtg-cart-coupon-spotlight input[type="submit"],
            .mtg-cart-coupon-spotlight .button,
            .mtg-cart-coupon-spotlight .btn {
                min-height: 54px !important;
                border: 0 !important;
                border-radius: 16px !important;
                padding: 0 22px !important;
                background:
                    linear-gradient(
                        90deg,
                        #7c3aed 0%,
                        #3b82f6 100%
                    ) !important;
                color: #ffffff !important;
                font-size: 16px !important;
                font-weight: 800 !important;
                box-shadow:
                    0 16px 30px rgba(124, 58, 237, 0.22) !important;
            }

            .mtg-cart-coupon-spotlight h3,
            .mtg-cart-coupon-spotlight h4,
            .mtg-cart-coupon-spotlight .mtg-coupon-title,
            .mtg-cart-coupon-spotlight strong {
                color: #0f172a !important;
            }

            .mtg-cart-coupon-spotlight p,
            .mtg-cart-coupon-spotlight small {
                color: #475569 !important;
            }

            @media (max-width: 768px) {
                .mtg-cart-coupon-spotlight {
                    padding-top: 76px !important;
                }

                .mtg-cart-coupon-callout {
                    margin: 0 12px 14px 12px !important;
                }
            }