.proceso-feature__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}@media screen and (min-width:750px){.proceso-feature__grid{grid-template-columns:1fr 1fr;gap:4.5rem}.proceso-feature--image_left .proceso-feature__media{order:1}.proceso-feature--image_left .proceso-feature__content,.proceso-feature--image_right .proceso-feature__media{order:2}.proceso-feature--image_right .proceso-feature__content{order:1}}.proceso-feature__media{overflow:hidden}.proceso-feature__image,.proceso-feature__video,.proceso-feature__placeholder{width:100%;height:auto;display:block;aspect-ratio:4 / 5;object-fit:cover}.proceso-feature__heading{margin:0 0 1rem;font-family:var(--font-heading-family)!important;font-weight:var(--section-title-weight)!important;font-size:var(--section-title-size-mobile)!important}@media only screen and (min-width:750px){.proceso-feature__heading{font-size:var(--section-title-size-desktop)!important}}.proceso-feature__body{font-family:var(--font-body-family);font-size:1.6rem;font-weight:var(--font-body-weight-light);line-height:calc(1 + .6 / var(--font-body-scale));color:rgba(var(--color-foreground),.85)}.proceso-reel{width:100%;max-width:76rem;margin:0 auto}.proceso-reel__row{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;width:100%}@media screen and (max-width:749px){.proceso-reel__row{grid-auto-flow:column;grid-auto-columns:minmax(6.5rem,1fr);overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none}.proceso-reel__row::-webkit-scrollbar{display:none}}.proceso-reel__item{display:flex;flex-direction:column;gap:.6rem}.proceso-reel__slide{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:max(var(--media-radius),1.2rem);background:rgb(var(--color-foreground));opacity:.55;transform:scale(.96);transition:opacity .3s ease,transform .3s ease}.proceso-reel__slide.is-active{opacity:1;transform:scale(1)}.proceso-reel__video,.proceso-reel__placeholder{width:100%;height:100%;object-fit:cover;display:block}.proceso-reel__segment{width:100%;height:.3rem;padding:0;border:none;border-radius:max(var(--media-radius),1.2rem);background:rgba(var(--color-foreground),.15);cursor:pointer;position:relative;overflow:hidden}.proceso-reel__segment-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(0);background:rgb(var(--color-foreground))}.proceso-reel__segment.is-complete .proceso-reel__segment-fill{transform:scaleX(1)}.proceso-reel__segment.is-active .proceso-reel__segment-fill{transition:transform linear}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-proceso.css.map */