.sl-escena{display:grid;width:calc(100% - 24px);margin:50px 12px 12px}.sl-escena__envoltorio{display:contents}.sl-escena__lamina{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;min-width:0}.sl-escena__etiqueta{position:absolute;top:-18px;left:14px;z-index:3;transform:rotate(-3deg);padding:9px 16px;border:var(--sl-borde);border-radius:var(--sl-radio-m);background:var(--sl-lima);font-family:var(--sl-font-display);font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.1;white-space:nowrap}.sl-escena__envoltorio:nth-child(2) .sl-escena__etiqueta{background:var(--sl-celeste)}.sl-escena__envoltorio:nth-child(3) .sl-escena__etiqueta{background:var(--sl-rosa)}.sl-escena__panel{border:var(--sl-borde);border-radius:var(--sl-radio-l);background:var(--sl-blanco);overflow:hidden}.sl-escena__lista{display:flex;justify-content:center;gap:6px;margin:0;padding:10px 8px 6px;list-style:none}.sl-escena__prod{--sl-ac: var(--sl-lima);position:relative;flex:1 1 0;max-width:92px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:4px;text-align:center}.sl-escena__prod[data-paso=serum]{--sl-ac: var(--sl-celeste)}.sl-escena__prod[data-paso=crema]{--sl-ac: var(--sl-durazno)}.sl-escena__prod[data-paso=spf]{--sl-ac: var(--sl-lila)}.sl-escena__prod[data-paso=local]{--sl-ac: var(--sl-rosa)}.sl-escena__dibujo{width:100%;max-width:40px;height:auto;color:var(--sl-tinta)}.sl-escena__num{position:absolute;top:-4px;left:4px;z-index:1;width:20px;height:20px;display:grid;place-items:center;border:var(--sl-borde);border-radius:50%;background:var(--sl-tinta);color:var(--sl-blanco);font-family:var(--sl-font-display);font-size:11px;font-weight:800}.sl-escena__paso{padding:1px 6px;border:var(--sl-borde);border-radius:var(--sl-radio-s);background:var(--sl-blanco);font-size:9.5px;font-weight:700;line-height:1.15}.sl-escena__lista--n5 .sl-escena__paso{font-size:8.5px;padding:1px 3px}.sl-escena__capsulas{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:7px 6px;list-style:none;border-top:2px dashed var(--sl-tinta)}.sl-escena__cap{padding:3px 8px;border:var(--sl-borde);border-radius:999px;background:var(--sl-blanco);font-size:10.5px;font-weight:700;line-height:1.2}.sl-escena__envoltorio:not(:first-child){display:none}@media screen and (min-width:990px){.sl-escena{margin-top:80px;margin-bottom:18px}.sl-escena__lista{gap:14px;padding:18px 16px 12px}.sl-escena__prod{max-width:160px}.sl-escena__dibujo{max-width:112px}.sl-escena__num{width:24px;height:24px;font-size:13px}.sl-escena__lista{padding:18px 16px 12px}.sl-escena__paso{font-size:14px;padding:3px 10px}.sl-escena__cap{font-size:14px;padding:6px 14px}}@media(prefers-reduced-motion:no-preference){.sl-escena--n2 .sl-escena__envoltorio:not(:first-child),.sl-escena--n3 .sl-escena__envoltorio:not(:first-child){display:contents}.sl-escena__lamina{opacity:0}.sl-escena__envoltorio{--sl-base: 0s}.sl-escena__envoltorio:nth-child(2){--sl-base: 5s}.sl-escena__envoltorio:nth-child(3){--sl-base: 10s}.sl-escena--n2 .sl-escena__lamina{animation:sl-esc-lamina-2 10s ease-in-out infinite;animation-delay:var(--sl-base)}.sl-escena--n3 .sl-escena__lamina{animation:sl-esc-lamina-3 15s ease-in-out infinite;animation-delay:var(--sl-base)}.sl-escena--n1 .sl-escena__lamina{opacity:1}.sl-escena--n2 .sl-escena__prod{animation:sl-esc-sube 10s cubic-bezier(.2,.9,.3,1.2) infinite backwards}.sl-escena--n3 .sl-escena__prod{animation:sl-esc-sube 15s cubic-bezier(.2,.9,.3,1.2) infinite backwards}.sl-escena--n2 .sl-escena__num{animation:sl-esc-salto 10s ease-out infinite backwards}.sl-escena--n3 .sl-escena__num{animation:sl-esc-salto 15s ease-out infinite backwards}.sl-escena__prod{--sl-k: 0s}.sl-escena__prod:nth-child(2){--sl-k: .4s}.sl-escena__prod:nth-child(3){--sl-k: .8s}.sl-escena__prod:nth-child(4){--sl-k: 1.2s}.sl-escena__prod:nth-child(5){--sl-k: 1.6s}.sl-escena .sl-escena__prod{animation-delay:calc(var(--sl-base) + var(--sl-k))}.sl-escena .sl-escena__num{animation-delay:calc(var(--sl-base) + var(--sl-k) + .25s)}.sl-escena__cap{--sl-c: 0s}.sl-escena__cap:nth-child(2){--sl-c: 1.05s}.sl-escena__cap:nth-child(3){--sl-c: 2.1s}.sl-escena__cap:nth-child(4){--sl-c: 3.15s}.sl-escena__cap:nth-child(5){--sl-c: 4.2s}.sl-escena--n2 .sl-escena__cap{animation:sl-esc-cap-2 10s ease-in-out infinite}.sl-escena--n3 .sl-escena__cap{animation:sl-esc-cap-3 15s ease-in-out infinite}.sl-escena .sl-escena__cap{animation-delay:calc(var(--sl-base) + 1.9s + var(--sl-c))}@keyframes sl-esc-lamina-2{0%{opacity:0}3%{opacity:1}47%{opacity:1}50%,to{opacity:0}}@keyframes sl-esc-lamina-3{0%{opacity:0}2%{opacity:1}30%{opacity:1}33%,to{opacity:0}}@keyframes sl-esc-sube{0%{opacity:0;translate:0 26px;scale:.85}5%,to{opacity:1;translate:0 0;scale:1}}@keyframes sl-esc-salto{0%{scale:0}4%{scale:1.3}7%,to{scale:1}}@keyframes sl-esc-cap-2{0%,to{background:var(--sl-blanco);color:var(--sl-tinta)}1%,10%{background:var(--sl-tinta);color:var(--sl-blanco)}11%{background:var(--sl-blanco);color:var(--sl-tinta)}}@keyframes sl-esc-cap-3{0%,to{background:var(--sl-blanco);color:var(--sl-tinta)}1%,6.5%{background:var(--sl-tinta);color:var(--sl-blanco)}7.5%{background:var(--sl-blanco);color:var(--sl-tinta)}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sl-escena.css.map */