.magon-card{transition:transform .45s cubic-bezier(.2,0,0,1),box-shadow .45s ease;overflow:hidden;height:100%;display:flex;flex-direction:column;background:transparent;cursor:pointer}.magon-card__media{position:relative;aspect-ratio:2/3;overflow:hidden;background:color-mix(in srgb,var(--color-foreground),transparent 95%)}.magon-card__img{width:100%;height:100%;object-fit:cover;transition:opacity .6s cubic-bezier(.2,0,0,1)}.magon-card__img--placeholder{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-foreground),transparent 95%)}.magon-card__img--placeholder .placeholder-svg{width:100%;height:100%}.magon-card__img--hover{position:absolute;top:0;left:0;opacity:0;transform:scale(1.05);transition:opacity .6s ease,transform .6s ease}.magon-card:hover .magon-card__img--primary{opacity:0}.magon-card:hover .magon-card__img--hover{opacity:1;transform:scale(1)}.magon-card__badges{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;z-index:2;max-width:50%}.magon-card__badges--left{right:auto;left:0;align-items:flex-start}.magon-card__badge{background:var(--color-foreground);color:var(--color-background);font-size:var(--font-size--h6);font-weight:300;padding:8px 14px;letter-spacing:.1em;text-transform:uppercase}.magon-card__badge--cashback{background:color-mix(in srgb,var(--color-foreground),transparent 50%);color:var(--color-background);border:1px solid color-mix(in srgb,var(--color-background),transparent 85%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.magon-card__badge--aviso{background:color-mix(in srgb,var(--color-background),transparent 15%);color:var(--color-foreground);border:1px solid color-mix(in srgb,var(--color-foreground),transparent 85%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left;white-space:normal}.magon-card-info{padding:.75rem 0;display:flex;flex-direction:column;gap:.75rem}.magon-card__header{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;gap:4px}.magon-card__title{font-family:var(--font-heading--family);font-size:var(--font-size--h4);letter-spacing:.05em;font-weight:300;color:var(--color-foreground-heading);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;flex:1}@media(max-width:767px){.magon-card__title{-webkit-line-clamp:2;max-width:90%;font-size:calc(var(--font-size--h4) - 2px)}}.magon-card__price-wrapper{display:flex;flex-direction:column;gap:6px}.magon-card__old-price{font-size:var(--font-size--h5);text-decoration:line-through;color:color-mix(in srgb,var(--color-foreground),transparent 60%);letter-spacing:0}.magon-card__price-regular{font-size:var(--font-size--h4);font-family:var(--font-body--family);font-weight:400;color:var(--color-foreground);line-height:1;letter-spacing:0}.magon-card__price-pix{font-size:var(--font-size--h4);color:var(--color-foreground);line-height:1;font-family:var(--font-body--family);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;row-gap:2px}.magon-card__pix-label{font-size:var(--font-size--h6);letter-spacing:.05em;text-transform:uppercase;font-weight:400;opacity:.8;color:color-mix(in srgb,var(--color-foreground),transparent 30%)}.magon-card__pix-discount{font-size:var(--font-size--h5);font-family:var(--font-body--family);font-weight:400;letter-spacing:0;color:var(--color-primary-button-background)}.magon-card__installments{font-size:var(--font-size--h6);letter-spacing:.1em;color:color-mix(in srgb,var(--color-foreground),transparent 60%)}@media(max-width:767px){.magon-card__pix-value{order:1}.magon-card__pix-label{order:2;margin-left:2px}.magon-card__pix-discount{order:3;width:100%}.magon-card__badges{max-width:45%}.magon-card__badge{font-size:.55rem;padding:4px 6px;letter-spacing:.03em;line-height:1.15}.magon-card__badge--aviso{line-height:1.2}}.magon-quick-buy{position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,0,0,1);z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:12px;padding-top:12px}@media(min-width:768px){.magon-card:hover .magon-quick-buy,.magon-card:focus-within .magon-quick-buy{transform:translateY(0)}}@media(max-width:767px){.magon-quick-buy{background:linear-gradient(to top,color-mix(in srgb,var(--color-foreground),transparent 25%) 0%,color-mix(in srgb,var(--color-foreground),transparent 60%) 70%,transparent 100%);padding:24px 8px 8px;gap:8px}.magon-card.is-quick-open .magon-quick-buy{transform:translateY(0)}}.magon-card__quick-trigger{display:none;position:absolute;right:8px;bottom:8px;width:40px;height:40px;z-index:4;background:color-mix(in srgb,var(--color-background),transparent 55%);color:var(--color-foreground);border:1px solid color-mix(in srgb,var(--color-background),transparent 70%);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px color-mix(in srgb,var(--color-background),transparent 65%),inset 0 -1px color-mix(in srgb,var(--color-foreground),transparent 85%),0 4px 16px color-mix(in srgb,var(--color-foreground),transparent 75%);cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background .25s ease,color .25s ease,opacity .25s ease,transform .25s ease}.magon-card__quick-trigger:hover{background:color-mix(in srgb,var(--color-background),transparent 35%)}.magon-card__quick-trigger:focus-visible{outline:2px solid var(--color-primary-button-background);outline-offset:2px}@media(max-width:767px){.magon-card__quick-trigger{display:inline-flex}.magon-card.is-quick-open .magon-card__quick-trigger{opacity:0;transform:translateY(8px);pointer-events:none}}.magon-quick__sizes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.magon-quick__size-btn{background:transparent;border:1px solid color-mix(in srgb,var(--color-background),transparent 80%);color:var(--color-background);font-size:var(--font-size--h6);padding:6px 12px;cursor:pointer;transition:all .3s ease}.magon-quick__size-btn:hover,.magon-quick__size-btn.is-active{background:var(--color-background);color:var(--color-foreground);border-color:var(--color-background)}.magon-quick__size-btn:disabled,.magon-quick__size-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;text-decoration:line-through;color:color-mix(in srgb,var(--color-background),transparent 60%);border-color:color-mix(in srgb,var(--color-background),transparent 90%)}.magon-quick-btn{width:100%;background:color-mix(in srgb,var(--color-background),transparent 85%);color:var(--color-background);border:1px solid color-mix(in srgb,var(--color-background),transparent 70%);padding:20px 12px;font-size:var(--font-size--h6);font-weight:300;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.magon-quick-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-background),transparent 75%);border-color:color-mix(in srgb,var(--color-background),transparent 50%)}.magon-quick-btn:disabled{opacity:.5;cursor:not-allowed;background:color-mix(in srgb,var(--color-background),transparent 95%)}.magon-quick-btn--link{font-family:inherit}@media(max-width:767px){.magon-quick-btn{padding:12px 10px}.magon-quick__size-btn{padding:5px 10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/magon-card.css.map */