.sl-world,.sl-line{display:none}
.sl-txt{display:grid;gap:var(--sp-7) var(--gutter);padding-inline:var(--margem) var(--pad-r)} 
.sl-hook,.sl-steps{display:contents}
.sl-steps{list-style:none;margin:0;padding:0}
.sl-txt .h2{grid-column:1/-1;margin-bottom:calc(var(--sp-7) * -1 + var(--sp-5))}
.sl-steps>li{display:grid;align-content:start;gap:var(--sp-2);margin:0}
.sl-r{display:block}
.sl-c{margin:0;color:var(--papel-2)}
.sl-steps h3{margin:0;font:var(--w-h1) clamp(1.5rem,1.1rem + 1.3vw,2.25rem)/1.08 var(--sans);letter-spacing:-.03em;text-wrap:balance}
.sl-sub{margin:0;color:var(--papel-2);text-wrap:balance}
.sl-end{margin:0;font:var(--w-h1) clamp(1.75rem,1.2rem + 2vw,3rem)/1.05 var(--sans);letter-spacing:-.035em;text-wrap:balance}
.sl-fr{margin:var(--sp-2) 0 0;width:min(100%,300px)}
.sl .sl-fr img{display:block;width:100%;height:auto}
@media (max-width:639.98px){
  .sl:not(.pin) .sl-steps>li{grid-template-columns:minmax(0,1fr) 36%;column-gap:var(--sp-3)}
  .sl:not(.pin) .sl-steps>li>*{grid-column:1}
  .sl:not(.pin) .sl-steps>li>.sl-fr{grid-column:2;grid-row:1/span 4;width:100%;margin:0}
  .sl:not(.pin) .sl-hook .sl-fr{display:none}
}
@media (min-width:640px){.sl-txt{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.sl-txt{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sl.pin{padding-block:0}
.sl.pin .sl-track{height:480vh;height:480svh} 
.sl.pin .sl-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.sl.pin .sl-world{display:block}
.sl.pin .sl-world svg{display:block;width:100%;height:100%}
.sl.pin .sl-fr,.sl.pin .h2::after{display:none}
.sl.pin .sl-tt{overflow:hidden;margin:0;max-width:none;width:auto;text-align:left}
.sl.pin .sl-r{will-change:transform}
.sl.pin .sl-sub{opacity:0}
.sl.pin .sl-c{overflow:hidden}
.sl.pin .sl-line{display:block;position:relative;--x:0}
.sl-line::before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:var(--papel);opacity:.2}
.sl-done{position:absolute;left:0;top:50%;height:1.5px;margin-top:-.75px;width:calc(var(--x) * 100%);background:var(--papel);opacity:.55}
.sl-line>i{position:absolute;top:0;bottom:0;width:1.5px;margin-left:-.75px;background:var(--papel);opacity:.3}
.sl-line>i.on{opacity:.6}
.sl-line>i:nth-child(2){left:25%}.sl-line>i:nth-child(3){left:50%}.sl-line>i:nth-child(4){left:75%}
.sl-dot{position:absolute;top:50%;left:calc(var(--x) * 100%);width:var(--dot);height:var(--dot);translate:-50% -50%;border-radius:50%;background:var(--shu);box-shadow:0 0 0 var(--ring) var(--tinta)}
@media (max-width:899.98px){
  .sl.pin .sl-stage{position:relative;container-type:inline-size;width:min(100%,56.25vh);width:min(100%,56.25svh);aspect-ratio:9/16}
  .sl.pin .sl-world{position:absolute;inset:0}
  .sl.pin .sl-txt{position:absolute;inset:0;display:block;padding:0;max-width:none;--u:calc(100cqw / 1080)}
  .sl.pin .sl-hook,.sl.pin .sl-steps,.sl.pin .sl-steps>li{display:contents}
  .sl.pin .sl-line{position:absolute;left:calc(86 * var(--u));width:calc(844 * var(--u));top:calc(240 * var(--u));height:calc(12 * var(--u));--dot:max(8px,calc(14 * var(--u)));--ring:max(2px,calc(2 * var(--u)))}
  
  .sl.pin .sl-c{position:absolute;left:calc(86 * var(--u));top:calc(182 * var(--u));height:calc(40 * var(--u));min-height:17px;width:calc(600 * var(--u));
    font:500 max(12px,calc(30 * var(--u)))/1 var(--mono);letter-spacing:.01em;color:var(--papel);opacity:.7}
  .sl.pin .sl-c .sl-r{padding-top:calc(5 * var(--u))}
  
  .sl.pin .sl-tt{position:absolute;left:calc(86 * var(--u));top:calc(278 * var(--u));width:calc(908 * var(--u));height:calc(100 * var(--u));
    font:600 calc(76 * var(--u))/1 var(--sans);letter-spacing:-.045em;color:var(--papel);white-space:nowrap}
  .sl.pin .sl-tt .sl-r{padding-top:calc(6 * var(--u))}
  .sl.pin .h2.sl-tt,.sl.pin .sl-end{height:calc(166 * var(--u));font-size:calc(88 * var(--u));line-height:.94;letter-spacing:-.05em;white-space:normal;text-wrap:balance}
  
  .sl.pin .sl-sub{position:absolute;left:calc(86 * var(--u));top:calc(382 * var(--u));width:calc(908 * var(--u));font:400 calc(39 * var(--u))/1.2 var(--sans);letter-spacing:-.01em;color:var(--papel);text-wrap:balance}
  .sl.pin .sl-sub .pending-tag{display:none} 
}
@media (min-width:900px){
  .sl.pin .sl-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--sp-7);width:100%;padding-inline:var(--margem) var(--pad-r)} 
  .sl.pin .sl-world{grid-column:2;grid-row:1;width:min(58vw,89.7vh);width:min(58vw,89.7svh);aspect-ratio:1080/1035;
    -webkit-mask:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);mask:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}
  .sl.pin .sl-txt{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"c" "l" "t" "s";align-content:center;row-gap:var(--sp-3);padding:0;max-width:34rem;margin:0}
  .sl.pin .sl-hook,.sl.pin .sl-steps,.sl.pin .sl-steps>li{display:contents}
  .sl.pin .sl-c{grid-area:c;font:500 .875rem/1.4 var(--mono);letter-spacing:.01em;color:var(--papel);opacity:.7}
  .sl.pin .sl-line{grid-area:l;height:13px;--dot:13px;--ring:2px}
  .sl.pin .sl-tt{grid-area:t;align-self:end;margin-top:var(--sp-2);font:600 clamp(2rem,1rem + 1.9vw,3rem)/1.04 var(--sans);letter-spacing:-.04em;color:var(--papel);text-wrap:balance}
  .sl.pin .sl-tt .sl-r{padding-block:.04em .12em}
  .sl.pin .h2.sl-tt,.sl.pin .sl-end{grid-row:3/5;align-self:start;font-size:clamp(2.5rem,1.2rem + 2.4vw,3.75rem);line-height:.98;letter-spacing:-.045em} 
  .sl.pin .sl-sub{grid-area:s;align-self:start;max-width:30ch;font-size:var(--t-lede);line-height:1.3;color:var(--papel);text-wrap:balance}
}
@media (prefers-reduced-motion:reduce){.sl.pin .sl-r{will-change:auto}}
@media (hover:hover) and (pointer:fine) and (min-width:1024px){
  .sl.pin .sl-txt{padding-right:0}
  .sl.pin .sl-stage{container-type:inline-size;column-gap:clamp(var(--sp-5),4vw,var(--sp-7))}
  .sl.pin .sl-world{width:min(58vw,89.7svh,100cqw - clamp(var(--sp-5),4vw,var(--sp-7)) - clamp(18rem,29vw,26rem))}
}