/* Dobra Sérum GHK-Cu L11 (skin_galeria). GERADO por docs/layout/fonte-loja/dobras-skin-l11.py: não edite à mão. */
.bl .s11b{position:relative;padding:96px 0;overflow:hidden;background:#fff;color:var(--bl-preto)}
.bl .s11b :where(h2,ul){margin:0}
.bl .s11b-fila{overflow:hidden;padding:30px 0;margin:-30px 0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.bl .s11b-fila.arrastando{cursor:grabbing}
.bl .s11b-trilho{list-style:none;padding:0;display:flex;gap:16px;width:max-content}
.bl .s11b.rodando .s11b-trilho,.bl .s11b.rodando .s11b-c,.bl .s11b.rodando .s11b-c img{will-change:transform}
.bl .s11b-c{position:relative;flex:none;width:clamp(260px,26vw,380px);aspect-ratio:1078/850;border-radius:20px;overflow:hidden;background:var(--bl-cinza-1);transform-origin:50% 50%}
.bl .s11b-c img{position:absolute;top:0;left:-9%;width:118%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.bl .s11b-fila[data-sentido="-1"] .s11b-c{transform-origin:50% 100%}
.bl .s11b-fila[data-sentido="1"] .s11b-c{transform-origin:50% 0}
.bl .s11b-cab{text-align:center;padding-top:56px;padding-bottom:56px}
.bl .s11b .dp-h2{margin:14px auto 0;max-width:900px;font-size:clamp(34px,4.6vw,68px);line-height:1.02;color:var(--bl-preto)}
.bl .s11b-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.bl .s11b-w>span{display:inline-block;transform:translateY(105%) rotate(4deg);transform-origin:0 100%;transition:transform .9s calc(var(--w) * .07s) cubic-bezier(.2,.8,.2,1)}
.bl .s11b-cab.vivo .s11b-w>span{transform:none}
.bl .s11b-cab .olho{display:inline-block;transform:translateY(10px);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.bl .s11b-cab.vivo .olho{transform:none;opacity:1}
@media (max-width:767px){
	.bl .s11b{padding:64px 0}
	.bl .s11b-trilho{gap:10px}
	.bl .s11b-c{width:62vw;border-radius:14px}
	.bl .s11b-cab{padding-top:36px;padding-bottom:36px}
	.bl .s11b .dp-h2{font-size:32px}
}
@media (prefers-reduced-motion:reduce){
	.bl .s11b-fila{overflow-x:auto;cursor:auto}
	.bl .s11b-w>span,.bl .s11b-cab .olho{transform:none;opacity:1;transition:none}
}
