.sticky{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:60;width:min(540px,calc(100% - 24px));transform:translate(-50%,calc(100% + 30px));opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s;pointer-events:none}
.sticky.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.sticky__in{display:flex;align-items:center;gap:12px;padding:7px 7px 7px 8px;border-radius:100px;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);box-shadow:0 14px 40px rgba(10,10,10,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sticky__in img{width:40px;height:40px;border-radius:50%;flex:none;display:block}
.sticky__txt{display:grid;gap:3px;min-width:0;text-align:left}
.sticky__txt b{font:800 15px/1 var(--font);letter-spacing:-.03em;color:var(--ink)}
.sticky__txt span{display:flex;align-items:center;gap:6px;font:400 13px/1.1 var(--font);color:var(--muted);white-space:nowrap}
.sticky__txt em{font-style:normal}.sticky__txt>span{overflow:hidden}.sticky__txt i{width:7px;height:7px;border-radius:50%;background:#3ccf6e;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,#3ccf6e 22%,transparent)}
.sticky .btn{margin:0 0 0 auto;padding:14px 20px;font-size:14px;white-space:nowrap;flex:none}
@media (max-width:440px){.sticky__txt em{display:none}}@media (max-width:400px){.sticky__in{gap:9px}.sticky__txt b{font-size:14px}.sticky__txt span{font-size:12px}.sticky .btn{padding:13px 16px}}
@media (prefers-reduced-motion:reduce){.sticky{transition:opacity .2s}}


#sticky-left{display:inline}
@media (max-width:560px){.fold .fan{padding-inline:0;margin-top:26px}.fold .fan .fan__c{display:block;width:min(44vw,200px);margin-left:-25vw}html,body{overflow-x:clip}.fold .fan .fan__c:nth-child(2),.fold .fan .fan__c:nth-child(3),.fold .fan .fan__c:nth-child(9),.fold .fan .fan__c:nth-child(10){display:none}.fold .fan .fan__c:nth-child(4){margin-left:0}.fold .fan .fan__c:nth-child(5),.fold .fan .fan__c:nth-child(7){z-index:2}.fold .fan .fan__c:nth-child(6){z-index:3}}
@media (prefers-reduced-motion:no-preference){
  .js-anim .fold .top,.js-anim .fold .status,.js-anim .hero h1,.js-anim .btn--hero{opacity:0}
  .js-anim.is-ready .fold .top{animation:a-up .7s cubic-bezier(.2,.8,.2,1) both}
  .js-anim.is-ready .fold .status{animation:a-up .7s .12s cubic-bezier(.2,.8,.2,1) both}
  .js-anim.is-ready .hero h1{animation:a-rise .9s .22s cubic-bezier(.2,.8,.2,1) both}
  .js-anim.is-ready .chip-shopify{animation:a-pop .7s .75s cubic-bezier(.3,1.6,.5,1) both}
  .js-anim.is-ready .btn--hero{animation:a-up .7s 1.1s cubic-bezier(.2,.8,.2,1) both}
  .js-anim .fan__c{opacity:0}
  .js-anim.is-ready .fan__c{animation:a-deal .8s cubic-bezier(.2,.9,.25,1.05) both;animation-delay:calc(.55s + var(--i,0) * .07s)}
  @keyframes a-up{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
  @keyframes a-rise{from{opacity:0;translate:0 34px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}
  @keyframes a-pop{from{scale:.4;opacity:0}to{scale:1;opacity:1}}
  @keyframes a-deal{from{opacity:0;translate:0 120px;scale:.85}to{opacity:1;translate:0 0;scale:1}}
  /* escritura a mano */
  .js-anim .hw .ch{display:inline-block;opacity:0;clip-path:inset(-80% 100% -80% -20%)}
  .js-anim .hw.is-writing .ch{animation:a-ink .26s ease-out both;animation-delay:calc(var(--d) * 1ms)}
  .hw .w{display:inline-block;white-space:nowrap}
  @keyframes a-ink{0%{opacity:.2;clip-path:inset(-80% 100% -80% -20%);translate:-1px 1px}99%{clip-path:inset(-80% -30% -80% -20%)}100%{opacity:1;clip-path:none;translate:0 0}}
  /* flechas dibujadas */
  .js-anim .arrow path{stroke-dasharray:1;stroke-dashoffset:1}
  .js-anim .arrow.is-in path{transition:stroke-dashoffset 1.1s cubic-bezier(.6,.1,.3,1)}
  .js-anim .arrow.is-in path+path{transition-delay:.95s;transition-duration:.35s}
  .js-anim .arrow.is-in path{stroke-dashoffset:0}
  /* entrada y salida al hacer scroll */
  .js-anim [data-rv]{opacity:0;translate:0 40px;filter:blur(6px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),translate .8s cubic-bezier(.2,.8,.2,1),filter .7s;transition-delay:calc(var(--i,0) * .09s)}
  .js-anim [data-rv="l"]{translate:-40px 0}.js-anim [data-rv="r"]{translate:40px 0}
  .js-anim [data-rv="z"]{translate:0 0;scale:.94}
  .js-anim [data-rv].is-in{opacity:1;translate:0 0;scale:1;filter:blur(0)}
  .js-anim [data-rv].is-out-up{translate:0 -30px}
  .slots__dots svg{transition:scale .4s cubic-bezier(.3,1.6,.5,1)}
  .js-anim .slots:not(.is-in) .slots__dots svg{scale:0}
  .js-anim .slots.is-in .slots__dots svg{transition-delay:calc(.3s + var(--i,0) * .1s)}
}