/* Dobra Lift L3 (lift_burn). GERADO por docs/layout/fonte-loja/dobras-lift-l3.py: não edite à mão. */
.bl .gw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.bl .gw>span{display:inline-block}
.l3-anim .bl .lf3e .gw>span{transform:translateY(108%);transition:transform .8s calc(var(--w) * .045s) cubic-bezier(.2,.8,.2,1)}
.l3-anim .bl .lf3e-p.on .gw>span{transform:none}
.bl .lf3e{color:var(--bl-preto);overflow:hidden;overflow:clip}
.bl .lf3e .dp-h2{text-align:left;font-size:clamp(28px,3vw,44px)}
.bl .lf3e-ck{flex:none;display:grid;place-items:center;border-radius:50%}
.bl .lf3e-ck svg{width:13px;height:13px;overflow:visible}
.bl .lf3e-ck path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bl .lf3e-p{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(56px,7vw,112px);align-items:center}
.bl .lf3e-p+.lf3e-p{margin-top:140px}
.bl .lf3e-inv .lf3e-fs{order:-1}
.bl .lf3e-l{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:18px}
.bl .lf3e-l li{display:flex;gap:16px;align-items:flex-start;font:400 17px/1.5 var(--bl-texto)}
.bl .lf3e-ck{position:relative;width:26px;height:26px;margin-top:-1px;box-shadow:inset 0 0 0 1.5px var(--bl-preto);color:var(--bl-preto);overflow:hidden;transition:color .3s}
.bl .lf3e-ck::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--bl-preto);transform:scale(0);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.bl .lf3e-ck svg{position:relative}
@media (hover:hover){
	.bl .lf3e-l li:hover .lf3e-ck{color:#fff}
	.bl .lf3e-l li:hover .lf3e-ck::before{transform:scale(1)}
}
.bl .lf3e-fs{position:relative;padding:0 0 12% 10%}
.bl .lf3e-inv .lf3e-fs{padding:0 10% 12% 0}
.bl .lf3e-f{position:relative;margin:0;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:var(--bl-cinza-1)}
.bl .lf3e-px{position:absolute;inset:-7% 0;display:block}
.bl .lf3e-px img{width:100%;height:100%;object-fit:cover}
.bl .lf3e-mini{position:absolute;left:0;bottom:0;width:44%;aspect-ratio:1;margin:0;border-radius:22px;overflow:hidden;background:var(--bl-cinza-1);box-shadow:0 0 0 8px #fff,0 24px 50px -20px rgba(10,10,10,.35)}
.bl .lf3e-inv .lf3e-mini{left:auto;right:0}
.bl .lf3e-mini img{transform:scale(2.1)}
.bl .lf3e-selo{position:absolute;right:-18px;top:-34px;width:124px;height:124px;display:grid;place-items:center;border-radius:50%;background:var(--bl-preto)}
.bl .lf3e-inv .lf3e-selo{right:auto;left:-18px}
.bl .lf3e-selo svg{position:absolute;inset:0;width:100%;height:100%;fill:#fff;font:600 9.6px/1 var(--bl-titulo);letter-spacing:.14em}
.bl .lf3e-selo img{width:44px;height:auto;object-fit:contain}
.bl .lf3e.rodando .lf3e-selo svg{animation:lf3e-gira 22s linear infinite}
@keyframes lf3e-gira{to{transform:rotate(360deg)}}
.bl .lf3e.rodando .lf3e-px{will-change:transform}
.l3-anim .bl .lf3e-f{clip-path:inset(100% 0 0 0 round 28px);transition:clip-path 1.2s cubic-bezier(.65,0,.25,1)}
.l3-anim .bl .lf3e-p.on .lf3e-f{clip-path:inset(0 0 0 0 round 28px)}
.l3-anim .bl .lf3e-mini{opacity:0;transform:translateY(40px) scale(.9);transition:opacity .7s .6s,transform 1s .6s cubic-bezier(.2,.8,.2,1)}
.l3-anim .bl .lf3e-p.on .lf3e-mini{opacity:1;transform:none}
.l3-anim .bl .lf3e-selo{opacity:0;transform:scale(.4) rotate(-90deg);transition:opacity .5s .9s,transform 1s .9s cubic-bezier(.3,1.4,.5,1)}
.l3-anim .bl .lf3e-p.on .lf3e-selo{opacity:1;transform:none}
.l3-anim .bl .lf3e-l li{clip-path:inset(0 100% 0 0);transition:clip-path .9s calc(.3s + var(--i) * .1s) cubic-bezier(.65,0,.25,1)}
.l3-anim .bl .lf3e-p.on .lf3e-l li{clip-path:inset(-4px -4px -4px -4px)}
@media (max-width:767px){
	.bl .lf3e .dp-h2{font-size:26px}
	.bl .lf3e-p{grid-template-columns:1fr;gap:28px}
	.bl .lf3e-inv .lf3e-fs{order:0}
	.bl .lf3e-p+.lf3e-p{margin-top:88px}
	.bl .lf3e-fs,.bl .lf3e-inv .lf3e-fs{order:-1;padding:0 0 18% 14%;margin-top:20px}
	.bl .lf3e-mini,.bl .lf3e-inv .lf3e-mini{left:0;right:auto;width:42%;border-radius:18px;box-shadow:0 0 0 6px #fff,0 18px 36px -18px rgba(10,10,10,.35)}
	.bl .lf3e-f{aspect-ratio:1;border-radius:24px}
	.bl .lf3e-selo,.bl .lf3e-inv .lf3e-selo{right:8px;left:auto;top:-28px;width:96px;height:96px}
	.bl .lf3e-selo img{width:34px}
	.bl .lf3e-l{gap:14px;margin-top:22px}
	.bl .lf3e-l li{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){
	.bl .lf3e *{animation:none!important;transition:none!important}
}