/* Dobra BLÄYVA Beauty L3 (bty_ritual). GERADO por docs/layout/fonte-loja/dobras-bty-l3.py: não edite à mão. */
.bl .bty-l3c{position:relative;background:#fff;color:var(--bl-preto)}
.bl .bty-l3c-cola{position:relative;height:clamp(640px,88vh,860px);overflow:hidden}
.bl .bty-l3c-area{position:absolute;top:32px;bottom:32px;left:50%;width:min(calc(100% - 48px),1392px);transform:translateX(-50%)}
.bl .bty-l3c-f{position:absolute;top:0;right:0;bottom:0;left:47%;margin:0;overflow:hidden;background:var(--bl-cinza-1);clip-path:inset(30% 40% 0 40% round 200px 200px 12px 12px)}
.bl .bty-l3c-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.25);transform-origin:50% 60%}
.bl .bty-l3c.rodando .bty-l3c-f,.bl .bty-l3c.rodando .bty-l3c-img,.bl .bty-l3c.rodando .bty-l3c-h{will-change:transform,clip-path}
.bl .bty-l3c-luz{position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 42%,rgba(255,248,230,.65) 50%,transparent 58%);transform:translateX(-80%);opacity:0;pointer-events:none}
.bl .bty-l3c.aberta .bty-l3c-luz{animation:bty-l3c-luz 1.8s .1s cubic-bezier(.6,0,.3,1) forwards}
@keyframes bty-l3c-luz{0%{transform:translateX(-80%);opacity:1}100%{transform:translateX(80%);opacity:1}}
.bl .bty-l3c-txt{position:absolute;left:0;top:50%;width:41%;transform:translateY(-50%)}
.bl .bty-l3c-h{margin:0;font-size:clamp(28px,2.6vw,42px);transform-origin:0 0}
.bl .bty-l3c-frase{margin:28px 0 0;font:600 clamp(20px,1.7vw,26px)/1.3 var(--bl-titulo);letter-spacing:-.015em}
.bl .bty-l3c-ln{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.3em;margin-bottom:-.3em}
.bl .bty-l3c-ln>span{display:inline-block;transform:translateY(140%);transition:transform .5s calc(var(--i) * .06s) cubic-bezier(.2,.8,.2,1)}
.bl .bty-l3c-u{position:relative;display:inline-block;font:400 italic 1.16em/1 var(--bl-destaque);letter-spacing:0}
.bl .bty-l3c-traco{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.32em;overflow:visible;clip-path:inset(0 100% 0 0);transition:clip-path .3s cubic-bezier(.7,0,.2,1)}
.bl .bty-l3c-traco path{fill:none;stroke:#C9973A;stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.bl .bty-l3c-ln:nth-child(2) .bty-l3c-traco{transition-delay:.22s}
.bl .bty-l3c-ln:nth-child(3) .bty-l3c-traco{transition-delay:.44s}
.bl .bty-l3c-ln:nth-child(4) .bty-l3c-traco{transition-delay:.66s}
.bl .bty-l3c-tx{display:grid;gap:12px;margin-top:24px}
.bl .bty-l3c-tx p{margin:0;font:400 15.5px/1.55 var(--bl-texto);color:var(--bl-cinza-4);opacity:0;transform:translateY(16px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.bl .bty-l3c-corpo.on .bty-l3c-ln>span{transform:none}
.bl .bty-l3c-corpo.on .bty-l3c-traco{clip-path:inset(0 0 0 0)}
.bl .bty-l3c-corpo.on .bty-l3c-tx p{opacity:1;transform:none;transition-delay:.3s}
.bl .bty-l3c-corpo.on .bty-l3c-tx p+p{transition-delay:.4s}
@media (max-width:767px){
	.bl .bty-l3c-cola{height:760px}
	.bl .bty-l3c-area{top:24px;bottom:24px;width:calc(100% - 32px)}
	.bl .bty-l3c-f{left:0;top:76px;bottom:240px}
	.bl .bty-l3c-txt{top:0;bottom:0;width:100%;transform:none;display:flex;flex-direction:column;justify-content:space-between}
	.bl .bty-l3c-h{font-size:21px}
	.bl .bty-l3c-frase{margin-top:12px;font-size:17px;line-height:1.3}
	.bl .bty-l3c-tx{margin-top:10px;gap:6px}
	.bl .bty-l3c-tx p{font-size:13.5px;line-height:1.45}
}
@media (prefers-reduced-motion:reduce){
	.bl .bty-l3c *{animation:none!important;transition:none!important}
}
