/* Dobra BLÄYVA Beauty L1 (bty_codigo). GERADO por docs/layout/fonte-loja/dobras-bty-l1.py: não edite à mão. */
.bl .bty-l1-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.bl .bty-l1-w>span{display:inline-block}
.bty-l1-anim .bl [data-bty-l1-vivo] .bty-l1-w>span{transform:translateY(112%);transition:transform .8s calc(var(--w) * .045s) cubic-bezier(.2,.8,.2,1)}
.bty-l1-anim .bl [data-bty-l1-vivo].vivo .bty-l1-w>span{transform:none}
.bl .bty-l1a-g .dp-lead b{font-weight:600;color:var(--bl-preto)}
.bl .bty-l1a{position:relative;height:300vh}
.bl .bty-l1a-cola{position:sticky;top:0;height:100vh;overflow:hidden}
.bl .bty-l1a-cena{position:absolute;inset:0;display:flex;align-items:center;background:#fff;color:var(--bl-preto)}
.bl .bty-l1a-dia{z-index:0;isolation:isolate}
.bl .bty-l1a-noite{z-index:1;isolation:isolate;background:var(--bl-preto);color:#fff;clip-path:inset(0 0 0 100%)}
.bl .bty-l1a-g{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
.bl .bty-l1a .dp-h2{margin:14px 0 18px;font-size:clamp(28px,2.9vw,44px)}
.bl .bty-l1a .dp-lead{margin:0 0 28px;max-width:500px}
.bl .bty-l1a-noite .olho{color:#8A8A8A}
.bl .bty-l1a-noite .dp-lead{color:#BDBDBD}
.bl .bty-l1a-noite .dp-lead b{color:#fff}
.bl .bty-l1a-noite em.d{color:#fff}
.bl .bty-l1a-palco{position:relative;display:flex;flex-direction:column;align-items:center}
.bl .bty-l1a-foto{position:relative;z-index:1;margin:0;width:min(100%,calc(min(64vh,620px) * .8));aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:var(--bl-cinza-2)}
.bl .bty-l1a-noite .bty-l1a-foto{background:#1C1C1C}
.bl .bty-l1a-foto img{width:100%;height:100%;object-fit:cover;transform-origin:50% 60%}
.bl .bty-l1a-astro{position:absolute;z-index:0;top:-4%;right:calc(50% - min(32vh,310px) * .8 - 54px);width:120px;height:120px}
.bl .bty-l1a-noite .bty-l1a-astro{right:auto;left:calc(50% - min(32vh,310px) * .8 - 60px);top:-2%}
.bl .bty-l1a-astro svg{width:100%;height:100%;overflow:visible}
.bl .bty-l1a-dia .bty-l1a-astro svg{fill:none;stroke:var(--bl-preto);stroke-width:2;stroke-linecap:round}
.bl .bty-l1a-noite .bty-l1a-astro svg{fill:#fff}
.bl .bty-l1a-rot{position:absolute;z-index:2;left:calc(50% - min(32vh,310px) * .8 - 36px);bottom:84px;min-width:230px;padding:20px 24px 18px;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(10,10,10,.14);display:grid;gap:5px}
.bl .bty-l1a-noite .bty-l1a-rot{left:auto;right:calc(50% - min(32vh,310px) * .8 - 36px);background:var(--bl-preto);box-shadow:0 0 0 1px #2A2A2A,0 18px 50px rgba(0,0,0,.5)}
.bl .bty-l1a-rot>span{font:600 11px/1 var(--bl-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--bl-cinza-3)}
.bl .bty-l1a-rot b{font:600 28px/1.1 var(--bl-titulo);letter-spacing:-.02em}
.bl .bty-l1a-rot small{font:400 italic 19px/1.2 var(--bl-destaque);color:var(--bl-cinza-4)}
.bl .bty-l1a-noite .bty-l1a-rot small{color:#BDBDBD}
.bl .bty-l1a-escala{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:20px;font:600 11px/1 var(--bl-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--bl-cinza-3)}
.bl .bty-l1a-trilho{position:relative;width:150px;height:1px;background:currentColor;opacity:.6}
.bl .bty-l1a-bola{position:absolute;left:-6px;top:-6px;width:13px;height:13px;border-radius:50%;background:var(--bl-preto)}
.bl .bty-l1a-noite .bty-l1a-bola{background:#fff}
.bl .bty-l1a-ceu{position:absolute;inset:0;pointer-events:none}
.bl .bty-l1a-ceu i{position:absolute;width:calc(3px * var(--z));height:calc(3px * var(--z));border-radius:50%;background:#fff;opacity:.5;animation:bty-l1-pisca 2.6s var(--d) ease-in-out infinite paused}
@keyframes bty-l1-pisca{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1.2)}}
.bl .bty-l1a-borda{position:absolute;z-index:5;left:-90px;top:-20%;width:180px;height:140%;pointer-events:none;opacity:0;mix-blend-mode:difference;
	background:linear-gradient(90deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.12) 46%,#fff 49.7%,#fff 50.3%,rgba(255,255,255,.12) 54%,rgba(255,255,255,0) 70%);transition:opacity .4s}
.bl .bty-l1a.varre .bty-l1a-borda{opacity:.75}
.bl .bty-l1a.rodando .bty-l1a-noite,.bl .bty-l1a.rodando .bty-l1a-borda,.bl .bty-l1a.rodando .bty-l1a-astro,.bl .bty-l1a.rodando .bty-l1a-foto img{will-change:transform,clip-path}
.bl .bty-l1a.rodando .bty-l1a-ceu i{animation-play-state:running}
.bty-l1-anim .bl .bty-l1a-dia .bty-l1a-rot .bty-l1-w>span{transition-delay:calc(.5s + var(--w) * .07s)}
.bty-l1-anim .bl .bty-l1a-noite [data-k] .bty-l1-w>span{transform:translateY(112%);transition:transform .7s calc(var(--w) * .07s) cubic-bezier(.2,.8,.2,1)}
.bty-l1-anim .bl .bty-l1a-noite [data-k].on .bty-l1-w>span{transform:none}
.bty-l1-anim .bl .bty-l1a-dia .bty-l1a-rot{clip-path:inset(0 100% 0 0 round 20px);transition:clip-path .9s .25s cubic-bezier(.7,0,.2,1)}
.bty-l1-anim .bl .bty-l1a-dia.vivo .bty-l1a-rot{clip-path:inset(0 0 0 0 round 20px)}
.bty-l1-anim .bl .bty-l1a-dia .bty-l1a-foto{clip-path:inset(100% 0 0 0 round 28px);transition:clip-path 1.1s cubic-bezier(.65,0,.25,1)}
.bty-l1-anim .bl .bty-l1a-dia.vivo .bty-l1a-foto{clip-path:inset(0 0 0 0 round 28px)}
@media (max-width:1100px){
	.bl .bty-l1a-g{gap:36px}
	.bl .bty-l1a-rot{min-width:200px;padding:16px 18px 14px}
	.bl .bty-l1a-rot b{font-size:23px}
}
@media (max-width:767px){
	.bl .bty-l1a{height:260vh}
	.bl .bty-l1a-cola{height:100vh;height:100svh}
	.bl .bty-l1a-cena{align-items:stretch;padding:92px 0 84px}
	.bl .bty-l1a-g{display:flex;flex-direction:column;gap:18px;height:100%}
	.bl .bty-l1a-t{flex:none}
	.bl .bty-l1a .olho{font-size:10.5px;letter-spacing:.14em;line-height:1.35}
	.bl .bty-l1a .dp-h2{margin:8px 0 10px;font-size:21px;line-height:1.12}
	.bl .bty-l1a .dp-lead{margin:0 0 14px;font-size:13.5px;line-height:1.45}
	.bl .bty-l1a .dp-cta{height:44px;padding:0 20px;font-size:13.5px}
	.bl .bty-l1a-palco{flex:1 1 0;min-height:0;flex-direction:row;justify-content:flex-end;align-items:stretch}
	.bl .bty-l1a-foto{width:auto;height:100%;max-width:62%;border-radius:22px}
	.bl .bty-l1a-astro,.bl .bty-l1a-noite .bty-l1a-astro{width:64px;height:64px;top:20%;right:auto;left:10%}
	.bl .bty-l1a-rot,.bl .bty-l1a-noite .bty-l1a-rot{left:0;right:auto;bottom:18px;min-width:0;width:52%;padding:14px 14px 12px;border-radius:16px;gap:4px}
	.bl .bty-l1a-rot>span{font-size:9.5px}
	.bl .bty-l1a-rot b{font-size:20px}
	.bl .bty-l1a-rot small{font-size:15px}
	.bl .bty-l1a-escala{position:absolute;left:0;top:4px;flex-direction:column;align-items:flex-start;gap:8px;margin:0;font-size:9.5px}
	.bl .bty-l1a-trilho{width:96px}
	.bl .bty-l1a-borda{left:-60px;width:120px}
}
@media (max-width:767px) and (max-height:700px){
	.bl .bty-l1a .dp-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
@media (prefers-reduced-motion:reduce){
	.bl .bty-l1a{height:auto}
	.bl .bty-l1a-cola{position:static;height:auto}
	.bl .bty-l1a-cena{position:relative;padding:80px 0}
	.bl .bty-l1a-noite{clip-path:none!important}
	.bl .bty-l1a-borda{display:none}
	.bl .bty-l1a *{animation:none!important;transition:none!important}
}