/* Dobra Lift L6 (lift_igual). GERADO por docs/layout/fonte-loja/dobras-lift-l6.py: não edite à mão. */
.bl .gw{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .1em .12em;margin:0 -.1em -.12em}
.bl .gw>span{display:inline-block}
.lf-anim .bl [data-tit] .gw>span{transform:translateY(108%);transition:transform .8s calc(var(--w) * .055s) cubic-bezier(.2,.8,.2,1)}
.lf-anim .bl [data-tit].on .gw>span{transform:none}
.bl .lfk{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){
	.lf-anim .bl [data-tit] .gw>span{transform:none;transition:none}
}
.bl .lf6d .dp-h2{font-size:clamp(30px,3.4vw,50px)}
.bl .lf6d-p{margin:30px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.bl .lf6d-p li{position:relative;display:flex;gap:10px;align-items:center;padding:9px 20px 9px 9px;border-radius:999px;font:500 15px/1.25 var(--bl-texto);isolation:isolate}
.bl .lf6d-p li::before{content:"";position:absolute;inset:0;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--bl-preto);z-index:-1}
.bl .lf6d-p li::after{content:"";position:absolute;inset:0;border-radius:999px;background:var(--bl-cinza-1);z-index:-2;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bl .lf6d-ck{position:relative;flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bl-preto);color:#fff;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.bl .lf6d-ck .lfk{stroke-dasharray:1;stroke-dashoffset:0}
.bl .lf6d-p li:hover .lf6d-ck{transform:rotate(-12deg) scale(1.12)}
.bl .lf6d-p li:hover::after{transform:scale(1.03,1.1)}
.lf-anim .bl .lf6d-p li::before{clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .9s calc(var(--i) * .16s) cubic-bezier(.65,0,.25,1)}
.lf-anim .bl .lf6d-p li::after{opacity:0;transition:opacity .5s calc(.6s + var(--i) * .16s),transform .5s cubic-bezier(.2,.8,.2,1)}
.lf-anim .bl .lf6d-p li>span:last-child{opacity:0;transform:translateX(-8px);transition:opacity .5s calc(.35s + var(--i) * .16s),transform .7s calc(.35s + var(--i) * .16s) cubic-bezier(.2,.8,.2,1)}
.lf-anim .bl .lf6d-ck{transform:scale(0)}
.lf-anim .bl .lf6d-ck .lfk{stroke-dashoffset:1;transition:stroke-dashoffset .4s calc(.75s + var(--i) * .16s) cubic-bezier(.2,.8,.2,1)}
.lf-anim .bl .lf6d-p.on li::before{clip-path:inset(0 0 0 0 round 999px)}
.lf-anim .bl .lf6d-p.on li::after{opacity:1}
.lf-anim .bl .lf6d-p.on li>span:last-child{opacity:1;transform:none}
.lf-anim .bl .lf6d-p.on .lf6d-ck{transform:none;transition:transform .5s calc(.45s + var(--i) * .16s) cubic-bezier(.3,1.6,.5,1)}
.lf-anim .bl .lf6d-p.on .lf6d-ck .lfk{stroke-dashoffset:0}
.lf-anim .bl .lf6d-p.on li:hover .lf6d-ck{transform:rotate(-12deg) scale(1.12);transition-delay:0s}
.bl .lf6d-f{position:relative;margin:48px auto 0;max-width:1100px;aspect-ratio:2000/868}
.bl .lf6d-aro{position:absolute;inset:-10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--bl-cinza-3)}
.bl .lf6d-mold{position:absolute;inset:0;display:block;border-radius:999px;overflow:hidden;background:var(--bl-cinza-1)}
.bl .lf6d-in{position:absolute;left:0;right:0;top:-6%;bottom:-6%;display:block}
.bl .lf6d-in img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.bl .lf6d-f:hover .lf6d-in img{transform:scale(1.035)}
.lf-anim .bl .lf6d-aro{clip-path:inset(0 100% 0 0 round 999px);transition:clip-path 1.4s cubic-bezier(.65,0,.25,1)}
.lf-anim .bl .lf6d-mold{opacity:0;transform:scale(.97);transition:opacity .9s .7s,transform 1.2s .7s cubic-bezier(.2,.8,.2,1)}
.lf-anim .bl .lf6d-f.on .lf6d-aro{clip-path:inset(0 0 0 0 round 999px)}
.lf-anim .bl .lf6d-f.on .lf6d-mold{opacity:1;transform:none}
@media (max-width:767px){
	.bl .lf6d .dp-h2{font-size:30px}
	.bl .lf6d-p{flex-direction:column;align-items:stretch;gap:8px;margin-top:24px}
	.bl .lf6d-p li{font-size:14.5px}
	.bl .lf6d-f{margin-top:30px;aspect-ratio:4/3}
	.bl .lf6d-aro{inset:-7px;border-radius:30px}
	.lf-anim .bl .lf6d-aro{clip-path:inset(0 100% 0 0 round 30px)}
	.lf-anim .bl .lf6d-f.on .lf6d-aro{clip-path:inset(0 0 0 0 round 30px)}
	.bl .lf6d-mold{border-radius:24px}
	.bl .lf6d-f img.ax-o{object-position:30% 50%}
}
@media (prefers-reduced-motion:reduce){
	.bl .lf6d *{animation:none!important;transition:none!important}
	.bl .lf6d-in{transform:none!important}
}