/* Dobra Lift L4 (lift_ativos). GERADO por docs/layout/fonte-loja/dobras-lift-l4.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}
.l4-anim .bl .lf4i .gw>span{transform:translateY(108%);transition:transform .8s calc(var(--w) * .045s) cubic-bezier(.2,.8,.2,1)}
.l4-anim .bl .lf4i-cab.on .gw>span{transform:none}
.bl .lf4i{overflow:hidden;overflow:clip;--cw:min(380px,28vw)}
.bl .lf4i-palco{position:relative;margin-top:56px;height:calc(var(--cw) * 1282 / 1206 + 40px);perspective:1500px;touch-action:pan-y;cursor:grab;outline:0;-webkit-user-select:none;user-select:none}
.bl .lf4i-palco.arrastando{cursor:grabbing}
.bl .lf4i-l{list-style:none;margin:0;padding:0;position:absolute;inset:20px 0;transform-style:preserve-3d}
.bl .lf4i-c{position:absolute;left:50%;top:0;width:var(--cw);margin-left:calc(var(--cw) / -2);aspect-ratio:1206/1282;transform-origin:50% 50%}
.bl .lf4i-in{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#FBEFEF;box-shadow:0 30px 60px -30px rgba(10,10,10,.45)}
.bl .lf4i-in img{position:absolute;left:0;right:0;top:0;width:100%;height:auto;aspect-ratio:9/5;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.bl .lf4i-in::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,23,23,0) 26%,rgba(26,23,23,.5) 40%,rgba(26,23,23,.9) 56%,#1A1717 74%)}
.bl .lf4i-som{position:absolute;inset:0;z-index:2;background:#0A0A0A;opacity:0;pointer-events:none}
.bl .lf4i-tx{position:absolute;z-index:1;left:0;right:0;top:54%;padding:0 9%;text-align:center;color:#fff}
.bl .lf4i-tx h3{margin:0;font:600 calc(var(--cw) * .088)/1.05 var(--bl-titulo);letter-spacing:-.035em;color:#fff}
.bl .lf4i-tx p{margin:10px auto 0;max-width:300px;font:400 14px/1.45 var(--bl-texto);color:rgba(255,255,255,.86)}
.bl .lf4i-bt{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--bl-preto);background:#fff;box-shadow:inset 0 0 0 1px var(--bl-cinza-2);transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s,color .3s}
.bl .lf4i-bt .dp-i{width:18px;height:18px}
.bl .lf4i-bt-ant .dp-i{transform:rotate(180deg)}
@media (hover:hover){
	.bl .lf4i-bt:hover{background:var(--bl-preto);color:#fff;transform:scale(1.06)}
}
.bl .lf4i.rodando .lf4i-c{will-change:transform}
.bl .lf4i{background:linear-gradient(180deg,#F7CFC6,#EFA89B);color:var(--bl-preto)}
.bl .lf4i .olho{color:rgba(10,10,10,.6)}
.bl .lf4i-palco{height:calc(var(--cw) * 1282 / 1206 + var(--cw) * .34 + 40px);perspective:none}
.bl .lf4i-c{transform-origin:50% 140%}
.bl .lf4i-in{box-shadow:0 30px 60px -30px rgba(120,40,30,.55)}
.l4-anim .bl .lf4i-tx .gw>span{transform:translateY(108%);transition:transform .6s calc(.15s + var(--w) * .04s) cubic-bezier(.2,.8,.2,1)}
.l4-anim .bl .lf4i-c.meio .lf4i-tx .gw>span{transform:none}
.bl .lf4i-palco{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
@media (max-width:767px){
	.bl .lf4i{--cw:min(72vw,300px)}
	.bl .lf4i .dp-h2{font-size:26px}
	.bl .lf4i-palco{margin-top:32px}
	.bl .lf4i-palco{height:calc(var(--cw) * 1282 / 1206 + var(--cw) * .3 + 30px)}
	.bl .lf4i-tx p{font-size:12.5px;margin-top:7px}
	.bl .lf4i-tx{padding:0 7%}
	.bl .lf4i-palco{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
}
@media (prefers-reduced-motion:reduce){
	.bl .lf4i *{animation:none!important;transition:none!important}
	.bl .lf4i-palco{height:auto;perspective:none;cursor:auto}
	.bl .lf4i{--cw:min(180px,13.4vw)}
	.bl .lf4i-palco{-webkit-mask-image:none;mask-image:none;padding:0 24px 40px}
	.bl .lf4i-l{position:static;display:flex;justify-content:center;gap:10px}
	.bl .lf4i-c{position:relative;left:auto;margin:0;flex:none;transform:translateY(var(--ay)) rotate(var(--ar))!important;opacity:1!important}
	.bl .lf4i-tx .gw>span{transform:none!important}
	.bl .lf4i-tx p{font-size:11px;margin-top:5px}
	.bl .lf4i-som{display:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:767px){
	.bl .lf4i{--cw:min(44vw,180px)}
	.bl .lf4i-l{flex-wrap:wrap;gap:12px}
	.bl .lf4i-c{transform:none!important}
}