/* Dobra BLÄYVA Beauty L7 (bty_pilulas). GERADO por docs/layout/fonte-loja/dobras-bty-l7.py: não edite à mão. */
.bl .bty-l7e2{background:var(--bl-preto);color:#fff}
.bl .bty-l7e2 .olho{color:#8A8A8A}
.bl .bty-l7e2 .dp-h2,.bl .bty-l7e2 em.d{color:#fff}
.bl .bty-l7-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.bl .bty-l7-w>span{display:inline-block}
.bty-l7-anim .bl .bty-l7-w>span{transform:translateY(108%);transition:transform .8s calc(var(--w) * .05s) cubic-bezier(.2,.8,.2,1)}
.bty-l7-anim .bl .vivo .bty-l7-w>span{transform:none}
.bl .bty-l7e2{overflow:hidden}
.bl .bty-l7e2-palco{position:relative;height:clamp(540px,64vh,620px);margin-top:28px}
.bl .bty-l7e2-guia{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.bl .bty-l7e2-guia path{fill:none;stroke:rgba(226,188,106,.24);stroke-width:1;stroke-dasharray:2 7;stroke-linecap:round}
.bl .bty-l7e2-frasco{position:absolute;left:50%;top:50%;width:min(30%,380px);height:calc(100% - 210px);transform:translate(-50%,-50%)}
.bl .bty-l7e2-raios{position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;margin:-75% 0 0 -75%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(226,188,106,.12) 0 4deg,rgba(226,188,106,0) 4deg 16deg);-webkit-mask:radial-gradient(closest-side,#000 18%,transparent 72%);mask:radial-gradient(closest-side,#000 18%,transparent 72%);animation:bty-l7-gira 60s linear infinite paused}
@keyframes bty-l7-gira{to{transform:rotate(360deg)}}
.bl .bty-l7e2-aura{position:absolute;inset:-18% -40%;border-radius:50%;background:radial-gradient(closest-side,rgba(226,188,106,.22),rgba(226,188,106,0));animation:bty-l7-aura2 4.5s ease-in-out infinite paused}
@keyframes bty-l7-aura2{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.08);opacity:1}}
.bl .bty-l7e2-chao{position:absolute;left:8%;right:8%;bottom:-4%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(226,188,106,.28),rgba(226,188,106,0))}
.bl .bty-l7e2-sobe{position:absolute;inset:0}
.bl .bty-l7e2-sobe img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.7));animation:bty-l7-flutua 5s ease-in-out infinite paused}
@keyframes bty-l7-flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.bl .bty-l7e2.rodando .bty-l7e2-raios,.bl .bty-l7e2.rodando .bty-l7e2-aura,.bl .bty-l7e2.rodando .bty-l7e2-sobe img{animation-play-state:running}
.bl .bty-l7e2-arco{list-style:none;margin:0;padding:0;position:absolute;inset:-40px 0;-webkit-mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 7%,rgba(0,0,0,.2) 14%,rgba(0,0,0,.42) 20%,rgba(0,0,0,.7) 27%,#000 34%,#000 66%,rgba(0,0,0,.7) 73%,rgba(0,0,0,.42) 80%,rgba(0,0,0,.2) 86%,rgba(0,0,0,.06) 93%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 7%,rgba(0,0,0,.2) 14%,rgba(0,0,0,.42) 20%,rgba(0,0,0,.7) 27%,#000 34%,#000 66%,rgba(0,0,0,.7) 73%,rgba(0,0,0,.42) 80%,rgba(0,0,0,.2) 86%,rgba(0,0,0,.06) 93%,transparent 100%);pointer-events:none}
.bl .bty-l7e2-p{position:absolute;left:0;top:40px;opacity:0;pointer-events:auto}
.bl .bty-l7e2-p.fora{display:none}
.bl .bty-l7e2.rodando .bty-l7e2-p{will-change:transform,opacity}
.bl .bty-l7e2-pil{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;height:50px;padding:0 24px 0 8px;border-radius:999px;background:#141414;box-shadow:inset 0 0 0 1px #2E2E2E;font:400 15px/1 var(--bl-texto);color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.bl .bty-l7e2-pil i{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--bl-preto);display:grid;place-items:center;font-style:normal;font-size:14px;text-shadow:none}
.bl .bty-l7e2-ouro{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(105deg,#6E4F17,#B8893A 40%,#D7B26A 58%,#94702C);box-shadow:inset 0 1px 0 rgba(255,240,200,.45),0 0 34px rgba(226,188,106,.38);opacity:0}
.bl .bty-l7e2-faisca{position:absolute;right:-6px;top:-14px;font-style:normal;font-size:16px;line-height:1;color:#F1D79C;text-shadow:0 0 10px rgba(241,215,156,.9);opacity:0;pointer-events:none}
.bl .bty-l7e2-p:hover .bty-l7e2-ouro{opacity:1!important}
.bl .bty-l7e2-fim{margin:20px 0 0;text-align:center;font:500 clamp(22px,2.2vw,30px)/1.3 var(--bl-titulo);letter-spacing:-.015em}
.bty-l7-anim .bl .bty-l7e2-sobe{opacity:0;transform:translateY(46px) scale(.9);transition:opacity 1s .1s,transform 1.3s .1s cubic-bezier(.2,.8,.2,1)}
.bty-l7-anim .bl .bty-l7e2-raios,.bty-l7-anim .bl .bty-l7e2-chao{opacity:0;transition:opacity 1.6s .5s}
.bty-l7-anim .bl .bty-l7e2-arco,.bty-l7-anim .bl .bty-l7e2-guia{clip-path:inset(0 50% 0 50%);transition:clip-path 1.5s .45s cubic-bezier(.7,0,.2,1)}
.bty-l7-anim .bl .bty-l7e2.vivo .bty-l7e2-sobe{opacity:1;transform:none}
.bty-l7-anim .bl .bty-l7e2.vivo .bty-l7e2-raios,.bty-l7-anim .bl .bty-l7e2.vivo .bty-l7e2-chao{opacity:1}
.bty-l7-anim .bl .bty-l7e2.vivo .bty-l7e2-arco,.bty-l7-anim .bl .bty-l7e2.vivo .bty-l7e2-guia{clip-path:inset(0 0 0 0)}
@media (max-width:767px){
	.bl .bty-l7e2-palco{height:470px;margin-top:20px}
	.bl .bty-l7e2-frasco{width:70%;height:calc(100% - 170px)}
	.bl .bty-l7e2-pil{height:40px;gap:8px;padding:0 16px 0 5px;font-size:13.5px}
	.bl .bty-l7e2-pil i{width:30px;height:30px;font-size:12px}
	.bl .bty-l7e2-arco{-webkit-mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 6%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.42) 18%,rgba(0,0,0,.7) 24%,#000 30%,#000 70%,rgba(0,0,0,.7) 76%,rgba(0,0,0,.42) 82%,rgba(0,0,0,.2) 88%,rgba(0,0,0,.06) 94%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 6%,rgba(0,0,0,.2) 12%,rgba(0,0,0,.42) 18%,rgba(0,0,0,.7) 24%,#000 30%,#000 70%,rgba(0,0,0,.7) 76%,rgba(0,0,0,.42) 82%,rgba(0,0,0,.2) 88%,rgba(0,0,0,.06) 94%,transparent 100%)}
	.bl .bty-l7e2-fim{font-size:21px;margin-top:14px}
}
@media (prefers-reduced-motion:reduce){
	.bl .bty-l7e2 *{animation:none!important;transition:none!important}
	.bl .bty-l7e2-palco{height:auto;display:flex;flex-direction:column;align-items:center;gap:20px}
	.bl .bty-l7e2-frasco{position:relative;left:auto;top:auto;transform:none;height:300px}
	.bl .bty-l7e2-guia{display:none}
	.bl .bty-l7e2-arco{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;-webkit-mask:none;mask:none}
	.bl .bty-l7e2-arco[data-arco="1"],.bl .bty-l7e2-p:not([data-c="0"]){display:none}
	.bl .bty-l7e2-p{position:relative;top:auto;opacity:1}
}