/* Dobra BLÄYVA Beauty L8 (bty_faq). GERADO por docs/layout/fonte-loja/dobras-bty-l8.py: não edite à mão. */
.bl .bty-l8-logo{display:block;width:120px;height:auto}
.bl .bty-l8-c{padding:104px 0;interpolate-size:allow-keywords}
.bl .bty-l8-c [hidden]{display:none!important}
.bl .bty-l8-c .dp-i{width:20px;height:20px;flex:none}
.bl .bty-l8-c-w{max-width:880px;margin:0 auto;padding:0 24px}
.bl .bty-l8-c-cab{text-align:center}
.bl .bty-l8-c-logo{margin:0 auto 22px;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.65,0,.35,1)}
.bl .bty-l8-c-h{margin:0;font:600 clamp(30px,3.1vw,46px)/1.08 var(--bl-titulo);letter-spacing:-.03em}
.bl .bty-l8-c-wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.bl .bty-l8-c-wd>span{display:inline-block;transform:translateY(110%) rotate(6deg);transform-origin:0 100%;transition:transform .8s calc(.2s + var(--w) * .05s) cubic-bezier(.2,.7,.2,1)}
.bl .bty-l8-c-sub{margin:16px auto 0;max-width:560px;font:400 16px/1.6 var(--bl-texto);color:var(--bl-cinza-4);opacity:0;transition:opacity .8s .6s}
.bl .bty-l8-c-busca{display:flex;align-items:center;gap:12px;margin:36px auto 0;height:64px;padding:0 8px 0 22px;border-radius:999px;background:var(--bl-cinza-1);clip-path:inset(0 50% 0 50% round 999px);transition:clip-path 1s .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.bl .bty-l8-c-busca:focus-within{box-shadow:inset 0 0 0 1.5px var(--bl-preto)}
.bl .bty-l8-c-busca>.dp-i{color:var(--bl-cinza-4)}
.bl .bty-l8-c-busca input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;outline:0;background:none;box-shadow:none;appearance:none;font:500 16px/1 var(--bl-titulo);color:var(--bl-preto)}
.bl .bty-l8-c-busca input::placeholder{color:var(--bl-cinza-3);opacity:1}
.bl .bty-l8-c-limpa{flex:none;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:var(--bl-preto);color:#fff;cursor:pointer;transform:scale(0) rotate(-90deg);transition:transform .45s cubic-bezier(.3,1.5,.5,1)}
.bl .bty-l8-c-limpa .dp-i{width:16px;height:16px}
.bl .bty-l8-c.busca .bty-l8-c-limpa{transform:none}
.bl .bty-l8-c-temas{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}
.bl .bty-l8-c-temas button{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--bl-cinza-2);border-radius:999px;background:#fff;font:500 13.5px/1 var(--bl-titulo);color:var(--bl-cinza-4);cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1),background .3s,color .3s,border-color .3s}
.bl .bty-l8-c-temas button:nth-child(2){transition-delay:.06s}
.bl .bty-l8-c-temas button:nth-child(3){transition-delay:.12s}
.bl .bty-l8-c-temas button:nth-child(4){transition-delay:.18s}
.bl .bty-l8-c-temas small{font:600 11px/1 var(--bl-texto);color:var(--bl-cinza-3)}
.bl .bty-l8-c-temas button.on{background:var(--bl-preto);border-color:var(--bl-preto);color:#fff}
.bl .bty-l8-c-temas button.on small{color:rgba(255,255,255,.6)}
.bl .bty-l8-c-temas button.pop{animation:bty-l8-c-pop .45s cubic-bezier(.3,1.6,.5,1)}
.bl .bty-l8-c-temas button.pop-b{animation:bty-l8-c-pop-b .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes bty-l8-c-pop{40%{transform:scale(.9)}}
@keyframes bty-l8-c-pop-b{40%{transform:scale(.9)}}
.bl .bty-l8-c-conta{margin:36px 0 10px;font:400 13px/1 var(--bl-texto);color:var(--bl-cinza-3)}
.bl .bty-l8-c-conta b{display:inline-block;font:600 13px/1 var(--bl-titulo);color:var(--bl-preto)}
.bl .bty-l8-c-conta b.pula{animation:bty-l8-c-pula .5s cubic-bezier(.3,1.6,.5,1)}
.bl .bty-l8-c-conta b.pula-b{animation:bty-l8-c-pula-b .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes bty-l8-c-pula{from{transform:translateY(-10px) scale(1.4);opacity:0}}
@keyframes bty-l8-c-pula-b{from{transform:translateY(-10px) scale(1.4);opacity:0}}
.bl .bty-l8-c-lista{perspective:1400px}
.bl .bty-l8-c-it{background:#fff;border-bottom:1px solid var(--bl-cinza-2);transform-origin:50% 0}
.bl .bty-l8-c-lista .bty-l8-c-it:first-child,.bl .bty-l8-c-lista .bty-l8-c-it[hidden]+.bty-l8-c-it{border-top:0}
.bl .bty-l8-c-lista{border-top:1px solid var(--bl-cinza-2)}
.bl .bty-l8-c:not(.on) .bty-l8-c-it{opacity:0}
.bl .bty-l8-c.on .bty-l8-c-it{animation:bty-l8-c-cai .75s calc(.5s + var(--i) * .07s) backwards cubic-bezier(.2,.7,.2,1)}
@keyframes bty-l8-c-cai{from{opacity:0;transform:rotateX(-75deg) translateY(-12px)}}
.bl .bty-l8-c.on .bty-l8-c-it.entra{animation:bty-l8-c-entra .55s calc(var(--i) * .04s) backwards cubic-bezier(.2,.7,.2,1)}
.bl .bty-l8-c.on .bty-l8-c-it.entra-b{animation:bty-l8-c-entra-b .55s calc(var(--i) * .04s) backwards cubic-bezier(.2,.7,.2,1)}
@keyframes bty-l8-c-entra{from{opacity:0;transform:rotateX(-60deg)}}
@keyframes bty-l8-c-entra-b{from{opacity:0;transform:rotateX(-60deg)}}
.bl .bty-l8-c-it::details-content{block-size:0;overflow:clip;transition:block-size .45s cubic-bezier(.2,.7,.2,1),content-visibility .45s allow-discrete}
.bl .bty-l8-c-it[open]::details-content{block-size:auto}
.bl .bty-l8-c summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:56px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:22px 0;font:500 17px/1.35 var(--bl-titulo);color:var(--bl-preto)}
.bl .bty-l8-c summary::-webkit-details-marker{display:none}
.bl .bty-l8-c-n{font:400 italic 28px/1 var(--bl-destaque);color:var(--bl-cinza-3);transition:transform .5s cubic-bezier(.3,1.5,.5,1),color .3s}
.bl .bty-l8-c-it[open] .bty-l8-c-n{color:var(--bl-preto);transform:scale(1.25) rotate(-8deg)}
.bl .bty-l8-c-it[open] summary span{font-weight:600}
.bl .bty-l8-c summary span{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.bl .bty-l8-c summary:hover span{transform:translateX(4px)}
.bl .bty-l8-c summary i{position:relative;width:30px;height:30px;border-radius:50%;background:var(--bl-cinza-1);transition:background .3s,transform .45s cubic-bezier(.2,.7,.2,1)}
.bl .bty-l8-c summary i::before,.bl .bty-l8-c summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:var(--bl-preto);border-radius:2px;transition:rotate .45s cubic-bezier(.2,.7,.2,1),background .3s}
.bl .bty-l8-c summary i::after{rotate:90deg}
.bl .bty-l8-c-it[open] summary i{background:var(--bl-preto);transform:rotate(180deg)}
.bl .bty-l8-c-it[open] summary i::before,.bl .bty-l8-c-it[open] summary i::after{background:#fff}
.bl .bty-l8-c-it[open] summary i::after{rotate:0deg}
.bl .bty-l8-c-r{margin:0;padding:0 46px 24px 68px;font:400 15px/1.65 var(--bl-texto);color:var(--bl-cinza-4)}
.bl .bty-l8-c-r b{color:var(--bl-preto);font-weight:600}
.bl .bty-l8-c-it[open] .bty-l8-c-r{animation:bty-l8-c-abre .6s .05s both cubic-bezier(.2,.7,.2,1)}
@keyframes bty-l8-c-abre{from{clip-path:inset(0 0 100% 0);transform:translateY(-8px)}to{clip-path:inset(0 0 0 0)}}
.bl .bty-l8-c-m{position:relative;z-index:0;background:none;color:inherit;font-weight:600}
.bl .bty-l8-c-m::after{content:"";position:absolute;z-index:-1;left:-2px;right:-2px;bottom:.05em;height:.55em;border-radius:3px;background:#D6D6D6;transform-origin:0 50%;animation:bty-l8-c-marca .5s .1s both cubic-bezier(.2,.7,.2,1)}
@keyframes bty-l8-c-marca{from{transform:scaleX(0)}}
.bl .bty-l8-c.nada .bty-l8-c-zap{display:none}
.bl .bty-l8-c-vazio{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;text-align:center;animation:bty-l8-c-vz .5s both cubic-bezier(.3,1.4,.5,1)}
.bl .bty-l8-c-vazio b{font:600 18px/1.3 var(--bl-titulo)}
.bl .bty-l8-c-vazio>span{font:400 14px/1.4 var(--bl-texto);color:var(--bl-cinza-3)}
.bl .bty-l8-c-vazio .btn{margin-top:12px}
@keyframes bty-l8-c-vz{from{opacity:0;transform:scale(.92)}}
.bl .bty-l8-c .bty-l8-c-zap{position:relative;display:flex;align-items:center;gap:24px;margin-top:44px;padding:26px 28px 26px 190px;min-height:140px;border-radius:24px;background:var(--bl-preto);color:#fff;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s 1s,transform .8s 1s cubic-bezier(.2,.7,.2,1)}
.bl .bty-l8-c-fr{position:absolute;left:18px;bottom:-12px;width:150px;height:150px;object-fit:contain;object-position:50% 100%;transform:translateY(70%) rotate(-12deg);transition:transform 1s 1.3s cubic-bezier(.3,1.3,.5,1)}
.bl .bty-l8-c-zap:hover .bty-l8-c-fr{transform:translateY(-6px) rotate(4deg);transition-delay:0s;transition-duration:.5s}
.bl .bty-l8-c-zt{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.bl .bty-l8-c-zl{width:96px;filter:invert(1)}
.bl .bty-l8-c-zt b{font:600 20px/1.2 var(--bl-titulo)}
.bl .bty-l8-c-zap .btn{flex:none;height:50px}
.bl .bty-l8-c-zap .btn .dp-i{transition:transform .3s}
.bl .bty-l8-c-zap:hover .btn .dp-i{transform:translateX(4px)}
.bl .bty-l8-c.on .bty-l8-c-logo{clip-path:inset(0 0 0 0)}
.bl .bty-l8-c.on .bty-l8-c-wd>span{transform:none}
.bl .bty-l8-c.on .bty-l8-c-sub{opacity:1}
.bl .bty-l8-c.on .bty-l8-c-busca{clip-path:inset(0 0 0 0 round 999px)}
.bl .bty-l8-c.on .bty-l8-c-temas button{opacity:1;transform:none}
.bl .bty-l8-c.on .bty-l8-c-zap{opacity:1;transform:none}
.bl .bty-l8-c.on .bty-l8-c-fr{transform:none}
@media (max-width:767px){
	.bl .bty-l8-c{padding:56px 0}
	.bl .bty-l8-c-w{padding:0 16px}
	.bl .bty-l8-c-logo{width:100px;margin-bottom:16px}
	.bl .bty-l8-c-h{font-size:28px}
	.bl .bty-l8-c-sub{font-size:15px}
	.bl .bty-l8-c-busca{margin-top:24px;height:56px;padding-left:18px}
	.bl .bty-l8-c-busca input{font-size:15px}
	.bl .bty-l8-c-limpa{width:40px;height:40px}
	.bl .bty-l8-c-temas{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:14px -16px 0;padding:0 16px}
	.bl .bty-l8-c-temas::-webkit-scrollbar{display:none}
	.bl .bty-l8-c-temas button{flex:none}
	.bl .bty-l8-c-conta{margin-top:26px}
	.bl .bty-l8-c summary{grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;min-height:56px;padding:14px 0;font-size:15.5px;line-height:1.3}
	.bl .bty-l8-c summary:hover span{transform:none}
	.bl .bty-l8-c summary i{width:28px;height:28px}
	.bl .bty-l8-c-n{font-size:22px}
	.bl .bty-l8-c-r{padding:0 0 18px 44px;font-size:14.5px;line-height:1.6}
	.bl .bty-l8-c .bty-l8-c-zap{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px 22px 122px;min-height:0}
	.bl .bty-l8-c-fr{left:8px;width:104px;height:124px}
	.bl .bty-l8-c-zt b{font-size:17px}
	.bl .bty-l8-c-zap .btn{height:44px;padding:0 18px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
	.bl .bty-l8-c *{animation:none!important;transition:none!important}
	.bl .bty-l8-c .bty-l8-c-it,.bl .bty-l8-c-wd>span,.bl .bty-l8-c-temas button,.bl .bty-l8-c .bty-l8-c-zap,.bl .bty-l8-c-fr{opacity:1;transform:none}
	.bl .bty-l8-c-logo,.bl .bty-l8-c-busca{clip-path:none}
	.bl .bty-l8-c-sub{opacity:1}
}
.bl .bty-l8-c{color:var(--bl-preto)}
.bl .bty-l8-c .bty-l8-logo{display:block;height:auto}