/* Dobra Sérum GHK-Cu L3 (skin_movimento). GERADO por docs/layout/fonte-loja/dobras-skin-l3.py: não edite à mão. */
.bl .s3f-pausa{position:absolute;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(10,10,10,.45);backdrop-filter:blur(6px);cursor:pointer;display:grid;place-items:center;padding:0}
.bl .s3f-pausa i{display:block;width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}
.bl .s3f-pausa.parado i{width:0;height:0;border:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.bl .s3f-pausa:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bl .s3f-pausa[hidden]{display:none}
.bl .s3f{position:relative;height:260vh;background:#fff}
.bl .s3f-cola{position:sticky;top:0;height:100vh;overflow:hidden}
.bl .s3f-cab{position:absolute;left:0;right:0;top:0;height:44%;padding:100px 24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--bl-preto)}
.bl .s3f-cab .dp-h2{margin:14px auto 0;max-width:980px;font-size:clamp(28px,3.4vw,50px)}
.bl .s3f-jan{position:absolute;inset:0;overflow:hidden;background:#0A1A33;clip-path:inset(46% 22% 6% 22% round 24px)}
.bl .s3f-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.3)}
.bl .s3f-veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,25,.8),rgba(5,10,25,.35) 50%,rgba(5,10,25,0) 75%);opacity:0}
.bl .s3f-fim{position:absolute;left:0;right:0;top:50%;transform:translateY(-40%);z-index:2;color:#fff;pointer-events:none}
.bl .s3f-fim>*{max-width:560px}
.bl .s3f-fim .olho{color:rgba(255,255,255,.75)}
.bl .s3f-fim .dp-h2{margin:14px 0 0;color:#fff;font-size:clamp(30px,3.4vw,50px)}
.bl .s3f-fim p{margin:18px 0 0;font:400 16px/1.6 var(--bl-texto);color:rgba(255,255,255,.86)}
.bl .s3f-fim .btn{margin-top:26px}
.bl .s3f-fim>*{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1)}
.bl .s3f-fim>:nth-child(2){transition-delay:.08s}
.bl .s3f-fim>:nth-child(3){transition-delay:.16s}
.bl .s3f-fim>:nth-child(4){transition-delay:.24s}
.bl .s3f.fim .s3f-fim{pointer-events:auto}
.bl .s3f.fim .s3f-fim>*{opacity:1;transform:none}
.bl .s3f-pausa{right:24px;top:108px;opacity:0;transition:opacity .4s}
.bl .s3f.fim .s3f-pausa{opacity:1}
.bl .s3f.rodando .s3f-jan,.bl .s3f.rodando .s3f-v,.bl .s3f.rodando .s3f-cab{will-change:transform,clip-path,opacity}
@media (max-width:767px){
	.bl .s3f-cola{height:100vh;height:100svh}
	.bl .s3f-cab{height:48%;padding:92px 20px 0}
	.bl .s3f-cab .dp-h2{font-size:26px}
	.bl .s3f-jan{clip-path:inset(50% 6% 14% 6% round 20px)}
	.bl .s3f-veu{background:linear-gradient(180deg,rgba(5,10,25,.1) 20%,rgba(5,10,25,.85) 70%)}
	.bl .s3f-fim{top:auto;bottom:96px;transform:none}
	.bl .s3f-fim .dp-h2{font-size:27px}
	.bl .s3f-fim p{font-size:14.5px;line-height:1.5}
	.bl .s3f-pausa{right:16px;top:92px;bottom:auto}
}
@media (prefers-reduced-motion:reduce){
	.bl .s3f{height:auto}
	.bl .s3f-cola{position:relative}
	.bl .s3f *{animation:none!important;transition:none!important}
}