.of100-pg{--pg-gold: #C9A24B;--pg-gold-soft: #E8D3A2;--pg-line: #E5E5E5;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;color:#000;border-top:1px solid #000;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));font-family:var(--mc-font-family, inherit);-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease,border-color .4s ease}.of100-pg[hidden]{display:none}.of100-pg__inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"medal text side" "steps steps steps";column-gap:10px;row-gap:7px;align-items:center}.of100-pg__medal{grid-area:medal;position:relative;width:42px;height:42px}.of100-pg__ring{width:100%;height:100%;transform:rotate(-90deg);display:block}.of100-pg__ring circle{fill:none;stroke-width:3}.of100-pg__ring-bg{stroke:var(--pg-line)}.of100-pg__ring-fg{stroke:#000;stroke-linecap:butt;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .7s cubic-bezier(.2,.7,.2,1),stroke .4s ease}.of100-pg__lvl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.of100-pg.is-zero .of100-pg__ring-fg{opacity:0}.of100-pg__medal.is-hit{animation:of100-hit .45s cubic-bezier(.3,1.6,.5,1)}@keyframes of100-hit{40%{transform:scale(1.22)}}.of100-pg__text{grid-area:text;min-width:0}.of100-pg__title{margin:0;font-size:9px;line-height:1.2;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of100-pg__msg{margin:2px 0 0;font-size:10.5px;line-height:1.3;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width:379px){.of100-pg__inner{column-gap:8px}.of100-pg__msg{font-size:10px;-webkit-line-clamp:3}.of100-pg__cart{padding:0 8px}}.of100-pg__side{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.of100-pg__save{margin:0;padding:4px 8px;display:flex;flex-direction:column;align-items:flex-end;background:#000;color:#fff;line-height:1}.of100-pg__save[hidden]{display:none}.of100-pg__save-lbl{font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--pg-gold-soft)}.of100-pg__save-amt{margin-top:2px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.of100-pg__cart{height:24px;padding:0 10px;margin:0;font-family:inherit;font-size:8.5px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:transparent;color:#000;border:1px solid #000;border-radius:0;-webkit-appearance:none;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease}.of100-pg__cart[hidden]{display:none}.of100-pg__cart:focus-visible{outline:1px solid currentColor;outline-offset:2px}@media(hover:hover){.of100-pg__cart:hover{background:#000;color:#fff}}.of100-pg__cart.is-nudge{animation:of100-nudge .9s ease}@keyframes of100-nudge{25%,60%{background:#000;color:#fff}}.of100-pg__steps{grid-area:steps;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.of100-pg__step{display:flex;flex-direction:column;align-items:center;gap:3px}.of100-pg__bar{display:block;width:100%;height:3px;background:var(--pg-line);position:relative;overflow:hidden}.of100-pg__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.2,.7,.2,1),background-color .4s ease}.of100-pg__step.is-on .of100-pg__bar:after{transform:scaleX(1)}.of100-pg__step.is-next .of100-pg__bar:after{transform:scaleX(1);background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 50%,transparent 100%);background-size:200% 100%;animation:of100-shimmer 1.6s linear infinite}@keyframes of100-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.of100-pg__num{font-size:8.5px;line-height:1;color:#999;font-variant-numeric:tabular-nums;transition:color .3s ease}.of100-pg__step.is-on .of100-pg__num{color:#000;font-weight:600}.of100-pg__step.is-next .of100-pg__num{color:#000}.of100-pg.is-bump .of100-pg__save{animation:of100-pop .4s ease}.of100-pg.is-levelup{animation:of100-flash 1s ease}.of100-pg.is-levelup .of100-pg__medal{animation:of100-hit .55s cubic-bezier(.3,1.6,.5,1)}.of100-pg.is-levelup .of100-pg__save{animation:of100-pop .5s ease .15s both}.of100-pg.is-levelup .of100-pg__msg,.of100-pg.is-levelup .of100-pg__title{animation:of100-in .45s ease both}@keyframes of100-pop{40%{transform:scale(1.12)}}@keyframes of100-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes of100-flash{0%,to{border-top-color:#000}20%,60%{border-top-color:var(--pg-gold);box-shadow:0 -2px 0 var(--pg-gold)}}.of100-pg.is-max{background:#000;color:#fff;border-top-color:var(--pg-gold)}.of100-pg.is-max .of100-pg__title{color:var(--pg-gold)}.of100-pg.is-max .of100-pg__msg{color:#fff}.of100-pg.is-max .of100-pg__ring-bg{stroke:#fff3}.of100-pg.is-max .of100-pg__ring-fg{stroke:var(--pg-gold)}.of100-pg.is-max .of100-pg__save{background:var(--pg-gold);color:#000}.of100-pg.is-max .of100-pg__save-lbl{color:#000}.of100-pg.is-max .of100-pg__cart{color:#fff;border-color:#fff}@media(hover:hover){.of100-pg.is-max .of100-pg__cart:hover{background:#fff;color:#000}}.of100-pg.is-max .of100-pg__bar{background:#fff3}.of100-pg.is-max .of100-pg__bar:after{background:var(--pg-gold)}.of100-pg.is-max .of100-pg__step.is-on .of100-pg__num{color:var(--pg-gold)}.of100-pg-toast{position:fixed;left:50%;bottom:calc(var(--of100-pg-h, 90px) + 14px);z-index:2147483000;width:min(92vw,360px);box-sizing:border-box;margin:0;padding:16px 18px 15px;background:#000;color:#fff;text-align:center;border:1px solid var(--pg-gold, #C9A24B);font-family:var(--mc-font-family, inherit);transform:translate(-50%);cursor:pointer;box-shadow:0 10px 30px #00000040}.of100-pg-toast[hidden]{display:none}.of100-pg-toast.is-in{animation:of100-toast-in .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes of100-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.of100-pg-toast__kicker{margin:0;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#c9a24b}.of100-pg-toast__title{margin:6px 0 0;font-size:24px;line-height:1.05;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.of100-pg-toast__sub{margin:7px 0 0;font-size:11px;line-height:1.35;color:#ffffffd9}.of100-pg-toast.is-max{background:#c9a24b;color:#000;border-color:#000}.of100-pg-toast.is-max .of100-pg-toast__kicker,.of100-pg-toast.is-max .of100-pg-toast__sub{color:#000}.of100-pg-mini{position:fixed;left:50%;bottom:calc(var(--of100-pg-h, 90px) + 12px);z-index:2147482999;max-width:90vw;box-sizing:border-box;margin:0;padding:8px 12px;background:#000;color:#fff;font-family:var(--mc-font-family, inherit);font-size:10px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;text-align:center;transform:translate(-50%)}.of100-pg-mini[hidden]{display:none}.of100-pg-mini.is-in{animation:of100-mini-in .3s ease both}@keyframes of100-mini-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%)}}.of100-pg-fly{position:fixed;z-index:2147483001;pointer-events:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;border:1px solid #C9A24B;font:600 11px/1 var(--mc-font-family, sans-serif);transform:translate(-50%,-50%)}.of100-pg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;pointer-events:none;overflow:hidden}.of100-pg-fx__p{position:absolute;width:7px;height:11px;transform:translate(-50%,-50%);opacity:0;animation:of100-burst var(--t, 1.4s) cubic-bezier(.15,.7,.3,1) var(--d, 0ms) forwards;box-shadow:0 0 0 .5px #00000026}.of100-pg-fx__p.is-round{width:7px;height:7px;border-radius:50%}@keyframes of100-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}40%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(calc(var(--r) * .5))}to{opacity:0;transform:translate(calc(-50% + var(--x) * 1.15),calc(-50% + var(--y2))) rotate(var(--r))}}.of100-tier{position:relative;transition:box-shadow .3s ease,background-color .3s ease}.of100-tier:after{position:absolute;top:5px;right:5px;font-size:7px;line-height:1;letter-spacing:.08em;text-transform:uppercase;padding:3px 4px;pointer-events:none}.of100-tier.is-done:after{content:"\2713";font-size:9px;padding:2px 4px;background:#000;color:#fff}.of100-tier.is-current:after,.of100-tier.is-next:after{top:-7px;right:auto;left:6px}.of100-tiers:has(.is-current,.is-next){row-gap:10px;padding-top:4px}.of100-tier.is-current{box-shadow:inset 0 0 0 2px #000}.of100-tier.is-current:after{content:"Tu nivel";background:#000;color:#fff}.of100-tier.is-next{box-shadow:inset 0 0 0 1px #000;animation:of100-next 1.6s ease-in-out infinite}.of100-tier.is-next:after{content:"Siguiente";color:#000;background:#fff;border:1px solid #000;padding:2px 3px}@keyframes of100-next{50%{box-shadow:inset 0 0 0 1px #00000040}}.of100-tier.is-featured.is-done:after,.of100-tier.is-featured.is-current:after{background:#c9a24b;color:#000}.of100-tier.is-featured.is-current,.of100-tier.is-featured.is-next{box-shadow:inset 0 0 0 2px #c9a24b}.of100-tier.is-featured.is-next:after{color:#c9a24b;border-color:#c9a24b}@media(min-width:768px){.of100-pg{padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px))}.of100-pg__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"medal text side" "medal steps side";column-gap:18px;row-gap:6px}.of100-pg__medal{width:52px;height:52px}.of100-pg__lvl{font-size:18px}.of100-pg__title{font-size:10px}.of100-pg__msg{font-size:12.5px;-webkit-line-clamp:1}.of100-pg__side{flex-direction:row;align-items:center;gap:10px}.of100-pg__save{padding:6px 12px}.of100-pg__save-lbl{font-size:8.5px}.of100-pg__save-amt{font-size:16px}.of100-pg__cart{height:36px;padding:0 18px;font-size:10px}.of100-pg__steps{gap:6px}.of100-pg__num{font-size:9.5px}.of100-tier:after{top:8px;right:8px;font-size:8px}.of100-tier.is-current:after,.of100-tier.is-next:after{top:-8px;right:auto;left:10px}.of100-pg-toast{width:380px;padding:20px 24px 18px}.of100-pg-toast__title{font-size:28px}}@media(prefers-reduced-motion:reduce){.of100-pg,.of100-pg__ring-fg,.of100-pg__bar:after,.of100-tier{transition:none}.of100-pg.is-levelup,.of100-pg.is-levelup *,.of100-pg.is-bump .of100-pg__save,.of100-pg__medal.is-hit,.of100-pg__cart.is-nudge,.of100-tier.is-next,.of100-pg__step.is-next .of100-pg__bar:after,.of100-pg-toast.is-in,.of100-pg-mini.is-in{animation:none}}body:has(.of100-pg:not([hidden])){padding-bottom:var(--of100-pg-h, 90px)}body:has(.of100-pg:not([hidden])) .scroll-to-top-btn{bottom:calc(var(--of100-pg-h, 90px) + 12px)}
/*# sourceMappingURL=/cdn/shop/t/42/assets/oferta-100ml-juego.css.map */