.ba-pro{padding-top:var(--ba-padding-top);padding-bottom:var(--ba-padding-bottom);background:var(--ba-background)}.ba-pro__container{max-width:120rem}.ba-pro__header{width:min(100%,78rem);margin:0 auto 3rem;text-align:center}.ba-pro__heading{margin:0;color:var(--ba-heading-color);font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.15;letter-spacing:-.02em}.ba-pro__description{margin-top:1.4rem;color:var(--ba-text-color);font-size:1.6rem;line-height:1.6}.ba-pro__description p{margin:0}.ba-pro__comparison{position:relative;width:min(100%,100rem);margin:0 auto;overflow:hidden;border-radius:var(--ba-radius);background:#f2f2f2;box-shadow:0 14px 38px #0000001a;isolation:isolate}.ba-pro--overlay .ba-pro__comparison{height:var(--ba-desktop-height);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}.ba-pro--overlay .ba-pro__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ba-pro--overlay .ba-pro__media--before{z-index:1}.ba-pro--overlay .ba-pro__media--after{z-index:2;clip-path:inset(0 calc(100% - var(--ba-position)) 0 0)}.ba-pro__image,.ba-pro__placeholder{display:block;width:100%;height:100%}.ba-pro--fit-cover .ba-pro__image{object-fit:cover}.ba-pro--fit-contain .ba-pro__image{object-fit:contain;background:#f4f4f4}.ba-pro__placeholder{object-fit:cover;background:#eee}.ba-pro__label{position:absolute;z-index:4;top:1.8rem;display:inline-flex;align-items:center;min-height:3.4rem;padding:.7rem 1.3rem;border-radius:999px;background:var(--ba-label-background);color:var(--ba-label-color);box-shadow:0 4px 14px #00000029;font-size:1.2rem;font-weight:700;line-height:1;letter-spacing:.08em}.ba-pro__label--before{left:1.8rem}.ba-pro__label--after{right:1.8rem}.ba-pro__divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--ba-position);width:3px;transform:translate(-50%);background:var(--ba-line-color);box-shadow:0 0 0 1px #00000014;pointer-events:none}.ba-pro__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:5.4rem;height:5.4rem;transform:translate(-50%,-50%);border-radius:50%;background:var(--ba-handle-background);color:var(--ba-handle-color);box-shadow:0 6px 22px #00000040}.ba-pro__arrow{display:inline-block;margin:0 .2rem;font-size:2.7rem;font-weight:500;line-height:1}.ba-pro__range{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.ba-pro__comparison:focus-within{outline:3px solid rgba(0,0,0,.35);outline-offset:4px}.ba-pro--side-by-side .ba-pro__comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}.ba-pro--side-by-side .ba-pro__media{position:relative;height:var(--ba-desktop-height);overflow:hidden}.ba-pro--side-by-side .ba-pro__media:first-child{border-right:2px solid var(--ba-background)}.ba-pro__instruction{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:1.5rem 0 0;color:var(--ba-text-color);font-size:1.35rem;font-weight:600;text-align:center}.ba-pro__instruction span{font-size:2rem}@media screen and (max-width:749px){.ba-pro__header{margin-bottom:2.2rem}.ba-pro__heading{font-size:clamp(2.4rem,8vw,3.2rem)}.ba-pro__description{font-size:1.45rem}.ba-pro--overlay .ba-pro__comparison{height:var(--ba-mobile-height)}.ba-pro--side-by-side .ba-pro__comparison{grid-template-columns:1fr;overflow:visible;gap:1.2rem;background:transparent;box-shadow:none}.ba-pro--side-by-side .ba-pro__media{height:var(--ba-mobile-height);overflow:hidden;border-radius:var(--ba-radius);box-shadow:0 10px 28px #00000017}.ba-pro--side-by-side .ba-pro__media:first-child{border-right:0}.ba-pro__label{top:1.2rem;min-height:3rem;padding:.6rem 1rem;font-size:1.05rem}.ba-pro__label--before{left:1.2rem}.ba-pro__label--after{right:1.2rem}.ba-pro__handle{width:4.8rem;height:4.8rem}.ba-pro__arrow{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){.ba-pro__divider,.ba-pro__media--after{transition:none}}.ba-pro__divider{width:4px;background:var(--ba-line-color);box-shadow:0 0 0 1px #0000001f,0 0 14px #0000002e}.ba-pro__handle{width:5.8rem;height:5.8rem;border:3px solid rgba(255,255,255,.9);background:var(--ba-handle-background);color:var(--ba-handle-color);box-shadow:0 6px 18px #0000004d,0 0 0 1px #00000014}.ba-pro__arrow{font-size:2.8rem;font-weight:700}@media screen and (max-width:749px){.ba-pro__handle{width:5rem;height:5rem}.ba-pro__arrow{font-size:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/antes-despues-pro.css.map */