/* Dobra Sérum GHK-Cu L6 (skin_dores). GERADO por docs/layout/fonte-loja/dobras-skin-l6.py: não edite à mão. */
.bl .s6e{color:var(--bl-preto)}
.bl .s6e :where(h2,h3,p,ul,figure){margin:0}
.bl .s6e ul{list-style:none;padding:0}
.bl .s6e-gw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.bl .s6e-gw>span{display:inline-block}
.bl .s6e-g{position:relative;margin-top:56px}
.bl .s6e-fio{display:none}
.bl .s6e-l{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:20px}
.bl .s6e-card{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:22px;align-items:center;padding:12px 24px 12px 12px;border-radius:26px;background:var(--bl-cinza-1)}
.bl .s6e-foto{aspect-ratio:299/263;border-radius:18px;overflow:hidden;background:var(--bl-cinza-2)}
.bl .s6e-foto img{width:100%;height:100%;object-fit:cover}
.bl .s6e-tx{display:flex;flex-direction:column;gap:8px;transition:opacity .6s}
.bl .s6e-n{font:400 italic 40px/1 var(--bl-destaque);color:var(--bl-cinza-3);transition:color .5s}
.bl .s6e-tx h3{font:600 18px/1.25 var(--bl-titulo);letter-spacing:-.01em}
.bl .s6e-tx p{font:400 14.5px/1.55 var(--bl-texto);color:var(--bl-cinza-4)}
.bl .s6e-card.on .s6e-n{color:var(--bl-preto)}
.s6-anim .bl .s6e-card:not(.on) .s6e-tx{opacity:.5}
.s6-anim .bl .s6e-card{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.s6-anim .bl .s6e-card:not(.on){transform:scale(.97)}
.bl .s6e-anel{position:absolute;z-index:1;left:50%;top:50%;width:280px;height:280px;margin:-140px 0 0 -140px}
.bl .s6e-anel svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bl .s6e-trilha{fill:none;stroke:var(--bl-cinza-2);stroke-width:2;stroke-dasharray:2 6;transition:opacity .4s}
.bl .s6e-arco{fill:none;stroke:var(--bl-preto);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1);transform-box:view-box;transform-origin:50% 50%}
.bl .s6e-gira{transform-box:view-box;transform-origin:50% 50%;transition:opacity .4s}
.bl .s6e-bola{fill:var(--bl-preto);stroke:#fff;stroke-width:3}
.bl .s6e-m{position:absolute;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--bl-cinza-2);font:600 12px/1 var(--bl-titulo);color:var(--bl-cinza-3);transition:background .4s,color .4s,transform .5s cubic-bezier(.3,1.7,.5,1)}
.bl .s6e-m.on{background:var(--bl-preto);color:#fff;transform:scale(1.1)}
.bl .s6e-meio{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:opacity .4s}
.bl .s6e-meio small{font:600 11px/1 var(--bl-titulo);letter-spacing:.16em;text-transform:uppercase;color:var(--bl-cinza-3)}
.bl .s6e-meio b{font:400 italic 64px/1 var(--bl-destaque)}
.bl .s6e-disco{position:absolute;inset:34px;border-radius:50%;background:var(--bl-preto);transform:scale(0);transition:transform .8s cubic-bezier(.7,0,.2,1)}
.bl .s6e-disco::after{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(closest-side,rgba(226,188,106,.5),rgba(226,188,106,0))}
.bl .s6e-fr{position:absolute;left:50%;top:50%;height:170px;width:auto;margin:-90px 0 0 -43px;opacity:0;transform:translateY(40px) scale(.6) rotate(-12deg);transition:opacity .4s .35s,transform .9s .35s cubic-bezier(.3,1.5,.5,1)}
.bl .s6e.fim .s6e-arco{opacity:0;transform:scale(1.25)}
.bl .s6e.fim .s6e-gira,.bl .s6e.fim .s6e-meio,.bl .s6e.fim .s6e-trilha{opacity:0}
.bl .s6e.fim .s6e-disco{transform:none}
.bl .s6e.fim .s6e-fr{opacity:1;transform:none}
.bl .s6e.fim .s6e-m{transform:scale(0)}
.bl .s6e-fim{position:relative;overflow:hidden;margin-top:56px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,4vw,64px);
	min-height:420px;padding:0 clamp(32px,5vw,80px) 0 0;border-radius:32px;background:var(--bl-preto);color:#fff}
.bl .s6e-palco{position:relative;align-self:stretch;display:grid;place-items:center;min-height:420px}
.bl .s6e-halo{position:absolute;width:min(420px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(226,188,106,.42),rgba(226,188,106,0))}
.bl .s6e-palco img{position:relative;height:360px;width:auto;margin-bottom:-60px;align-self:end}
.bl .s6e-fim-tx{display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding:48px 0}
.bl .s6e-fecho{font:600 clamp(24px,2.5vw,36px)/1.2 var(--bl-titulo);letter-spacing:-.025em}
.bl .s6e-fim .btn{height:52px;padding:0 26px}
.s6-anim .bl .s6e-cab .s6e-gw>span,.s6-anim .bl .s6e-fecho .s6e-gw>span{transform:translateY(120%);transition:transform .75s calc(var(--w) * .04s) cubic-bezier(.2,.8,.2,1)}
.s6-anim .bl .s6e-cab.vivo .s6e-gw>span{transform:none}
.s6-anim .bl .s6e-fim{clip-path:inset(0 0 100% 0 round 32px);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.s6-anim .bl .s6e-fimw.vivo .s6e-fim{clip-path:inset(0 0 0 0 round 32px)}
.s6-anim .bl .s6e-palco img{transform:translateY(40%) rotate(-8deg);transition:transform 1.3s .35s cubic-bezier(.2,.8,.2,1)}
.s6-anim .bl .s6e-fimw.vivo .s6e-fim .s6e-palco img{transform:none}
.s6-anim .bl .s6e-halo{transform:scale(.4);opacity:0;transition:transform 1.4s .5s cubic-bezier(.2,.8,.2,1),opacity .8s .5s}
.s6-anim .bl .s6e-fimw.vivo .s6e-fim .s6e-halo{transform:none;opacity:1}
.s6-anim .bl .s6e-fimw.vivo .s6e-fim .s6e-fecho .s6e-gw>span{transform:none;transition-delay:calc(.55s + var(--w) * .035s)}
.s6-anim .bl .s6e-fim .btn{clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .7s 1.3s cubic-bezier(.7,0,.2,1)}
.s6-anim .bl .s6e-fimw.vivo .s6e-fim .btn{clip-path:inset(0 0 0 0 round 999px)}
@media (max-width:1024px) and (min-width:768px){
	.bl .s6e-l{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)}
	.bl .s6e-card{grid-template-columns:1fr;padding:12px 12px 20px}
	.bl .s6e-anel{transform:scale(.75)}
}
@media (max-width:767px){
	.bl .s6e-g{margin-top:36px;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:8px;align-items:start}
	.bl .s6e-fio{display:block;position:absolute;left:27px;top:0;bottom:0;width:2px;border-radius:2px;background:var(--bl-cinza-2);overflow:hidden}
	.bl .s6e-fio i{position:absolute;inset:0;background:var(--bl-preto);transform:scaleY(var(--p,0));transform-origin:50% 0}
	.bl .s6e-anel{position:sticky;z-index:3;top:96px;left:auto;grid-column:1;grid-row:1;width:56px;height:56px;margin:0;border-radius:50%;background:#fff;box-shadow:0 4px 16px rgba(10,10,10,.16)}
	.bl .s6e-anel svg{inset:4px;width:48px;height:48px}
	.bl .s6e-m,.bl .s6e-meio small{display:none}
	.bl .s6e-meio b{font-size:21px}
	.bl .s6e-bola{r:12}
	.bl .s6e-disco{inset:3px}
	.bl .s6e-fr{height:42px;margin:-22px 0 0 -11px}
	.bl .s6e-l{grid-column:2;grid-row:1;grid-template-columns:1fr;gap:14px}
	.bl .s6e-card{grid-column:auto!important;grid-row:auto!important;grid-template-columns:1fr;gap:14px;padding:10px 10px 20px}
	.bl .s6e-tx{padding:0 8px}
	.bl .s6e-n{font-size:32px}
	.bl .s6e-fim{grid-template-columns:1fr;min-height:0;padding:0 22px 28px;margin-top:36px;border-radius:26px}
	.s6-anim .bl .s6e-fim{clip-path:inset(0 0 100% 0 round 26px)}
	.s6-anim .bl .s6e-fimw.vivo .s6e-fim{clip-path:inset(0 0 0 0 round 26px)}
	.bl .s6e-palco{min-height:250px}
	.bl .s6e-palco img{height:250px;margin-bottom:-40px}
	.bl .s6e-fim-tx{padding:24px 0 0;gap:22px}
	.bl .s6e-fecho{font-size:22px}
	.bl .s6e-fim .btn{align-self:stretch;justify-content:center}
}
@media (min-width:1025px){
	.bl .s6e-g{margin-top:64px}
	.bl .s6e-l{grid-template-columns:minmax(0,1fr) clamp(240px,22vw,330px) minmax(0,1fr);grid-auto-rows:1fr;gap:24px 0}
	.bl .s6e-card{position:relative;isolation:isolate;grid-template-columns:clamp(140px,14vw,232px) minmax(0,1fr);gap:clamp(18px,2vw,28px);align-items:center;
			padding:14px clamp(18px,2.2vw,32px) 14px 14px;border-radius:30px;background:var(--bl-cinza-1)}
	.bl .s6e-card[data-k="0"],.bl .s6e-card[data-k="3"]{grid-template-columns:minmax(0,1fr) clamp(140px,14vw,232px);padding:14px 14px 14px clamp(18px,2.2vw,32px);text-align:right}
	.bl .s6e-card[data-k="0"] .s6e-foto,.bl .s6e-card[data-k="3"] .s6e-foto{order:2}
	.bl .s6e-card[data-k="0"] .s6e-tx,.bl .s6e-card[data-k="3"] .s6e-tx{align-items:flex-end;margin-left:auto}
	.bl .s6e-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff;box-shadow:0 18px 44px rgba(10,10,10,.09),inset 0 0 0 1px var(--bl-preto);opacity:0;transition:opacity .6s}
	.bl .s6e-card.on::before{opacity:1}
	.bl .s6e-foto{border-radius:20px}
	.bl .s6e-foto img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
	.s6-anim .bl .s6e-card:not(.on){transform:none}
	.s6-anim .bl .s6e-card:not(.on) .s6e-foto img{transform:scale(1.08)}
	.s6-anim .bl .s6e-card:not(.on) .s6e-tx{opacity:.42}
	.bl .s6e-tx{gap:10px;max-width:36ch}
	.bl .s6e-n{display:flex;align-items:center;gap:12px;font-size:46px}
	.bl .s6e-n::after{content:"";width:32px;height:1px;background:currentColor;transform:scaleX(.4);transform-origin:0 50%;transition:transform .7s cubic-bezier(.7,0,.2,1)}
	.bl .s6e-card[data-k="0"] .s6e-n,.bl .s6e-card[data-k="3"] .s6e-n{flex-direction:row-reverse}
	.bl .s6e-card[data-k="0"] .s6e-n::after,.bl .s6e-card[data-k="3"] .s6e-n::after{transform-origin:100% 50%}
	.bl .s6e-card.on .s6e-n::after{transform:none}
	.bl .s6e-tx h3{font-size:clamp(17px,1.35vw,20px);line-height:1.22}
	.bl .s6e-tx p{font-size:14.5px;line-height:1.6}
	.bl .s6e-anel{width:280px;height:280px;margin:-140px 0 0 -140px}
}
@media (min-width:1025px) and (max-width:1279px){
	.bl .s6e-anel{transform:scale(.8)}
	.bl .s6e-tx p{font-size:13.5px;line-height:1.55}
	.bl .s6e-n{font-size:40px}
}
@media (prefers-reduced-motion:reduce){
	.bl .s6e *{animation:none!important;transition:none!important}
	.bl .s6e-anel{display:none}
}
