/* Dobra Sérum GHK-Cu L2 (skin_acontece). GERADO por docs/layout/fonte-loja/dobras-skin-l2.py: não edite à mão. */
.bl .s2b{color:var(--bl-preto)}
.bl .s2b{position:relative;height:440vh;background:#fff;color:var(--bl-preto)}
.bl .s2b :where(h2,h3,p,ul){margin:0}
.bl .s2b-cola{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex}
.bl .s2b-g{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:120px;padding-bottom:96px}
.bl .s2b-cab{text-align:center;max-width:860px}
.bl .s2b .dp-h2{margin:10px 0 0;font-size:clamp(26px,2.6vw,40px)}
.bl .s2b-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.bl .s2b-w>span{display:inline-block}
.bl .s2b.arma .s2b-w>span{transform:translateY(108%);transition:transform .8s calc(var(--w) * .05s) cubic-bezier(.2,.8,.2,1)}
.bl .s2b.arma.vivo .s2b-w>span{transform:none}
.bl .s2b-palco{flex:1;min-height:0;width:100%;max-width:1180px;margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:10px;align-items:center}
.bl .s2b-meio{grid-area:1/2/4/3;position:relative;height:100%;display:grid;place-items:center}
.bl .s2b-fr{position:relative;z-index:2;height:min(50vh,440px);width:auto;transform-origin:50% 65%;filter:drop-shadow(0 26px 34px rgba(10,10,10,.16))}
.bl .s2b-luz{position:absolute;z-index:0;width:min(54vh,480px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(226,188,106,.42),rgba(226,188,106,0))}
.bl .s2b.rodando .s2b-luz{animation:s2b-pulso 3.6s ease-in-out infinite}
@keyframes s2b-pulso{0%,100%{transform:scale(.92)}50%{transform:scale(1.06)}}
.bl .s2b-anel{position:absolute;z-index:1;width:min(44vh,400px);aspect-ratio:1;border-radius:50%;border:1.5px dashed #C9973A}
.bl .s2b-anel::before,.bl .s2b-anel::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#C9973A,#E2BC6A)}
.bl .s2b-anel::before{left:50%;top:-5.5px;margin-left:-5px}
.bl .s2b-anel::after{left:50%;bottom:-5.5px;margin-left:-5px}
.bl .s2b-b{position:relative;padding:18px 20px;border-radius:20px;background:var(--bl-cinza-1);display:flex;flex-direction:column;gap:6px;max-width:400px;
	transform:translate3d(calc(var(--dx) * 70%),calc(var(--dy) * 60%),0) scale(.4);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .5s,background-color .5s}
.bl .s2b-e{justify-self:end}
.bl .s2b-b.on{transform:none;opacity:1}
.bl .s2b-b,.bl .s2b-fim{z-index:3}
.bl .s2b-b.atual{background:var(--bl-preto);color:#fff}
.bl .s2b-b.atual p{color:rgba(255,255,255,.75)}
.bl .s2b-n{font:400 italic 26px/1 var(--bl-destaque);color:var(--bl-cinza-3)}
.bl .s2b-b.atual .s2b-n{color:#E2BC6A}
.bl .s2b-b h3{font:600 18px/1.2 var(--bl-titulo);letter-spacing:-.01em}
.bl .s2b-b p{font:400 13.5px/1.5 var(--bl-texto);color:var(--bl-cinza-4)}
.bl .s2b-fio{position:absolute;top:50%;width:28px;height:1.5px;background:#C9973A;transform:scaleX(0);transition:transform .6s .5s cubic-bezier(.7,0,.2,1)}
.bl .s2b-e .s2b-fio{left:100%;transform-origin:0 50%}
.bl .s2b-d .s2b-fio{right:100%;transform-origin:100% 50%}
.bl .s2b-b.on .s2b-fio{transform:scaleX(1)}
.bl .s2b-fim{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 22px;border-radius:20px;background:var(--bl-preto);color:#fff;max-width:400px;
	transform:translate3d(-60%,-40%,0) scale(.4);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .5s}
.bl .s2b-fim.on{transform:none;opacity:1}
.bl .s2b-fim p{font:500 19px/1.25 var(--bl-titulo);letter-spacing:-.01em;color:#fff}
.bl .s2b-fim em.d{color:#E2BC6A}
.bl .s2b-fim .btn{height:46px;padding:0 20px;font-size:14px}
.bl .s2b-selos{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bl .s2b-selos li{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:999px;background:rgba(255,255,255,.1);font:500 11.5px/1 var(--bl-texto);color:rgba(255,255,255,.85)}
.bl .s2b-selos .dp-i{width:14px;height:14px;color:#E2BC6A}
.bl .s2b-pontos{display:flex;gap:6px;margin-top:14px}
.bl .s2b-pontos i{width:22px;height:3px;border-radius:3px;background:var(--bl-cinza-2);position:relative;overflow:hidden}
.bl .s2b-pontos i::after{content:"";position:absolute;inset:0;background:var(--bl-preto);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.bl .s2b-pontos i.on::after{transform:none}
.bl .s2b.rodando .s2b-fr,.bl .s2b.rodando .s2b-anel{will-change:transform}
@media (max-width:1100px){
	.bl .s2b-palco{column-gap:16px}
	.bl .s2b-b{padding:14px 16px}
	.bl .s2b-b p{font-size:12.5px}
}
@media (max-width:767px){
	.bl .s2b{height:460vh}
	.bl .s2b-g{padding-top:84px;padding-bottom:164px}
	.bl .s2b .dp-h2{font-size:22px;margin-top:6px}
	.bl .s2b .olho{font-size:11px}
	.bl .s2b-palco{margin-top:6px;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;row-gap:12px;align-items:end}
	.bl .s2b-meio{grid-area:1/1/2/2}
	.bl .s2b-fr{height:min(26svh,220px)}
	.bl .s2b-luz{width:min(60vw,250px)}
	.bl .s2b-anel{width:min(48vw,200px)}
	.bl .s2b-b,.bl .s2b-fim{grid-area:2/1/3/2!important;justify-self:stretch!important;max-width:none;min-height:150px;transform:translate3d(0,-70%,0) scale(.3)}
	.bl .s2b-b.on:not(.atual){opacity:0;transform:translate3d(0,24px,0) scale(.96)}
	.bl .s2b-fio{display:none}
	.bl .s2b-b h3{font-size:19px}
	.bl .s2b-b p{font-size:14px}
	.bl .s2b-fim{padding:18px}
	.bl .s2b-fim p{font-size:18px}
	.bl .s2b-pontos{margin-top:12px}
}
@media (max-width:767px) and (max-height:700px){
	.bl .s2b-fr{height:20svh}
	.bl .s2b-b p{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
	.bl .s2b{height:auto}
	.bl .s2b-cola{position:static;height:auto}
	.bl .s2b-palco{min-height:600px}
	.bl .s2b-b,.bl .s2b-fim{opacity:1;transform:none}
	.bl .s2b-fio{transform:scaleX(1)}
}
@media (prefers-reduced-motion:reduce) and (max-width:767px){
	.bl .s2b-b,.bl .s2b-fim{grid-area:auto!important}
	.bl .s2b-palco{display:flex;flex-direction:column;gap:10px}
	.bl .s2b-meio{height:260px}
}