/* Mungos Tote Bag — carrito/checkout. Estilo: claymorphism suave, on-brand verde Mungos.
   Tipografías Fredoka/Nunito (se encolan en carrito/checkout). Íconos SVG (no emoji). */

.mtg-upsell-slot { display: block; }

.mtg-upsell-notice {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: #F4F9EC;
    border: 3px solid #CDE4A6;
    border-radius: 22px;
    padding: 16px 20px;
    margin: 0 0 20px;
    color: #173404;
    box-shadow:
        0 12px 24px rgba(27, 106, 69, .14),
        inset 0 3px 6px rgba(255, 255, 255, .85),
        inset 0 -7px 12px rgba(147, 181, 82, .22);
}

.mtg-upsell-notice__row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mtg-upsell-notice__icon {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #93B552;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        inset 0 3px 5px rgba(255, 255, 255, .45),
        inset 0 -5px 7px rgba(0, 0, 0, .16),
        0 5px 9px rgba(27, 106, 69, .28);
}
.mtg-upsell-notice__icon svg { width: 24px; height: 24px; display: block; }

.mtg-upsell-notice__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    color: #173404;
}
.mtg-upsell-notice__text strong {
    font-family: 'Fredoka', 'Nunito', sans-serif;
    font-weight: 600;
    color: #1B6A45;
    white-space: nowrap;
}

.mtg-upsell-notice__bar {
    position: relative;
    margin-top: 14px;
    height: 14px;
    background: #E4EFD0;
    border-radius: 999px;
    overflow: hidden;
    box-shadow: inset 0 2px 5px rgba(27, 106, 69, .20);
}
.mtg-upsell-notice__bar > span {
    display: block;
    height: 100%;
    min-width: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #A7CC68 0%, #1B6A45 100%);
    box-shadow: inset 0 2px 3px rgba(255, 255, 255, .35);
    transition: width .45s cubic-bezier(.34, 1.2, .64, 1);
}

/* Badge GRATIS — pastilla clay chunky con ícono de regalo */
.mtg-gift-free {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Fredoka', 'Nunito', -apple-system, sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .3px;
    line-height: 1;
    color: #fff;
    background: #1B6A45;
    padding: 7px 13px;
    border-radius: 999px;
    white-space: nowrap;
    box-shadow:
        inset 0 2px 3px rgba(255, 255, 255, .22),
        0 4px 8px rgba(27, 106, 69, .30);
}
.mtg-gift-free svg { width: 15px; height: 15px; display: block; }
.mtg-gift-qty { font-weight: 700; color: #1B6A45; }

/* Notificación de éxito "desbloqueó GRATIS": acento verde de marca */
.woocommerce-message { border-top-color: #93B552; }

@media (prefers-reduced-motion: reduce) {
    .mtg-upsell-notice__bar > span { transition: none; }
}