.marca-ad-section{width:100%}.marca-ad-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.marca-ad-encabezado{max-width:640px}.marca-ad-titulo{font-size:2.4rem;line-height:1.2;margin:0 0 8px;color:var(--marca-ad-texto)}.marca-ad-subtitulo{font-size:1.5rem;margin:0;color:var(--marca-ad-texto);opacity:.75}.marca-ad-slider{display:block;width:100%;max-width:var(--marca-ad-ancho, 720px)}.marca-ad-imagenes{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--marca-ad-radius, 16px);border:1px solid var(--marca-ad-borde, #e3e0d8);cursor:ew-resize;touch-action:pan-y;background:#f4f3ef;-webkit-user-select:none;user-select:none;box-shadow:0 12px 32px -18px #00000059}.marca-ad-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.marca-ad-img--despues{clip-path:inset(0 calc(100% - var(--marca-ad-pos, 50%)) 0 0);will-change:clip-path}.marca-ad-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#eceae3}.marca-ad-placeholder-svg{width:60%;height:60%;opacity:.35}.marca-ad-badge{position:absolute;top:12px;z-index:2;padding:5px 12px;border-radius:999px;font-size:1.2rem;font-weight:600;letter-spacing:.02em;color:#fff;background:#3a4a4fb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.marca-ad-badge--antes{right:12px}.marca-ad-badge--despues{left:12px;background:var(--marca-ad-primario, #7c9885)}.marca-ad-divisor{position:absolute;top:0;bottom:0;left:var(--marca-ad-pos, 50%);width:var(--marca-ad-grosor, 3px);background:#fff;transform:translate(-50%);z-index:3;pointer-events:none;box-shadow:0 0 0 1px #00000014}.marca-ad-manija{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:var(--marca-ad-primario, #7c9885);display:flex;align-items:center;justify-content:center;gap:1px;box-shadow:0 4px 12px #00000040}@media screen and (max-width:749px){.marca-ad-titulo{font-size:2rem}.marca-ad-subtitulo{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-marca-antes-despues.css.map */