.mg-card{--mg-ivory: rgb(var(--color-base-background-1, 251, 249, 244));--mg-cream: rgb(var(--color-base-background-2, 246, 240, 223));--mg-ink: rgb(var(--color-base-text, 38, 35, 31));--mg-accent: rgb(var(--color-base-accent-2, 78, 110, 134));--mg-text-2: #6B665E;--mg-text-3: #948E86;--mg-sand: #E8E1D0;--mg-border: #E8E1D0;--mg-white: #FFFFFF;--mg-badge-top-bg: #F3EAC8;--mg-badge-top-ink: #6B5A26;--mg-glass-compact-bg: rgba(251, 249, 244, .9);--mg-glass-compact-blur: blur(12px);--mg-glass-border: 1px solid rgba(255, 255, 255, .9);--mg-fast: .15s;--mg-base: .25s;--mg-ease-out: ease-out;position:relative;display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;font-family:var(--font-body-family);font-size:16px;line-height:1.5;color:var(--mg-ink);text-align:left;-webkit-font-smoothing:antialiased;transition:transform var(--mg-base) var(--mg-ease-out)}.mg-card *,.mg-card *:before,.mg-card *:after{box-sizing:border-box}.mg-card :is(a,button):focus-visible{outline:2px solid var(--mg-accent);outline-offset:3px}.mg-card__media{position:relative;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;background:var(--mg-cream)}.mg-card__img-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:20px}.mg-card__zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transition:transform var(--mg-base) var(--mg-ease-out)}.mg-card__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.mg-card__img--second{opacity:0;transition:opacity .3s var(--mg-ease-out)}.mg-card.is-variant .mg-card__img--second{display:none}.mg-card__badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 24px);height:28px;padding:0 12px;border-radius:999px;background:var(--mg-white);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;color:var(--mg-ink);pointer-events:none}.mg-card__badge--top{background:var(--mg-badge-top-bg);color:var(--mg-badge-top-ink)}.mg-card--soldout .mg-card__badge{background:var(--mg-cream);color:var(--mg-text-2)}.mg-card--soldout .mg-card__img{filter:saturate(.6)}.mg-card__more-link{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;height:36px;padding:0 14px;border:var(--mg-glass-border);border-radius:999px;background:var(--mg-glass-compact-bg);-webkit-backdrop-filter:var(--mg-glass-compact-blur);backdrop-filter:var(--mg-glass-compact-blur);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;color:var(--mg-ink);text-decoration:none;transition:background-color var(--mg-fast) var(--mg-ease-out)}.mg-card__more-link:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.mg-card__atc{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;margin:0;transition:opacity var(--mg-base) var(--mg-ease-out),transform var(--mg-base) var(--mg-ease-out)}.mg-card__atc product-form,.mg-card__atc form{display:flex;margin:0}.mg-card .mg-card__add{position:relative;display:inline-flex;align-items:center;height:44px;min-width:44px;max-width:44px;margin:0;padding:0 11px;overflow:hidden;border:var(--mg-glass-border);border-radius:999px;background:var(--mg-glass-compact-bg);-webkit-backdrop-filter:var(--mg-glass-compact-blur);backdrop-filter:var(--mg-glass-compact-blur);box-shadow:none;font-family:inherit;color:var(--mg-ink);cursor:pointer;transition:max-width var(--mg-base) var(--mg-ease-out),background-color var(--mg-fast) var(--mg-ease-out)}.mg-card__add svg{flex:none}.mg-card__add-text{max-width:0;overflow:hidden;opacity:0;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:max-width var(--mg-base) var(--mg-ease-out),padding var(--mg-base) var(--mg-ease-out),opacity var(--mg-fast) var(--mg-ease-out) 80ms}.mg-card__add:active,.mg-card__more-link:active{transform:scale(.98)}.mg-card__add :is(.sold-out-message,.loading-overlay__spinner){display:none}.mg-card__add:is([disabled],[aria-disabled=true]){background:var(--mg-sand);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--mg-text-3);cursor:not-allowed}.mg-card__add:is(.loading,.is-loading){pointer-events:none}.mg-card__add:is(.loading,.is-loading)>*{visibility:hidden}.mg-card__add:is(.loading,.is-loading):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;margin:auto;border-radius:50%;border:2px solid var(--mg-sand);border-top-color:var(--mg-ink);animation:mg-card-spin .8s linear infinite}@keyframes mg-card-spin{to{transform:rotate(360deg)}}.mg-card__body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 4px}.mg-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0}.mg-card__title{min-width:0;margin:0;font-family:var(--font-heading-family);font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:pretty;color:var(--mg-ink)}.mg-card__title a{color:inherit;text-decoration:none;transition:color var(--mg-fast) var(--mg-ease-out)}.mg-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mg-card .mg-rating{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;color:var(--mg-text-2)}.mg-card .mg-rating svg{flex:none}.mg-card__desc{margin:0;font-size:16px;line-height:1.5;color:var(--mg-text-2);text-wrap:pretty}.mg-card__swatches,.mg-card__chips{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.mg-card__swatches{gap:8px;min-height:24px;padding:0 3px;width:fit-content}.mg-card__swatches li{display:flex}.mg-card__swatch{position:relative;display:block;width:16px;height:16px;margin:0;padding:0;border:1px solid var(--mg-border);border-radius:50%;background:var(--sw, var(--mg-sand));cursor:pointer;transition:box-shadow var(--mg-fast) var(--mg-ease-out)}.mg-card__swatch:before{content:"";position:absolute;top:-14px;right:-4px;bottom:-14px;left:-4px}.mg-card__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--mg-ivory),0 0 0 3px var(--mg-ink)}.mg-card__plus{font-size:14px;font-weight:500;line-height:1;color:var(--mg-text-2)}.mg-card__chips{gap:6px;width:fit-content}.mg-card__chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--mg-cream);font-size:14px;font-weight:500;line-height:1;white-space:nowrap;color:var(--mg-ink)}.mg-card .mg-price{display:flex;flex-direction:column;gap:6px;min-width:0}.mg-card .mg-price__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.mg-card .mg-price__from{font-size:14px;color:var(--mg-text-2)}.mg-card .mg-price__amount{font-size:20px;font-weight:700;line-height:1.2;color:var(--mg-ink)}.mg-card .mg-price__compare{font-size:15px;line-height:1.2;color:var(--mg-text-3)}.mg-card .mg-price__compare[hidden]{display:none}.mg-card .mg-price__cuotas{font-size:15px;font-weight:600;line-height:1.4;color:var(--mg-accent)}.mg-card .mg-price__transfer{font-size:15px;line-height:1.4;color:var(--mg-text-2)}.mg-card .mg-price__transfer strong{font-weight:600;color:var(--mg-ink)}@media(hover:hover){.mg-card[data-mg-card]:hover{transform:translateY(-4px)}.mg-card[data-mg-card]:hover .mg-card__zoom{transform:scale(1.03)}.mg-card:hover .mg-card__img--second{opacity:1}.mg-card:hover .mg-card__title a{color:var(--mg-accent)}.mg-card__more-link:hover{background:var(--mg-white);color:var(--mg-ink)}.mg-card__atc{opacity:0;transform:translateY(8px)}.mg-card:hover .mg-card__atc,.mg-card:focus-within .mg-card__atc{opacity:1;transform:none}.mg-card__add:is(:hover,:focus-visible):not(.loading,.is-loading){max-width:240px;background:var(--mg-white)}.mg-card__add:is(:hover,:focus-visible):not(.loading,.is-loading) .mg-card__add-text{max-width:180px;padding:0 6px 0 8px;opacity:1}}.card-wrapper.mg-card .card,.card-wrapper.mg-card .card__inner{all:unset}@media(max-width:749px){.mg-card{gap:12px}.mg-card__title{font-size:18px}.mg-card__desc{font-size:15px}.mg-card .mg-price__amount{font-size:18px}}@media(prefers-reduced-motion:reduce){.mg-card,.mg-card *,.mg-card *:before,.mg-card *:after{transition:none!important;animation:none!important}.mg-card[data-mg-card]:hover,.mg-card[data-mg-card]:hover .mg-card__zoom{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mg-card.css.map */