/* Dobra Lift L9 (lift_manifesto). GERADO por docs/layout/fonte-loja/dobras-lift-l9.py: não edite à mão. */
.bl .lf9f{color:var(--bl-preto)}
:where(.bl .lf9f) :where(h2,p,figure){margin:0}
.bl .gw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.bl .gw>span{display:inline-block}
.bl .lf9f-f em.d{color:inherit}
.bl .lf9f-f{position:relative;margin:0;border-radius:32px;overflow:hidden;height:clamp(460px,44vw,620px);background:var(--bl-preto)}
.bl .lf9f-zoom{position:absolute;inset:0}
.bl .lf9f-zoom img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.bl .lf9f-veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.6) 45%,rgba(10,10,10,.1) 100%)}
.bl .lf9f-f figcaption{position:absolute;z-index:1;left:0;top:0;bottom:0;width:min(620px,58%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px 56px 120px;color:#fff}
.bl .lf9f-logo{width:100px;height:auto;object-fit:contain}
.bl .lf9f-f h2{margin:24px 0 0;font:600 clamp(26px,3vw,44px)/1.08 var(--bl-titulo);letter-spacing:-.03em}
.bl .lf9f-f p{margin:16px 0 0;max-width:460px;font:400 16px/1.5 var(--bl-texto);color:rgba(255,255,255,.8)}
.bl .lf9f-cartao{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(880px,calc(100% - 64px));margin:-84px 32px 0 auto;padding:30px 32px 30px 36px;border-radius:24px;background:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.04)}
.bl .lf9f-fecho{margin:0;font:600 clamp(20px,1.9vw,27px)/1.2 var(--bl-titulo);letter-spacing:-.02em}
.bl .lf9f-cartao .btn{flex:none}
.lf9-anim .bl .lf9f-zoom{animation:lf9f-zoom 16s ease-in-out infinite alternate paused}
.lf9-anim .bl .lf9f.rodando .lf9f-zoom{animation-play-state:running;will-change:transform}
@keyframes lf9f-zoom{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.12) translateX(-2.5%)}}
.lf9-anim .bl .lf9f-logo{opacity:0;transform:translateX(-16px);transition:opacity .6s .2s,transform .8s .2s cubic-bezier(.2,.8,.2,1)}
.lf9-anim .bl .lf9f-f.on .lf9f-logo{opacity:1;transform:none}
.lf9-anim .bl .lf9f-f .gw>span{transform:translateY(105%);transition:transform .8s calc(.35s + var(--w) * .045s) cubic-bezier(.2,.8,.2,1)}
.lf9-anim .bl .lf9f-f.on .gw>span{transform:none}
.lf9-anim .bl .lf9f-f p{opacity:0;transform:translateY(12px);transition:opacity .7s 1s,transform .8s 1s cubic-bezier(.2,.8,.2,1)}
.lf9-anim .bl .lf9f-f.on p{opacity:1;transform:none}
.lf9-anim .bl .lf9f-veu{clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.65,0,.25,1)}
.lf9-anim .bl .lf9f-f.on .lf9f-veu{clip-path:inset(0 0 0 0)}
.lf9-anim .bl .lf9f-cartao{opacity:0;transform:translateY(70px);transition:opacity .6s,transform 1s cubic-bezier(.2,.8,.2,1)}
.lf9-anim .bl .lf9f-cartao.on{opacity:1;transform:none}
.lf9-anim .bl .lf9f-cartao .gw>span{transform:translateY(105%);transition:transform .8s calc(.3s + var(--w) * .04s) cubic-bezier(.2,.8,.2,1)}
.lf9-anim .bl .lf9f-cartao.on .gw>span{transform:none}
.lf9-anim .bl .lf9f-cartao .btn{opacity:0;transform:translateX(-12px);transition:opacity .5s .9s,transform .7s .9s cubic-bezier(.2,.8,.2,1),background .2s,color .2s}
.lf9-anim .bl .lf9f-cartao.on .btn{opacity:1;transform:none}
@media (max-width:767px){
	.bl .lf9f-logo{width:88px}
	.bl .lf9f-f h2{font-size:27px;line-height:1.1}
	.bl .lf9f-f p{font-size:15px}
	.bl .lf9f-f{border-radius:24px;height:auto;aspect-ratio:4/5}
	.bl .lf9f-zoom img{object-position:50% 50%}
	.bl .lf9f-veu{background:linear-gradient(180deg,rgba(10,10,10,.25) 0%,rgba(10,10,10,.55) 40%,rgba(10,10,10,.85) 100%)}
	.lf9-anim .bl .lf9f-veu{clip-path:inset(0 0 100% 0)}
	.bl .lf9f-f figcaption{width:auto;right:0;justify-content:flex-end;padding:24px 20px 96px}
	.bl .lf9f-cartao{flex-direction:column;align-items:flex-start;gap:18px;width:auto;margin:-72px 12px 0;padding:24px 22px}
	.bl .lf9f-fecho{font-size:21px}
}
