/* Dobra Lift L5 (lift_upgrade). GERADO por docs/layout/fonte-loja/dobras-lift-l5.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}
@media (prefers-reduced-motion:reduce){
	.lf-anim .bl [data-tit] .gw>span{transform:none;transition:none}
}
:where(.bl .lf5a) :where(h2,h3,ol,li,figure){margin:0}
:where(.bl .lf5a) ol{list-style:none;padding:0}
.bl .lf5a img{display:block;width:100%;height:100%;object-fit:cover}
.bl .lf5a{position:relative;height:300vh}
.bl .lf5a-cola{position:sticky;top:0;height:100vh;padding:110px 0 24px;display:flex;align-items:center;overflow:hidden}
.bl .lf5a-g{width:100%}
.bl .lf5a .dp-h2{font-size:clamp(28px,3vw,44px)}
.bl .lf5a-pal{margin-top:clamp(20px,4vh,40px);display:grid;grid-template-columns:1fr 1fr;height:clamp(430px,calc(100vh - 300px),600px);border-radius:28px;overflow:hidden;background:var(--bl-preto)}
.bl .lf5a-f{position:relative;overflow:hidden;background:#2A2A2A}
.bl .lf5a-in{position:absolute;inset:0;display:block;transform-origin:50% 60%}
.bl .lf5a .lf5a-logo{position:absolute;left:28px;bottom:26px;width:92px;height:auto;object-fit:contain}
.lf-anim .bl .lf5a-f{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.7,0,.2,1)}
.lf-anim .bl .lf5a-pal.vivo .lf5a-f{clip-path:inset(0 0 0 0)}
.lf-anim .bl .lf5a .lf5a-logo{opacity:0;transform:translateY(14px);transition:opacity .6s .9s,transform .8s .9s cubic-bezier(.2,.8,.2,1)}
.lf-anim .bl .lf5a-pal.vivo .lf5a-logo{opacity:1;transform:none}
.bl .lf5a-p{position:relative;color:#fff;padding:clamp(24px,4vh,40px) 40px clamp(16px,3vh,28px);display:flex;flex-direction:column;min-height:0}
.bl .lf5a-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 14px 16px;border-bottom:1px solid rgba(255,255,255,.14)}
.bl .lf5a-topo h3{font:600 clamp(22px,2vw,30px)/1.1 var(--bl-titulo);letter-spacing:-.02em}
.bl .lf5a-cont{display:flex;align-items:baseline;gap:8px;font:400 italic clamp(44px,4.4vw,62px)/1 var(--bl-destaque);letter-spacing:-.02em}
.bl .lf5a-roda{display:block;height:1em;overflow:hidden}
.bl .lf5a-roda>span{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.bl .lf5a-roda>span>span{height:1em}
.bl .lf5a-de{font-size:.38em;color:#6A6A6A;font-style:normal;font-family:var(--bl-titulo)}
.bl .lf5a-l{position:relative;flex:1;min-height:0;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));margin-top:8px}
.bl .lf5a-l li{position:relative;display:flex;align-items:center;gap:14px;padding:0 14px;font:400 clamp(14px,1.12vw,16px)/1.3 var(--bl-texto);color:rgba(255,255,255,.3);transition:color .5s}
.bl .lf5a-l li span{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bl .lf5a-l b{position:relative;flex:none;width:38px;height:24px;display:grid;place-items:center;font:600 11.5px/1 var(--bl-titulo);letter-spacing:.06em;color:rgba(255,255,255,.3);transition:color .4s}
.bl .lf5a-l b::before{content:"";position:absolute;inset:0;border-radius:999px;background:#fff;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.bl .lf5a-sub{position:absolute;left:14px;right:14px;bottom:0;height:1px;background:rgba(255,255,255,.1)}
.bl .lf5a-sub::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55);transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.7,0,.2,1)}
.bl .lf5a-l li.on{color:#fff}
.bl .lf5a-l li.on b{color:#fff}
.bl .lf5a-l li.on .lf5a-sub::after{transform:scaleX(1)}
.bl .lf5a-l li.atual b{color:var(--bl-preto);isolation:isolate}
.bl .lf5a-l li.atual b::before{transform:scale(1);z-index:-1}
.bl .lf5a-l li.atual span{transform:translateX(6px)}
.bl .lf5a-luz{position:absolute;left:0;right:0;top:0;height:0;border-radius:14px;background:rgba(255,255,255,.08);opacity:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;pointer-events:none}
@media (max-width:767px){
	.bl .lf5a{height:auto}
	.bl .lf5a-cola{position:static;height:auto;padding:64px 0;display:block;overflow:visible}
	.bl .lf5a .dp-h2{font-size:28px}
	.bl .lf5a-pal{grid-template-columns:1fr;height:auto;border-radius:24px;margin-top:28px}
	.bl .lf5a-f{aspect-ratio:4/3}
	.bl .lf5a-in img{object-position:50% 45%}
	.bl .lf5a .lf5a-logo{left:18px;bottom:16px;width:72px}
	.bl .lf5a-p{padding:22px 14px 12px}
	.bl .lf5a-topo{padding:0 10px 14px}
	.bl .lf5a-topo h3{font-size:21px}
	.bl .lf5a-cont{font-size:44px}
	.bl .lf5a-l{grid-template-rows:none}
	.bl .lf5a-l li{min-height:52px;padding:10px;gap:10px;font-size:15px}
	.bl .lf5a-sub{left:10px;right:10px}
}
@media (max-width:1100px) and (min-width:768px){
	.bl .lf5a-p{padding-left:24px;padding-right:24px}
}
@media (prefers-reduced-motion:reduce){
	.bl .lf5a{height:auto}
	.bl .lf5a-cola{position:static;height:auto;padding:80px 0}
	.bl .lf5a *{animation:none!important;transition:none!important}
}