.wl-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));gap:1.6rem;list-style:none;margin:0;padding:0}.wl-card-grid>*{min-width:0;display:flex}.wl-card-grid>*>.loop-card{width:100%}@media screen and (max-width:749px){.wl-card-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}.loop-card{display:flex;flex-direction:column;height:100%;max-width:100%;min-width:0;align-self:stretch;background:#f7f6f4;border-radius:1.6rem;padding:1.8rem 1.8rem 2rem;color:#111;position:relative;overflow:hidden}.loop-card .loop-card__tag{position:absolute;top:1.4rem;left:1.4rem;z-index:3;display:inline-block;background:#e9e7e3;border-radius:.8rem;padding:.6rem 1.2rem;font-size:1.2rem;font-weight:500;line-height:1.2;color:#1a1a1a;letter-spacing:0;margin:0}.loop-card__media{position:relative;display:flex;align-items:center;justify-content:center;width:auto;aspect-ratio:1 / 1;margin:-1.8rem -1.8rem 1.4rem;padding:0;overflow:hidden;flex:0 0 auto}.loop-card__img{max-width:88%;max-height:88%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease,opacity .3s ease;z-index:1}.loop-card__media:hover .loop-card__img{opacity:0}.loop-card__img-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .5s ease;pointer-events:none;z-index:2}.loop-card__media:hover .loop-card__img-hover{opacity:1;transform:scale(1.04)}.loop-card__award{position:absolute;left:1.4rem;bottom:1.4rem;width:5rem;height:auto;z-index:3}.loop-card__color-label,.loop-card__swatches,.loop-card__heading,.loop-card__rating,.loop-card__price,.loop-card__cuotas,.loop-card__desc{flex:0 0 auto;min-width:0}.loop-card__color-label{font-size:1.3rem;line-height:1.9rem;height:1.9rem;margin:0 0 .8rem;color:#555;overflow:hidden}.loop-card__color-label [data-color-name]{color:#111}.loop-card__swatches{display:flex;align-items:center;gap:.8rem;height:2.4rem;line-height:2.4rem;margin-bottom:1.4rem;flex-wrap:nowrap}.loop-card__swatch{width:2.4rem;height:2.4rem;flex:0 0 2.4rem;border-radius:50%;background:var(--swatch, #ccc);border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;position:relative;transition:transform .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.loop-card__swatch:hover{transform:scale(1.12)}}.loop-card__swatch:active{transform:scale(.94)}.loop-card__swatch.is-active:after{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border:1.5px solid #111;border-radius:50%;pointer-events:none}.loop-card__swatch[data-unavailable]{opacity:.35}.loop-card__swatch-more{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;flex:0 0 2.4rem;border-radius:50%;border:1px dashed rgba(0,0,0,.3);font-size:1.1rem;line-height:1;font-weight:600;color:#555;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.loop-card__swatch-more:hover{border-color:#111;color:#111}.loop-card__heading{font-size:1.9rem;line-height:1.25;font-weight:600;margin:0 0 .6rem;letter-spacing:-.01em;height:7.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.loop-card__heading a{color:inherit;text-decoration:none}.loop-card__heading a:hover{text-decoration:underline}.loop-card__rating{display:flex;align-items:center;gap:.6rem;height:1.8rem;line-height:1.8rem;font-size:1.2rem;margin-bottom:.8rem;overflow:hidden}.loop-card__stars{--percent: calc(var(--rating) / 5 * 100%);display:inline-block;font-size:1.3rem;line-height:1;letter-spacing:.1rem}.loop-card__stars:before{content:"\2605\2605\2605\2605\2605";background:linear-gradient(90deg,#111 var(--percent),#c9c7c3 var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loop-card__review-count{font-size:1.2rem;line-height:1.8rem;color:#555;text-decoration:underline;white-space:nowrap}.loop-card__price{font-size:1.6rem;line-height:2.2rem;height:2.2rem;font-weight:600;margin:0 0 .8rem}.loop-card__cuotas{font-size:1.25rem;line-height:1.3;color:#555;margin:-.4rem 0 .8rem;height:3.4rem;overflow:hidden}.loop-card__cuota-amount{font-weight:600;color:#1a1a1a}.loop-card__cuota-note{display:block}.loop-card__desc{font-size:1.35rem;line-height:1.45;color:#444;margin:0 0 1.8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:5.9rem}.loop-card__actions{margin-top:auto;display:flex;flex-direction:column;gap:1rem;flex:0 0 auto;min-width:0}.loop-card__btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.4rem;border-radius:4rem;font-size:1.4rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s ease;touch-action:manipulation}.loop-card__btn:hover{opacity:.85}.loop-card__btn--primary{background:#111;color:#fff;border:none;position:relative}.loop-card__btn--primary[disabled]{opacity:.5;cursor:not-allowed}.loop-card__btn--secondary{background:transparent;color:#111;border:1px solid #111}@media screen and (max-width:749px){.loop-card__swatches{height:2.8rem;line-height:2.8rem;gap:.6rem}.loop-card__swatch,.loop-card__swatch-more{width:2.8rem;height:2.8rem;flex:0 0 2.8rem}.loop-card__swatch.is-active:after{top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem}.loop-card__swatch-more{font-size:1.2rem}}woo-loop-card .loop-card__swatches{flex-wrap:nowrap;height:auto;line-height:0;min-height:3rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:.3rem .2rem;margin:-.3rem -.2rem 1.1rem}woo-loop-card .loop-card__swatches::-webkit-scrollbar{display:none}woo-loop-card .loop-card__swatch,woo-loop-card .loop-card__swatch-more{scroll-snap-align:start}woo-loop-card .loop-card__swatch-more{border-style:solid;border-color:#0000002e;background:#0000000d}woo-loop-card .loop-card__name--short{display:none}@media screen and (max-width:749px){woo-loop-card .loop-card__name--full{display:none}woo-loop-card .loop-card__name--short{display:inline}woo-loop-card .loop-card__heading{font-size:1.6rem;height:4rem;-webkit-line-clamp:2}woo-loop-card .loop-card__swatches{gap:.6rem;min-height:2.6rem}woo-loop-card .loop-card__swatch,woo-loop-card .loop-card__swatch-more{width:2rem;height:2rem;flex:0 0 2rem;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/wl-card.css.map */