.jp-progress{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--mc-white, #fff);color:var(--mc-black, #000);border-top:1px solid var(--mc-black, #000);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));font-family:var(--mc-font-family, inherit);-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}.jp-progress__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"msg count" "save cart" "steps steps";column-gap:12px;row-gap:8px;align-items:center}.jp-progress__msg{grid-area:msg;margin:0;min-width:0;font-size:10.5px;line-height:1.35;font-weight:var(--mc-fw-mid, 500);text-transform:uppercase;letter-spacing:var(--mc-tracking-wide, .08em);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.jp-progress__save,.jp-progress__cart{height:28px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:9.5px;line-height:1;font-weight:var(--mc-fw-mid, 500);text-transform:uppercase;letter-spacing:var(--mc-tracking-wide, .08em);white-space:nowrap;border-radius:0}.jp-progress__save{grid-area:save;justify-self:start;margin:0;padding:0 9px;background:var(--mc-black, #000);color:var(--mc-white, #fff);font-variant-numeric:tabular-nums}.jp-progress__save[hidden]{display:none}.jp-progress.is-complete .jp-progress__save{background:var(--mc-white, #fff);color:var(--mc-black, #000)}.jp-progress.is-bump .jp-progress__save{animation:jp-msg-in .4s ease .08s both}.jp-progress__cart{grid-area:cart;justify-self:end;margin:0;padding:0 14px;cursor:pointer;background:transparent;color:var(--mc-black, #000);border:1px solid var(--mc-black, #000);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.jp-progress__cart[hidden]{display:none}.jp-progress__cart:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(hover:hover){.jp-progress__cart:hover{background:var(--mc-black, #000);color:var(--mc-white, #fff)}}.jp-progress__cart.is-nudge{animation:jp-cart-nudge .9s ease}@keyframes jp-cart-nudge{25%,60%{background:var(--mc-black, #000);color:var(--mc-white, #fff)}}.jp-progress.is-complete .jp-progress__cart{color:var(--mc-white, #fff);border-color:var(--mc-white, #fff)}@media(hover:hover){.jp-progress.is-complete .jp-progress__cart:hover{background:var(--mc-white, #fff);color:var(--mc-black, #000)}}.jp-progress__count{grid-area:count;justify-self:end;align-self:start;padding-top:2px;font-size:10px;line-height:1;color:var(--mc-gray, #666);letter-spacing:var(--mc-tracking-wide, .08em);font-variant-numeric:tabular-nums;white-space:nowrap}.jp-progress__count [data-jp-count]{color:var(--mc-black, #000);font-weight:var(--mc-fw-mid, 500)}.jp-progress__steps{grid-area:steps;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.jp-progress__step{display:flex;flex-direction:column;align-items:center;gap:4px}.jp-progress__bar{display:block;width:100%;height:2px;background:var(--mc-line, #E5E5E5);position:relative;overflow:hidden}.jp-progress__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mc-black, #000);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.jp-progress__step.is-on .jp-progress__bar:after{transform:scaleX(1)}.jp-progress__num{font-size:9px;line-height:1;color:#999;font-variant-numeric:tabular-nums;transition:color .3s ease}.jp-progress__step.is-on .jp-progress__num{color:var(--mc-black, #000);font-weight:var(--mc-fw-mid, 500)}.jp-progress.is-bump .jp-progress__msg{animation:jp-msg-in .4s ease both}@keyframes jp-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.jp-progress.is-complete{background:var(--mc-black, #000);color:var(--mc-white, #fff);border-top-color:#ffffff4d}.jp-progress.is-complete .jp-progress__count,.jp-progress.is-complete .jp-progress__count [data-jp-count],.jp-progress.is-complete .jp-progress__step.is-on .jp-progress__num{color:var(--mc-white, #fff)}.jp-progress.is-complete .jp-progress__bar{background:#ffffff40}.jp-progress.is-complete .jp-progress__bar:after{background:var(--mc-white, #fff)}@media(prefers-reduced-motion:reduce){.jp-progress,.jp-progress__bar:after,.jp-progress__num,.jp-progress__cart{transition:none}.jp-progress.is-bump .jp-progress__msg,.jp-progress.is-bump .jp-progress__save,.jp-progress__cart.is-nudge{animation:none}}@media(min-width:768px){.jp-progress{padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))}.jp-progress__inner{grid-template-columns:minmax(0,max-content) auto minmax(0,1fr) auto auto;grid-template-areas:"msg save . count cart" "steps steps steps steps steps";column-gap:16px;row-gap:10px}.jp-progress__msg{font-size:12px;-webkit-line-clamp:1}.jp-progress__save,.jp-progress__cart{height:32px;font-size:10.5px}.jp-progress__save{padding:0 10px}.jp-progress__cart{padding:0 20px}.jp-progress__count{align-self:center;padding-top:0;font-size:11px}.jp-progress__steps{gap:8px}.jp-progress__num{font-size:10px}}body:has(.jp-progress){padding-bottom:var(--jp-progress-h, 76px)}body:has(.jp-progress) .scroll-to-top-btn{bottom:calc(var(--jp-progress-h, 76px) + 12px)}
/*# sourceMappingURL=/cdn/shop/t/42/assets/jueves-picante-progress.css.map */