.mz{--mz-curva:cubic-bezier(.16, 1, .3, 1)}.mz-aparece{animation:mz-aparece .52s var(--mz-curva,cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(var(--i,0) * 70ms)}@property --mz-angulo{syntax:"<angle>";inherits:false;initial-value:0deg}.mz-premium{border-radius:var(--radius-xl);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, conic-gradient(from var(--mz-angulo), color-mix(in oklch, var(--color-accent) 90%, transparent), color-mix(in oklch, var(--color-accent) 15%, transparent) 35%, color-mix(in oklch, var(--color-ok) 70%, transparent) 60%, color-mix(in oklch, var(--color-accent) 15%, transparent) 80%, color-mix(in oklch, var(--color-accent) 90%, transparent)) border-box;box-shadow:0 18px 50px -24px var(--shadow-pop-color);border:1.5px solid #0000;animation:9s linear infinite mz-gira;position:relative}.mz-premium-fondo{background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 55%), radial-gradient(90% 70% at 0% 100%, color-mix(in oklch, var(--color-ok) 8%, transparent), transparent 60%);border-radius:inherit}.mz-check{background:var(--color-ok-soft);width:26px;height:26px;color:var(--color-ok);border-radius:50%;flex:none;place-items:center;display:grid}.mz-boton{position:relative;overflow:hidden}.mz-boton:after{content:"";transition:transform .7s var(--mz-curva,cubic-bezier(.16, 1, .3, 1));pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff59 50%,#0000 70%);background:linear-gradient(100deg,#0000 30%,lab(100% 0 0/.35) 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.mz-boton:hover:after,.mz-boton:focus-visible:after{transform:translate(120%)}.mz-precio-viejo{color:var(--color-ink-soft);text-decoration:line-through;text-decoration-thickness:2px}.mz-barra{background:var(--color-sunken);border-radius:999px;height:10px;overflow:hidden}.mz-barra>span{background:var(--color-accent);transform-origin:0;height:100%;animation:mz-crece .9s var(--mz-curva,cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(.2s + var(--i,0) * 60ms);border-radius:999px;display:block}.mz-columna{transform-origin:bottom;animation:mz-sube .8s var(--mz-curva,cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(.15s + var(--i,0) * 50ms);transform-box:fill-box}.mz-columna-baja{fill:color-mix(in oklch, var(--color-accent) 50%, var(--color-surface))}.mz-medidor{border:1px solid var(--color-line-strong);background:var(--color-sunken);border-radius:999px;height:14px;position:relative}.mz-medidor>span{background:var(--color-ink);transform-origin:0;animation:mz-crece .9s var(--mz-curva,cubic-bezier(.16, 1, .3, 1)) both;border-radius:999px;position:absolute;inset:0 auto 0 0}.mz-medidor>i{background:var(--color-ink);width:2px;box-shadow:0 0 0 2px var(--color-surface);border-radius:1px;margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.mz-esqueleto{border-radius:var(--radius-sm);background:linear-gradient(100deg, transparent 30%, color-mix(in oklch, var(--color-surface) 70%, transparent) 50%, transparent 70%) var(--color-sunken);background-size:200% 100%;animation:1.4s linear infinite mz-brillo}.mz-giro{border:2.5px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite mz-gira-rueda;display:inline-block}.mz-bloqueado{filter:blur(6px)saturate(.8);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.mz-acierto{animation:mz-pulso .48s var(--mz-curva,cubic-bezier(.16, 1, .3, 1))}@keyframes mz-aparece{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mz-gira{to{--mz-angulo:360deg}}@keyframes mz-crece{0%{transform:scaleX(0)}}@keyframes mz-sube{0%{transform:scaleY(0)}}@keyframes mz-pulso{40%{transform:scale(1.015)}}@keyframes mz-brillo{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes mz-gira-rueda{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mz-aparece,.mz-premium,.mz-barra>span,.mz-medidor>span,.mz-columna,.mz-esqueleto,.mz-giro,.mz-acierto{animation:none}.mz-boton:after{display:none}}@media (forced-colors:active){.mz-premium{border-color:canvastext}.mz-barra>span,.mz-medidor>span,.mz-medidor>i{background:highlight}}