/* Dobra Sérum GHK-Cu L9 (skin_ativos). GERADO por docs/layout/fonte-loja/dobras-skin-l9.py: não edite à mão. */
.bl .gw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.bl .gw>span{display:inline-block}
.bl .s9e{position:relative;height:300vh;background:#fff;color:var(--bl-preto)}
.bl .s9e :where(h2,h3,p,ul,ol,figure){margin:0}
.bl .s9e-cola{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;padding:96px 0 16px}
.bl .s9e-g{width:100%}
.bl .s9e .dp-h2{font-size:clamp(24px,2.3vw,36px)}
.bl .s9e-cab .gw>span{transform:translateY(105%);transition:transform .8s calc(var(--w) * .05s) cubic-bezier(.2,.8,.2,1)}
.bl .s9e-cola.vivo .s9e-cab .gw>span{transform:none}
.bl .s9e-palco{display:grid;grid-template-columns:minmax(0,1fr) clamp(160px,min(15vw,24vh),220px) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:clamp(24px,3vw,48px);row-gap:clamp(12px,2vh,24px);align-items:center;margin-top:clamp(16px,2.6vh,28px);padding:clamp(18px,3vh,30px) clamp(24px,3vw,44px);border-radius:28px;background:var(--bl-cinza-1)}
.bl .s9e-l{display:contents;list-style:none;padding:0}
.bl .s9e-at{display:grid;grid-template-columns:clamp(72px,6vw,92px) minmax(0,1fr);gap:18px;align-items:center}
.bl .s9e-at[data-k="0"]{grid-area:1/1}
.bl .s9e-at[data-k="1"]{grid-area:2/1}
.bl .s9e-at[data-k="2"]{grid-area:1/3}
.bl .s9e-at[data-k="3"]{grid-area:2/3}
.bl .s9e-at[data-k="0"],.bl .s9e-at[data-k="1"]{grid-template-columns:minmax(0,1fr) clamp(72px,6vw,92px);text-align:right}
.bl .s9e-at[data-k="0"] .s9e-f,.bl .s9e-at[data-k="1"] .s9e-f{order:2}
.bl .s9e-f{position:relative;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff,0 0 0 3px rgba(201,151,58,0);transition:box-shadow .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.bl .s9e-f img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.bl .s9e-at.atual .s9e-f{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px #C9973A}
.bl .s9e-tag{display:block;font:600 10.5px/1 var(--bl-titulo);letter-spacing:.14em;text-transform:uppercase;color:var(--bl-cinza-3)}
.bl .s9e-tag b{font:400 italic 15px/1 var(--bl-destaque);letter-spacing:0;color:var(--bl-cinza-3);transition:color .4s}
.bl .s9e-at.atual .s9e-tag b{color:#C9973A}
.bl .s9e-at h3{margin-top:7px;font:600 clamp(18px,1.5vw,22px)/1.15 var(--bl-titulo);letter-spacing:-.02em}
.bl .s9e-sub{display:block;margin-top:2px;font:400 italic 18px/1.2 var(--bl-destaque);color:var(--bl-cinza-4)}
.bl .s9e-at p{margin-top:6px;max-width:330px;font:400 14px/1.5 var(--bl-texto);color:var(--bl-cinza-4)}
.bl .s9e-at[data-k="0"] p,.bl .s9e-at[data-k="1"] p{margin-left:auto}
.bl .s9e-f img{clip-path:circle(0% at 50% 50%);transform:scale(1.3);transition:clip-path .9s calc(.15s + var(--j) * .1s) cubic-bezier(.65,0,.25,1),transform 1.3s calc(.15s + var(--j) * .1s) cubic-bezier(.2,.8,.2,1)}
.bl .s9e-tx{opacity:0;transform:translateY(16px);transition:opacity .6s calc(.3s + var(--j) * .1s),transform .8s calc(.3s + var(--j) * .1s) cubic-bezier(.2,.8,.2,1)}
.bl .s9e-cola.vivo .s9e-f img{clip-path:circle(50% at 50% 50%);transform:none}
.bl .s9e-cola.vivo .s9e-tx{opacity:1;transform:none}
.bl .s9e-centro{grid-area:1/2/3/3;position:relative;aspect-ratio:1;display:grid;place-items:center}
.bl .s9e-anel{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bl .s9e-anel circle{fill:none;stroke:#D8D8D8;stroke-width:1;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}
.bl .s9e-arco{fill:none;stroke:#C9973A;stroke-width:3;stroke-linecap:round;opacity:0;transform-origin:100px 100px;transform:rotate(-24deg);transition:opacity .4s,transform .8s cubic-bezier(.2,.8,.2,1)}
.bl .s9e-arco.on{opacity:1;transform:none}
.bl .s9e-frasco{position:relative;width:auto;height:72%;filter:drop-shadow(0 20px 24px rgba(10,10,10,.16))}
.bl .s9e.rodando .s9e-frasco{will-change:transform}
.bl .s9e-cont{position:absolute;left:50%;bottom:-6px;translate:-50% 100%;display:flex;align-items:baseline;gap:6px;font:400 italic 26px/1 var(--bl-destaque)}
.bl .s9e-roda{display:block;height:1em;overflow:hidden}
.bl .s9e-roda>span{display:flex;flex-direction:column;transform:translateY(calc(var(--k,0) * -1em));transition:transform .7s cubic-bezier(.7,0,.2,1)}
.bl .s9e-de{font-size:17px;color:var(--bl-cinza-3)}
.bl .s9e-pts{display:none}
.bl .s9e-tec{grid-area:3/1/4/4;position:relative;margin-top:clamp(26px,3.6vh,34px);padding:14px 24px;border-radius:999px;background:var(--bl-preto);color:#fff;display:flex;gap:14px;align-items:center;overflow:hidden}
.bl .s9e-tec .dp-i{width:22px;height:22px;flex:none;color:#E2BC6A;transition:transform .7s cubic-bezier(.3,1.6,.5,1)}
.bl .s9e.fim .s9e-tec .dp-i{transform:scale(1.25) rotate(-12deg)}
.bl .s9e-tec h3{font:600 15px/1.25 var(--bl-titulo)}
.bl .s9e-tec p{margin-top:2px;font:400 13.5px/1.45 var(--bl-texto);color:rgba(255,255,255,.75)}
.bl .s9e-barra{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#C9973A,#E2BC6A);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s cubic-bezier(.7,0,.2,1)}
@media (max-width:1100px){
	.bl .s9e-at p{display:none}
}
@media (max-width:767px){
	.bl .s9e{height:330vh}
	.bl .s9e-cola{height:100vh;height:100svh;padding:84px 0 84px;align-items:center}
	.bl .s9e .dp-h2{font-size:20px}
	.bl .s9e .olho{font-size:10.5px}
	.bl .s9e-palco{grid-template-columns:1fr;grid-template-rows:none;row-gap:10px;margin-top:10px;padding:14px;border-radius:22px}
	.bl .s9e-centro{grid-area:auto;order:-1;width:min(108px,13svh);margin:0 auto 16px}
	.bl .s9e-cont{font-size:19px}
	.bl .s9e-de{font-size:13px}
	.bl .s9e-l{display:grid;grid-template-columns:1fr}
	.bl .s9e-at,.bl .s9e-at[data-k]{grid-area:1/1;grid-template-columns:64px minmax(0,1fr);text-align:left;gap:14px;align-items:start;opacity:0;transform:translateX(24px);visibility:hidden;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s}
	.bl .s9e-at[data-k="0"] .s9e-f,.bl .s9e-at[data-k="1"] .s9e-f{order:0}
	.bl .s9e-at.atual{opacity:1;transform:none;visibility:visible;transition:opacity .45s .1s,transform .6s .1s cubic-bezier(.2,.8,.2,1),visibility 0s}
	.bl .s9e-at.atual .s9e-f{transform:none}
	.bl .s9e-at h3{font-size:18px;margin-top:5px}
	.bl .s9e-sub{font-size:16px}
	.bl .s9e-at p{display:block;max-width:none;margin:5px 0 0!important;font-size:13px;line-height:1.45}
	.bl .s9e-pts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:10px 0 0;border-top:1px solid var(--bl-cinza-2)}
	.bl .s9e-pts li{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font:500 10px/1.15 var(--bl-titulo);color:var(--bl-cinza-3);transition:color .3s}
	.bl .s9e-pts img{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 2px rgba(201,151,58,0);transition:box-shadow .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
	.bl .s9e-pts li.atual{color:var(--bl-preto)}
	.bl .s9e-pts li.atual img{transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #C9973A}
	.bl .s9e-tec{grid-area:auto;margin-top:2px;border-radius:18px;padding:13px 16px;gap:12px}
	.bl .s9e-tec h3{font-size:14px}
	.bl .s9e-tec p{font-size:12px;line-height:1.4}
	.bl .s9e-tec{order:9}
	.bl .s9e-pts{order:8}
}
@media (max-width:767px) and (max-height:720px){
	.bl .s9e-at p{display:none}
	.bl .s9e-centro{width:104px}
}
@media (prefers-reduced-motion:reduce){
	.bl .s9e{height:auto}
	.bl .s9e-cola{position:static;height:auto;padding:80px 0}
	.bl .s9e *{animation:none!important;transition:none!important}
	.bl .s9e-tx{opacity:1;transform:none}
	.bl .s9e-f img{clip-path:none;transform:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:767px){
	.bl .s9e-l{gap:18px}
	.bl .s9e-at,.bl .s9e-at[data-k]{grid-area:auto;opacity:1;transform:none;visibility:visible}
	.bl .s9e-pts{display:none}
}