.antes-despues{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;column-gap:50px}.antes-despues--no-content{grid-template-columns:1fr;justify-items:center}@media screen and (max-width:900px){.antes-despues{grid-template-columns:1fr}}@media screen and (min-width:900px){.antes-despues--slider-first antes-despues-slider{order:-1}}.antes-despues__content .title{margin-top:0}antes-despues-slider{--antes-despues-position: 50%;position:relative;display:block;width:100%;aspect-ratio:16 / 9;margin:0 auto;border-radius:8px;overflow:hidden;isolation:isolate}.antes-despues-slider__after,.antes-despues-slider__before{margin:0}.antes-despues-slider__after{height:100%}.antes-despues-slider__after img{display:block;width:100%;height:100%;object-fit:cover}.antes-despues-slider__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--antes-despues-position)) 0 0)}.antes-despues-slider__before img{display:block;width:100%;height:100%;object-fit:cover}.antes-despues-slider__label{position:absolute;top:16px;z-index:3;background-color:#b8385a;color:#fff;font-family:Segaon Soft Black,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:16px;line-height:1.2;padding:.5rem 1.2rem;border-radius:100px;white-space:nowrap;pointer-events:none}.antes-despues-slider__label--before{left:16px}.antes-despues-slider__label--after{right:16px}@media screen and (max-width:749px){.antes-despues-slider__label{top:10px;padding:.3rem .9rem}.antes-despues-slider__label--before{left:10px}.antes-despues-slider__label--after{right:10px}}antes-despues-slider div.antes-despues-slider__divider{display:block}.antes-despues-slider__divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--antes-despues-position);width:3px;background-color:#e8a0a8;transform:translate(-50%);pointer-events:none}.antes-despues-slider__divider:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background-color:#b8385a;box-shadow:0 2px 8px #00000040;transform:translate(-50%,-50%)}.antes-despues-slider__divider:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:12px;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M7 1.5 2.5 6 7 10.5M17 1.5 21.5 6 17 10.5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain}.antes-despues-slider__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none}.antes-despues-slider__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:40px;height:100%}.antes-despues-slider__range::-moz-range-thumb{width:40px;height:100%;border:none}.antes-despues-stats{margin-top:1rem}.antes-despues-stats__row{display:flex;justify-content:center;align-items:stretch;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff}.antes-despues-stat{display:flex;align-items:center;gap:1.4rem;padding:1.2rem 2.4rem;text-align:left}.antes-despues-stat+.antes-despues-stat{border-left:2px solid #ffffff}.antes-despues-stat__circle{--border-width: .7rem;position:relative;z-index:0;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:7rem;height:7rem;border-radius:50%}.antes-despues-stat__circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;border-radius:50%;background:var(--ring)}.antes-despues-stat__circle:after{content:"";position:absolute;inset:var(--border-width);z-index:-1;border-radius:50%;background:#fff}.antes-despues-stat__circle p{margin:0;color:#b8385a;font-family:Segaon Soft Black,sans-serif;font-size:1.8rem;line-height:1}.antes-despues-stat__text{max-width:14rem;margin:0;color:#b8385a;font-family:Gill Sans,sans-serif;font-size:1.5rem;line-height:1.3}.antes-despues-stats__caption{margin:.8rem 0 0;color:#fff;font-family:Gill Sans,sans-serif;font-size:1.2rem}@media screen and (max-width:749px){.antes-despues-stat{flex:1 1 0;flex-direction:column;padding:1.2rem 1rem;text-align:center}}@media screen and (max-width:900px){.antes-despues-stats{margin-bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-antes-despues.css.map */