/* Dobra Sérum GHK-Cu L7 (skin_clinica). GERADO por docs/layout/fonte-loja/dobras-skin-l7.py: não edite à mão. */
.bl .gw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.bl .gw>span{display:inline-block}
.bl .s7c{background:var(--bl-cinza-1);overflow:hidden}
.bl .s7c-g{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:clamp(56px,7vw,120px);align-items:center}
.bl .s7c-t{max-width:620px}
.bl .s7c-cab .dp-h2{font-size:clamp(28px,3vw,46px)}
.bl .s7c-col{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;margin-top:clamp(28px,4vh,44px)}
.bl .s7c-p{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;align-items:start}
.bl .s7c-n{grid-row:1/3;display:block;height:1em;overflow:hidden;font:400 italic 52px/1 var(--bl-destaque);letter-spacing:-.03em}
.bl .s7c-n span{display:block}
.bl .s7c-traco{display:block;height:1px;margin:10px 0 14px;background:var(--bl-preto);transform-origin:0 50%}
.bl .s7c-p p{margin:0;font:400 16.5px/1.6 var(--bl-texto);color:var(--bl-cinza-4)}
.bl .s7c-foto{position:relative;margin:0;width:min(480px,calc((100vh - 140px) * .707),38vw);aspect-ratio:715/1011}
.bl .s7c-tira{position:absolute;top:0;bottom:0;left:calc(var(--j) * 20%);width:calc(20% + 1px);overflow:hidden;background:#DCE3EA}
.bl .s7c-tira:first-child{border-radius:28px 0 0 28px}
.bl .s7c-tira:nth-child(5){border-radius:0 28px 28px 0}
.bl .s7c-tira img{position:absolute;top:0;height:100%;width:500%;max-width:none;object-fit:cover}
.bl .s7c.rodando .s7c-tira{will-change:transform}
.bl .s7c-selo{position:absolute;right:-46px;bottom:-40px;z-index:2;width:130px;height:130px;border-radius:50%;background:var(--bl-preto);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -12px rgba(10,10,10,.5)}
.bl .s7c-roda{position:absolute;inset:0;width:100%;height:100%;animation:s7c-gira 22s linear infinite paused}
.bl .s7c.rodando .s7c-roda{animation-play-state:running}
.bl .s7c-roda text{fill:#fff;font:600 8.4px/1 var(--bl-titulo);letter-spacing:.06em}
@keyframes s7c-gira{to{transform:rotate(360deg)}}
.bl .s7c-selo-m{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#C9973A,#E2BC6A);color:var(--bl-preto)}
.bl .s7c-selo-m .dp-i{width:22px;height:22px}
.s7-anim .bl .s7c-cab .gw>span{transform:translateY(105%);transition:transform .8s calc(var(--w) * .045s) cubic-bezier(.2,.8,.2,1)}
.s7-anim .bl .s7c-cab.vivo .gw>span{transform:none}
.s7-anim .bl .s7c-cab .olho{display:inline-block;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .7s}
.s7-anim .bl .s7c-cab.vivo .olho{opacity:1;transform:none}
.s7-anim .bl .s7c-tira{clip-path:inset(100% 0 0 0);transition:clip-path 1.1s calc(.1s + var(--j) * .09s) cubic-bezier(.65,0,.25,1)}
.s7-anim .bl .s7c-tira img{transform:translateY(12%) scale(1.15);transition:transform 1.6s calc(.1s + var(--j) * .09s) cubic-bezier(.2,.8,.2,1)}
.s7-anim .bl .s7c-g.vivo .s7c-tira{clip-path:inset(0 0 0 0)}
.s7-anim .bl .s7c-g.vivo .s7c-tira img{transform:none}
.s7-anim .bl .s7c-n span{transform:translateY(105%);transition:transform .8s calc(.5s + var(--i) * .2s) cubic-bezier(.2,.8,.2,1)}
.s7-anim .bl .s7c-traco{transform:scaleX(0);transition:transform .9s calc(.6s + var(--i) * .2s) cubic-bezier(.7,0,.2,1)}
.s7-anim .bl .s7c-p p{opacity:0;transform:translateY(14px);transition:opacity .6s calc(.8s + var(--i) * .2s),transform .8s calc(.8s + var(--i) * .2s) cubic-bezier(.2,.8,.2,1)}
.s7-anim .bl .s7c-g.vivo .s7c-n span,.s7-anim .bl .s7c-g.vivo .s7c-p p{transform:none;opacity:1}
.s7-anim .bl .s7c-g.vivo .s7c-traco{transform:scaleX(1)}
.s7-anim .bl .s7c-selo{transform:scale(0) rotate(-120deg);transition:transform .9s 1s cubic-bezier(.3,1.5,.5,1)}
.s7-anim .bl .s7c-g.vivo .s7c-selo{transform:none}
@media (max-width:1100px){
	.bl .s7c-g{gap:64px}
	.bl .s7c-p{grid-template-columns:56px minmax(0,1fr);column-gap:14px}
	.bl .s7c-n{font-size:44px}
	.bl .s7c-selo{right:-36px;width:112px;height:112px}
}
@media (max-width:767px){
	.bl .s7c-g{display:flex;flex-direction:column;gap:34px}
	.bl .s7c-t{display:contents}
	.bl .s7c-cab{order:-2;text-align:center}
	.bl .s7c-foto{order:-1;width:calc(100% - 28px);margin-right:28px}
	.bl .s7c-col{display:flex;flex-direction:column;gap:34px;margin-top:0}
	.bl .s7c-p{display:block}
	.bl .s7c-n{font-size:44px}
	.bl .s7c-traco{margin:14px 0 16px}
	.bl .s7c-selo{right:-28px;bottom:-34px;width:112px;height:112px}
	.bl .s7c-tira:first-child{border-radius:22px 0 0 22px}
	.bl .s7c-tira:nth-child(5){border-radius:0 22px 22px 0}
	.bl .s7c-cab .dp-h2{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
	.bl .s7c *{animation:none!important;transition:none!important}
}
.bl .s7c{color:var(--bl-preto)}