/* Dobra BLÄYVA Beauty L2 (bty_delas). GERADO por docs/layout/fonte-loja/dobras-bty-l2.py: não edite à mão. */
.bl .bty-l2-w{display:inline-block;overflow:clip;vertical-align:top;padding:0 .06em .1em 0;margin-right:-.06em}
.bl .bty-l2-w>span{display:inline-block;transform:translate3d(0,108%,0);transition:transform .85s cubic-bezier(.2,.75,.1,1);transition-delay:calc(var(--w) * 60ms + 120ms)}
.bl .on .bty-l2-w>span{transform:none}
.bl .bty-l2-roda{display:inline-block;height:1em;overflow:clip;line-height:1;vertical-align:top}
.bl .bty-l2-roda>span{display:block;transition:transform .7s cubic-bezier(.65,0,.2,1);transform:translate3d(0,calc(var(--k,0) * -1em),0)}
.bl .bty-l2-roda i{display:block;height:1em;font-style:normal}
.bl .bty-l2-bar{flex:1;height:3px;border-radius:3px;overflow:hidden}
.bl .bty-l2-bar b{display:block;height:100%;transform-origin:left;transform:scaleX(0)}
.bl .bty-l2-bar.feito b{transform:scaleX(1)}
.bl .bty-l2-bar.agora b{animation:bty-l2-enche var(--dur,6s) linear forwards}
.bl .bty-l2-fora .bty-l2-bar.agora b,.bl .bty-l2-pausa .bty-l2-bar.agora b{animation-play-state:paused}
@keyframes bty-l2-enche{to{transform:scaleX(1)}}
.bl .bty-l2-play{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--bl-preto)}
.bl .bty-l2-play svg{width:18px;height:18px;margin-left:2px}
.bl .bty-l2-prov{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(10,10,10,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 10.5px/1 var(--bl-texto);letter-spacing:.03em;white-space:nowrap}
.bl .bty-l2-prov i{width:6px;height:6px;border-radius:50%;background:#fff;animation:bty-l2-pisca 1.6s ease-in-out infinite}
.bl :not(.rodando) .bty-l2-prov i{animation-play-state:paused}
@keyframes bty-l2-pisca{50%{opacity:.25}}
.bl .bty-l2-a{position:relative;overflow:clip;isolation:isolate;background:#F6F4F2}
.bl .bty-l2-a-fundo{position:absolute;inset:-12%;z-index:-2}
.bl .bty-l2-a-fundo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(70px) saturate(1.2);opacity:0;transition:opacity 1.3s ease}
.bl .bty-l2-a-fundo img.on{opacity:.55}
.bl .bty-l2-a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.5) 50%,rgba(255,255,255,.8))}
.bl .bty-l2-a-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center}
.bl .bty-l2-a-up{opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0) * 90ms)}
.bl .bty-l2-a.on .bty-l2-a-up{opacity:1;transform:none}
.bl .bty-l2-a .olho{color:var(--bl-cinza-4)}
.bl .bty-l2-a-cit{position:relative;margin:18px 0 0;padding-top:60px;font:400 clamp(42px,4.6vw,68px)/1.02 var(--bl-destaque);letter-spacing:-.01em;color:var(--bl-preto)}
.bl .bty-l2-a-asp{position:absolute;top:-10px;left:-6px;font:400 140px/1 var(--bl-destaque);transform-origin:30% 60%;transform:scale(0) rotate(-40deg);transition:transform 1s cubic-bezier(.3,1.6,.5,1) .1s}
.bl .bty-l2-a.on .bty-l2-a-asp{transform:none}
.bl .bty-l2-a.on.rodando .bty-l2-a-asp{animation:bty-l2-asp 3.4s ease-in-out 1.2s infinite}
@keyframes bty-l2-asp{0%,100%{transform:none}50%{transform:scale(1.12) rotate(-6deg)}}
.bl .bty-l2-a-txt{margin:22px 0 0;max-width:440px;font:400 17px/1.6 var(--bl-texto);color:var(--bl-cinza-4)}
.bl .bty-l2-a-ctl{margin-top:34px;display:flex;align-items:center;gap:10px}
.bl .bty-l2-a-seta{width:50px;height:50px;padding:0;border-radius:50%;border:1px solid rgba(10,10,10,.16);background:rgba(255,255,255,.65);color:var(--bl-preto);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.bl .bty-l2-a-seta:hover{background:var(--bl-preto);color:#fff;transform:scale(1.06)}
.bl .bty-l2-a-seta .dp-i{width:18px;height:18px}
.bl .bty-l2-a-ant .dp-i{transform:rotate(180deg)}
.bl .bty-l2-a-num{margin-left:12px;display:inline-flex;align-items:baseline;gap:6px;font:600 15px/1 var(--bl-titulo)}
.bl .bty-l2-a-num small{font:500 13px/1 var(--bl-texto);color:var(--bl-cinza-3)}
.bl .bty-l2-a-dir{position:relative;min-width:0;--h:clamp(480px,42vw,600px)}
.bl .bty-l2-a-prog{display:flex;gap:6px;max-width:280px;margin:0 auto 22px}
.bl .bty-l2-a-prog .bty-l2-bar{background:rgba(10,10,10,.14)}
.bl .bty-l2-a-prog .bty-l2-bar b{background:var(--bl-preto)}
.bl .bty-l2-a-palco{list-style:none;margin:0;padding:0;position:relative;height:var(--h);perspective:1400px;touch-action:pan-y;user-select:none}
.bl .bty-l2-a-v{position:absolute;top:0;left:50%;width:calc(var(--h) * .5625);height:100%;margin-left:calc(var(--h) * -.28125);cursor:pointer;transition:transform 1s cubic-bezier(.65,0,.2,1),opacity 1s cubic-bezier(.65,0,.2,1);transform:translate3d(0,0,-260px) scale(.7);opacity:0}
.bl .bty-l2-a-v figure{position:relative;margin:0;height:100%;border-radius:26px;overflow:hidden;background:var(--bl-cinza-2);box-shadow:0 30px 60px -30px rgba(10,10,10,.45)}
.bl .bty-l2-a-v figure::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 3px #fff;opacity:0;transition:opacity .6s}
.bl .bty-l2-a-v figure::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(10,10,10,.55))}
.bl .bty-l2-a-v img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.bl .bty-l2-a-v video{display:block;width:100%;height:100%;object-fit:cover}
.bl .bty-l2-a-v figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;color:#fff}
.bl .bty-l2-a-v figcaption b{font:400 italic 46px/.9 var(--bl-destaque)}
.bl .bty-l2-a-v .bty-l2-prov{position:absolute;left:0;bottom:62px}
.bl .bty-l2-a-v .bty-l2-prov,.bl .bty-l2-a-v .bty-l2-play{transition:opacity .5s}
.bl .bty-l2-a-v:not(.pos-0) .bty-l2-prov,.bl .bty-l2-a-v:not(.pos-0) .bty-l2-play{opacity:0}
.bl .bty-l2-a-v.pos-0{transform:none;opacity:1;z-index:3}
.bl .bty-l2-a-v.pos-0 figure::before{opacity:1}
.bl .bty-l2-a-v.pos-e{transform:translate3d(-66%,0,-180px) rotateY(24deg) scale(.82);opacity:.6;z-index:1}
.bl .bty-l2-a-v.pos-d{transform:translate3d(66%,0,-180px) rotateY(-24deg) scale(.82);opacity:.6;z-index:1}
.bl .bty-l2-a-v.pos-e:hover,.bl .bty-l2-a-v.pos-d:hover{opacity:.85}
.bl .bty-l2-a.rodando .bty-l2-a-v.pos-0 img{animation:bty-l2-kb var(--dur,6s) ease-out forwards}
.bl .bty-l2-pausa .bty-l2-a-v.pos-0 img,.bl .bty-l2-fora .bty-l2-a-v.pos-0 img{animation-play-state:paused}
@keyframes bty-l2-kb{from{transform:scale(1.04)}to{transform:scale(1.16) translate3d(-2%,-2%,0)}}
@media (max-width:900px){
	.bl .bty-l2-a-g{grid-template-columns:1fr;gap:28px}
	.bl .bty-l2-a-dir{--h:min(440px,108vw)}
	.bl .bty-l2-a-v.pos-e{transform:translate3d(-74%,0,-180px) rotateY(22deg) scale(.8)}
	.bl .bty-l2-a-v.pos-d{transform:translate3d(74%,0,-180px) rotateY(-22deg) scale(.8)}
}
@media (max-width:767px){
	.bl .bty-l2-a-cit{padding-top:44px;font-size:40px}
	.bl .bty-l2-a-asp{font-size:100px}
	.bl .bty-l2-a-txt{font-size:15.5px;margin-top:16px}
	.bl .bty-l2-a-ctl{margin-top:22px}
	.bl .bty-l2-a-seta{width:44px;height:44px}
	.bl .bty-l2-a-v figure{border-radius:22px}
	.bl .bty-l2-a-v figcaption b{font-size:38px}
}
@media (prefers-reduced-motion:reduce){
	.bl .bty-l2-w>span,.bl .bty-l2-a-up,.bl .bty-l2-a-asp{transition:none!important;transform:none!important;opacity:1!important}
	.bl .bty-l2-a-v,.bl .bty-l2-a-fundo img,.bl .bty-l2-roda>span{transition:none}
	.bl [class*="bty-l2"] *{animation:none!important}
}