cart-drawer .lu-cup{display:block!important;margin:0 0 .6rem}cart-drawer .lu-cup[hidden]{display:none!important}cart-drawer .lu-cup__in{position:relative}cart-drawer .lu-cup__in:before,cart-drawer .lu-cup__in:after{content:"";position:absolute;z-index:1;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:rgb(var(--color-background));pointer-events:none}cart-drawer .lu-cup__in:before{left:-7px}cart-drawer .lu-cup__in:after{right:-7px}cart-drawer .lu-cup__box{position:relative;box-sizing:border-box;width:100%;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"q acts" "s acts" "foot foot";column-gap:.7rem;row-gap:.15rem;align-items:center;padding:.35rem .9rem .4rem;border:2px dashed #c99a1e;border-radius:12px;background:linear-gradient(135deg,#fffdf4,#fff1bf);color:#3f2c00;text-align:left;line-height:1.15;overflow:hidden}cart-drawer .lu-cup__q{grid-area:q;margin:0;font-size:clamp(1.2rem,3.5vw,1.35rem);font-weight:900;letter-spacing:-.005em;line-height:1.1}cart-drawer .lu-cup__s{grid-area:s;margin:0;font-size:clamp(.95rem,2.8vw,1.05rem);font-weight:700;opacity:.85;line-height:1.15}cart-drawer .lu-cup__s[hidden],cart-drawer .lu-cup__acts[hidden],cart-drawer .lu-cup__foot[hidden]{display:none}cart-drawer .lu-cup__acts{grid-area:acts;display:flex;gap:.5rem;align-self:center}cart-drawer .lu-cup__si{box-sizing:border-box;margin:0;min-width:6.2rem;padding:.45rem .6rem;border:0;border-radius:9px;cursor:pointer;background:#111;color:#fff;font-family:inherit;font-size:clamp(1.1rem,3.2vw,1.25rem);font-weight:900;letter-spacing:.03em;line-height:1.1;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 7px #00000040;-webkit-tap-highlight-color:transparent}cart-drawer .lu-cup__si--2{background:#e60023;box-shadow:0 2px 7px #e6002359}cart-drawer .lu-cup__si:active{transform:scale(.96)}cart-drawer.active .lu-cup__si--2{animation:lu-cup-latido 2.6s ease-in-out infinite}cart-drawer .lu-cup__foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.15rem}cart-drawer .lu-cup__s2{min-width:0;text-align:left;font-size:clamp(1.05rem,3.1vw,1.2rem);font-weight:800}cart-drawer .lu-cup__box:after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.85),transparent);transform:translate(-130%) skew(-16deg);pointer-events:none}cart-drawer.active .lu-cup__box:after{animation:lu-cup-brillo 3.4s ease-out .55s infinite both}cart-drawer .lu-cup[data-modo=r] .lu-cup__box{grid-template-areas:"q q" "s acts";text-align:left;border-color:#e60023;background:linear-gradient(135deg,#fff8f9,#ffdfe4);color:#6b0011}cart-drawer .lu-cup[data-modo^=ok] .lu-cup__box{grid-template-areas:"q foot" "s foot";text-align:left;padding:.3rem .8rem .35rem .9rem;column-gap:.6rem;border:2px solid #1a7f3c;background:linear-gradient(135deg,#f4fff7,#d5f5df);color:#0d4a23}cart-drawer .lu-cup[data-modo^=ok] .lu-cup__q{font-size:clamp(1.1rem,3.2vw,1.2rem);line-height:1.1}cart-drawer .lu-cup[data-modo^=ok] .lu-cup__foot{flex-direction:column;align-items:flex-end;gap:.1rem;margin:0}cart-drawer .lu-cup[data-modo^=ok] .lu-cup__s2{font-size:.85rem;white-space:nowrap;text-align:right;line-height:1;letter-spacing:0}cart-drawer .lu-cup__cta{flex:0 0 auto;box-sizing:border-box;min-width:6rem;padding:.15rem .55rem;border-radius:999px;background:#1a7f3c;color:#fff;font-size:clamp(1rem,3vw,1.1rem);font-weight:800;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:center;box-shadow:0 2px 6px #1a7f3c4d}cart-drawer .lu-cup[data-modo=ok2] .lu-cup__cta{min-width:8.6rem}cart-drawer .lu-cup[data-modo^=ok] .lu-cup__box:after{animation:none}cart-drawer .lu-cup.is-just .lu-cup__box{animation:lu-cup-salto .55s cubic-bezier(.2,1.5,.4,1) 1}cart-drawer .lu-tot__row--pay.is-just .lu-tot__val{transform-origin:right center;animation:lu-cup-total .9s ease-out 1}cart-drawer .lu-desc-brk.is-just [data-lu-brk-wheel]:not([hidden]),cart-drawer .lu-desc-brk.is-just [data-lu-brk-exit]:not([hidden]){animation:lu-cup-fila .9s ease-out 1}cart-drawer .lu-cup__fx{position:absolute;z-index:2;left:50%;top:50%;width:0;height:0;pointer-events:none}cart-drawer .lu-cup__fx i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:2px;background:var(--c, #e60023);opacity:0;animation:lu-cup-papel .85s cubic-bezier(.15,.7,.3,1) 1 both}cart-drawer .lu-cup__fx i:nth-child(odd){border-radius:50%;animation-duration:1s}@keyframes lu-cup-latido{0%,72%,to{transform:none}80%{transform:scale(1.07)}88%{transform:scale(.98)}94%{transform:scale(1.03)}}@keyframes lu-cup-brillo{0%{transform:translate(-130%) skew(-16deg)}32%,to{transform:translate(330%) skew(-16deg)}}@keyframes lu-cup-salto{0%{transform:scale(.96)}55%{transform:scale(1.035)}to{transform:none}}@keyframes lu-cup-total{0%{transform:none;color:inherit}30%{transform:scale(1.2);color:#1a7f3c}to{transform:none;color:inherit}}@keyframes lu-cup-fila{0%{background:transparent}25%{background:#1a7f3c33}to{background:transparent}}@keyframes lu-cup-papel{0%{opacity:1;transform:rotate(var(--a, 0deg)) translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a, 0deg)) translateY(calc(var(--d, 40px) * -1)) scale(.6)}}@media screen and (max-height:700px){cart-drawer .lu-cup{margin:0 0 .3rem}cart-drawer .lu-cup__box{padding-top:.3rem;padding-bottom:.35rem}}@media screen and (max-height:620px){cart-drawer .lu-cup{margin:0 0 .3rem}cart-drawer .lu-cup__box{padding:.3rem .8rem .35rem}cart-drawer .lu-cup__si{padding-top:.4rem;padding-bottom:.4rem}cart-drawer .lu-cup__s{display:none}cart-drawer .lu-cup__q{font-size:clamp(1.15rem,3.4vw,1.3rem)}cart-drawer .lu-cup[data-modo^=ok] .lu-cup__q{font-size:clamp(1.1rem,3.2vw,1.2rem)}cart-drawer .lu-cup__cta{padding-top:.15rem;padding-bottom:.15rem}}@media screen and (max-width:340px){cart-drawer .lu-cup__box{padding-left:.7rem;padding-right:.7rem;column-gap:.5rem}cart-drawer .lu-cup__acts{gap:.4rem}cart-drawer .lu-cup__si{padding-left:.5rem;padding-right:.5rem}cart-drawer .lu-cup__q{font-size:1.15rem}cart-drawer .lu-cup__cta{min-width:6.4rem;padding-left:.6rem;padding-right:.6rem}}@media(prefers-reduced-motion:reduce){cart-drawer.active .lu-cup__si--2,cart-drawer.active .lu-cup__box:after,cart-drawer .lu-cup.is-just .lu-cup__box,cart-drawer .lu-tot__row--pay.is-just .lu-tot__val,cart-drawer .lu-desc-brk.is-just [data-lu-brk-wheel]:not([hidden]),cart-drawer .lu-desc-brk.is-just [data-lu-brk-exit]:not([hidden]){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-lu-cup.css.map */