/* Dobra Lift L1 (lift_nano). GERADO por docs/layout/fonte-loja/dobras-lift-l1.py: não edite à mão. */
.bl .lf1-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.bl .lf1-w>span{display:inline-block}
.lf1-anim .bl .lf1-cab .lf1-w>span{transform:translateY(105%);transition:transform .8s calc(var(--w) * .05s) cubic-bezier(.2,.8,.2,1)}
.lf1-anim .bl .lf1-cab.vivo .lf1-w>span{transform:none}
.lf1-anim .bl .lf1-cab .dp-lead{opacity:0;transform:translateY(14px);transition:opacity .7s .45s,transform .8s .45s cubic-bezier(.2,.8,.2,1)}
.lf1-anim .bl .lf1-cab.vivo .dp-lead{opacity:1;transform:none}
.bl .lf1c{background:var(--bl-cinza-1);color:var(--bl-preto);overflow:hidden;overflow:clip}
.bl .lf1c .dp-lead{margin-left:auto;margin-right:auto}
.bl .lf1c-mesa{position:relative;list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.bl .lf1c-c{position:relative;height:clamp(440px,36vw,540px)}
.bl .lf1c-c:nth-child(even){margin-top:56px}
.bl .lf1c-topo{z-index:4}
.bl .lf1c-in{position:relative;height:100%;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -18px rgba(10,10,10,.35);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.bl .lf1c-in:hover{transform:translateY(-8px);box-shadow:0 30px 50px -20px rgba(10,10,10,.45)}
.bl .lf1c-in>img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transition:scale .8s cubic-bezier(.2,.8,.2,1)}
.bl .lf1c-in:hover>img{scale:1.05}
.bl .lf1c-pote>img{object-position:52% 50%}
.bl .lf1c-pote .lf1c-logo{position:absolute;inset:auto auto 22px 22px;width:96px;height:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25))}
.bl .lf1c-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 30%,rgba(10,10,10,.88))}
.bl .lf1c-tx{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:24px;color:#fff}
.bl .lf1c-n{display:block;font:400 italic 30px/1 var(--bl-destaque);opacity:.7}
.bl .lf1c-tx h3{margin:10px 0 0;font:600 19px/1.2 var(--bl-titulo);letter-spacing:-.01em}
.bl .lf1c-tx p{margin:8px 0 0;font:400 13.5px/1.5 var(--bl-texto);color:rgba(255,255,255,.82)}
.bl .lf1c-esc{background:var(--bl-preto);color:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.bl .lf1c-esc .dp-i{width:30px;height:30px}
.bl .lf1c-esc p{margin:0;font:500 clamp(18px,1.6vw,22px)/1.32 var(--bl-titulo);letter-spacing:-.01em}
.bl .lf1c-barra{display:none}
.lf1-anim .bl .lf1c-c{transition:transform 1.15s calc(var(--i) * .1s) cubic-bezier(.7,0,.15,1)}
.lf1-anim .bl .lf1c-mesa:not(.on) .lf1c-c{transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r,0deg)) scale(.84)}
.lf1-anim .bl .lf1c-mesa:not(.on) .lf1c-c:nth-child(1){--r:-9deg}
.lf1-anim .bl .lf1c-mesa:not(.on) .lf1c-c:nth-child(3){--r:7deg}
.lf1-anim .bl .lf1c-mesa:not(.on) .lf1c-c:nth-child(4){--r:13deg}
.lf1-anim .bl .lf1c-tx>*,.lf1-anim .bl .lf1c-esc .dp-i{opacity:0;transform:translateY(16px);transition:opacity .5s calc(1s + var(--i) * .12s),transform .7s calc(1s + var(--i) * .12s) cubic-bezier(.2,.8,.2,1)}
.lf1-anim .bl .lf1c-esc .lf1-w>span{opacity:.12;transition:opacity .35s calc(1.2s + var(--w) * .07s)}
.lf1-anim .bl .lf1c-mesa.on .lf1c-tx>*,.lf1-anim .bl .lf1c-mesa.on .lf1c-esc .dp-i{opacity:1;transform:none}
.lf1-anim .bl .lf1c-mesa.on .lf1c-esc .lf1-w>span{opacity:1}
.bl .lf1c.rodando .lf1c-in>img{will-change:transform}
@media (max-width:1100px){
	.bl .lf1c-mesa{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bl .lf1c-c:nth-child(even){margin-top:0}
}
@media (max-width:767px){
	.bl .lf1c-trilho{position:relative;height:300vh}
	.bl .lf1c-cola{position:sticky;top:0;height:100vh;height:100svh;padding:92px 0 84px;display:flex;flex-direction:column;justify-content:center}
	.bl .lf1c-mesa{display:flex;margin:0 -16px;padding:8px 16px 20px;gap:12px}
	.bl .lf1c-c{flex:0 0 78%;height:min(440px,calc(100svh - 230px))}
	.bl .lf1c-barra{display:block;width:120px;height:3px;margin:6px auto 0;border-radius:3px;background:#DADADA;overflow:hidden}
	.bl .lf1c-barra i{display:block;height:100%;background:var(--bl-preto);transform-origin:0 50%;transform:scaleX(0)}
	.bl .lf1c.rodando .lf1c-mesa{will-change:transform}
}
@media (prefers-reduced-motion:reduce){
	.bl .lf1c *{animation:none!important;transition:none!important}
}
@media (prefers-reduced-motion:reduce) and (max-width:767px){
	.bl .lf1c-trilho{height:auto}
	.bl .lf1c-cola{position:relative;height:auto;padding:24px 0 0}
	.bl .lf1c-mesa{overflow-x:auto;scroll-snap-type:x mandatory}
	.bl .lf1c-c{scroll-snap-align:center}
	.bl .lf1c-barra{display:none}
}
