/* Dobra BLÄYVA Beauty L5 (bty_presenca). GERADO por docs/layout/fonte-loja/dobras-bty-l5.py: não edite à mão. */
.bl .bty-l5-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .08em .14em 0;margin:0 -.08em -.14em 0}
.bl .bty-l5-w>span{display:inline-block}
.bl .bty-l5-ima{display:inline-block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.bl .bty-l5-ima .btn svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bl .bty-l5-ima.perto .btn svg{transform:translateX(4px)}
.bl .bty-l5a{position:relative;height:260vh;background:#EADBC2}
.bl .bty-l5a-cola{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.bl .bty-l5a-foto,.bl .bty-l5a-foto img{position:absolute;inset:0;width:100%;height:100%}
.bl .bty-l5a-foto img{object-fit:cover;object-position:50% 50%;transform-origin:68% 40%;transform:scale(1.32)}
.bl .bty-l5a.rodando .bty-l5a-foto img{will-change:transform}
.bl .bty-l5a-vela{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,238,.72),rgba(255,249,238,.42) 34%,rgba(255,249,238,0) 54%);pointer-events:none}
.bl .bty-l5a-po{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bl .bty-l5a-c{position:relative;z-index:2;width:100%;max-width:1392px;margin:0 auto;padding:84px 56px 0}
.bl .bty-l5a-txt{max-width:540px}
.bl .bty-l5a-o{margin:0 0 20px;font:500 19px/1.45 var(--bl-texto);color:var(--bl-preto)}
.bl .bty-l5a-o .bty-l5-w>span{opacity:.16;transform:translateY(.35em);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.bl .bty-l5a-o .bty-l5-w.on>span{opacity:1;transform:none}
.bl .bty-l5a-h{margin:0;font:600 clamp(40px,4.4vw,66px)/1.03 var(--bl-titulo);letter-spacing:-.03em;color:var(--bl-preto)}
.bl .bty-l5a-h em.d{font-size:1.14em;letter-spacing:-.01em}
.bl .bty-l5a-h .bty-l5-w>span{transform:translateY(112%) rotate(5deg);transform-origin:0 100%;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.bl .bty-l5a-h .bty-l5-w.on>span{transform:none}
.bl .bty-l5a-cta{margin-top:34px;opacity:0;transform:translateY(18px) scale(.92);transition:opacity .5s,transform .7s cubic-bezier(.3,1.5,.5,1)}
.bl .bty-l5a-cta.on{opacity:1;transform:none}
.bl .bty-l5a .bty-l5a-bt{background:var(--bl-preto);color:#fff;border-color:var(--bl-preto)}
.bl .bty-l5a-fio{position:absolute;left:56px;right:56px;bottom:36px;height:2px;background:rgba(10,10,10,.12);border-radius:2px;overflow:hidden;z-index:2}
.bl .bty-l5a-fio i{position:absolute;inset:0;background:var(--bl-preto);transform-origin:0 50%;transform:scaleX(0)}
@media (max-width:767px){
	.bl .bty-l5a{height:230vh}
	.bl .bty-l5a-cola{align-items:flex-start}
	.bl .bty-l5a-foto img{object-position:50% 100%;transform-origin:50% 76%}
	.bl .bty-l5a-vela{background:linear-gradient(180deg,rgba(8,30,60,.42),rgba(8,30,60,.12) 38%,rgba(8,30,60,0) 52%)}
	.bl .bty-l5a-c{padding:104px 20px 0;text-align:center}
	.bl .bty-l5a-txt{max-width:none}
	.bl .bty-l5a-o{margin-bottom:14px;font-size:15px;color:#fff}
	.bl .bty-l5a-o .bty-l5-w>span{opacity:.3}
	.bl .bty-l5a-h{font-size:34px;color:#fff}
	.bl .bty-l5a-cta{margin-top:22px}
	.bl .bty-l5a .bty-l5a-bt{background:#fff;color:var(--bl-preto);border-color:#fff;height:50px;padding:0 24px}
	.bl .bty-l5a-fio{left:20px;right:20px;bottom:100px;background:rgba(255,255,255,.3)}
	.bl .bty-l5a-fio i{background:#fff}
}
@media (prefers-reduced-motion:reduce){
	.bl .bty-l5a{height:auto}
	.bl .bty-l5a-cola{position:relative}
	.bl .bty-l5a-foto img{transform:none!important}
	.bl .bty-l5a-po,.bl .bty-l5a-fio{display:none}
	.bl [class*="bty-l5"] .bty-l5-w>span{opacity:1!important;transform:none!important;transition:none!important}
	.bl .bty-l5a-cta{opacity:1!important;transform:none!important;transition:none!important}
	.bl [class*="bty-l5"] *{animation:none!important}
}
/* site: desvia do cabeçalho flutuante (computador) e da barra fixa de compra (celular) */
.bl .bty-l5a-c{padding-top:100px}
@media (max-width:767px){.bl .bty-l5a-c{padding-top:96px}.bl .bty-l5a-fio{bottom:96px}}
