/* Dobra Sérum GHK-Cu L1 (skin_numeros). GERADO por docs/layout/fonte-loja/dobras-skin-l1.py: não edite à mão. */
.bl .s1d,.bl .s1d-tx{color:#fff}
.bl .s1d{padding-top:32px;color:#fff}
.bl .s1d :where(h2,p,ul,figure){margin:0}
.bl .s1d-f{position:relative;height:min(52vw,640px);min-height:520px;border-radius:28px;overflow:hidden;background:#D9B8A6;isolation:isolate}
.bl .s1d-foto{position:absolute;inset:0;z-index:-2;overflow:hidden}
.bl .s1d-foto picture,.bl .s1d-foto img{display:block;width:100%;height:100%}
.bl .s1d-foto img{object-fit:cover;object-position:70% 30%;transform-origin:70% 35%}
.bl .s1d-veu{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,10,.62),rgba(10,10,10,.1) 60%,rgba(10,10,10,0))}
.bl .s1d-tx{position:absolute;left:0;top:0;bottom:0;width:min(560px,52%);padding:56px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px;color:#fff}
.bl .s1d .olho{color:rgba(255,255,255,.8)}
.bl .s1d .dp-h2{margin:0;color:#fff;font-size:clamp(30px,3.2vw,46px)}
.bl .s1d-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.bl .s1d-w>span{display:inline-block}
.bl .s1d-p{font:400 15.5px/1.6 var(--bl-texto);color:rgba(255,255,255,.86)}
.bl .s1d-n{position:relative;list-style:none;padding:20px 0 0;margin-top:12px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bl .s1d-fio{position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.3);transform-origin:0 50%}
.bl .s1d-fio::after{content:"";position:absolute;left:0;top:-1px;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,#C9973A,#E2BC6A)}
.bl .s1d-n li{display:flex;flex-direction:column;gap:6px;min-width:0}
.bl .s1d-n strong{font:600 34px/1 var(--bl-titulo);letter-spacing:-.03em;color:#fff}
.bl .s1d-n strong .ax,.bl .s1d-n strong .ax span{font:inherit;color:inherit}
.bl .s1d-n li>span{font:400 13px/1.35 var(--bl-texto);color:rgba(255,255,255,.8);overflow-wrap:anywhere}
.bl .s1d-odo,.bl .s1d-odo>span{display:inline-flex;align-items:flex-start}
.bl .s1d-d{display:inline-block;height:1em;overflow:hidden;line-height:1}
.bl .s1d-d>span{display:flex;flex-direction:column}
.bl .s1d-d i{display:block;height:1em;font-style:normal;text-align:center}
.bl .s1d-x{display:inline-block;line-height:1;white-space:pre}
.bl .s1d.arma .s1d-f{clip-path:inset(7% 14% 7% 14% round 28px);transition:clip-path .8s cubic-bezier(.7,0,.2,1)}
.bl .s1d.arma .s1d-foto img{transform:scale(1.3);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.bl .s1d.arma .s1d-veu{opacity:0;transition:opacity .6s .15s}
.bl .s1d.arma .s1d-w>span{transform:translateY(110%);transition:transform .55s calc(.15s + var(--w) * .03s) cubic-bezier(.2,.8,.2,1)}
.bl .s1d.arma .s1d-p{opacity:0;transform:translateY(14px);transition:opacity .5s .45s,transform .55s .45s cubic-bezier(.2,.8,.2,1)}
.bl .s1d.arma .s1d-fio{transform:scaleX(0);transition:transform .7s .5s cubic-bezier(.7,0,.2,1)}
.bl .s1d.arma .s1d-d>span{transform:translateY(0);transition:transform 1s calc(.55s + var(--k) * .12s + var(--i) * .06s) cubic-bezier(.6,0,.15,1)}
.bl .s1d.arma .s1d-n li>span{opacity:0;transform:translateY(8px);transition:opacity .45s calc(.65s + var(--k) * .12s),transform .5s calc(.65s + var(--k) * .12s) cubic-bezier(.2,.8,.2,1)}
.bl .s1d.arma.on .s1d-f{clip-path:inset(0 0 0 0 round 28px)}
.bl .s1d.arma.on .s1d-foto img{transform:none}
.bl .s1d.arma.on .s1d-veu{opacity:1}
.bl .s1d.arma.on .s1d-w>span,.bl .s1d.arma.on .s1d-p,.bl .s1d.arma.on .s1d-n li>span{opacity:1;transform:none}
.bl .s1d.arma.on .s1d-fio{transform:none}
.bl .s1d.arma.on .s1d-d>span,.bl .s1d:not(.arma) .s1d-d>span{transform:translateY(calc(var(--v) * -1em))}
@media (max-width:767px){
	.bl .s1d{padding-top:16px}
	.bl .s1d-f{height:auto;min-height:0;display:flex;flex-direction:column;background:#0A0A0A}
	.bl .s1d-foto{position:relative;z-index:0;height:360px}
	.bl .s1d-foto img{object-position:50% 12%;transform-origin:50% 20%}
	.bl .s1d-veu{z-index:1;background:linear-gradient(180deg,rgba(10,10,10,0) 30%,rgba(10,10,10,.92) 300px,#0A0A0A 360px)}
	.bl .s1d-tx{position:relative;z-index:2;width:auto;padding:0 22px 28px;margin-top:-64px}
	.bl .s1d .dp-h2{font-size:27px}
	.bl .s1d-p{font-size:14.5px}
	.bl .s1d-n strong{font-size:26px}
	.bl .s1d-n li>span{font-size:12px}
	.bl .s1d.arma .s1d-f{clip-path:inset(100% 0 0 0 round 22px)}
	.bl .s1d.arma.on .s1d-f{clip-path:inset(0 0 0 0 round 22px)}
}