.pe-timeline{--section-padding-x:clamp(1e-20px, calc(1e-20px + (70 - 1e-20) * (100vw - 1023px)), 70px);--section-max-width:1300px;--section-padding:clamp(1e-20px, calc(1e-20px + (50 - 1e-20) * (100vw - 1023px)), 50px) 0;--content-padding-x:clamp(16px, calc(16px + 24*(100vw - 1023px)) , 40px);--content-padding:clamp(40px, calc(40px + 40*(100vw - 1023px)) , 80px) var(--content-padding-x);--items-gap:40px;--item-width:min(calc((880 / 1440) * 100vw),880px);--item-info-gap:10px;--item-info-padding:0 clamp(20px, calc(20px + (62 - 20) * ((100vw - 1100px) / (1440 - 1100) )), 62px);--item-border-radius:clamp(8px, calc(8px + 2*(100vw - 1023px)) , 10px);background-image:url(background-pe-timeline.svg?v19b9aa97128);background-size:cover;background-position:bottom;background-repeat:no-repeat}.pe-timeline-container{width:calc(100% - var(--section-padding-x) * 2);max-width:var(--section-max-width);padding:var(--section-padding);margin:0 auto}.pe-timeline-content{display:flex;flex-direction:column;grid-gap:clamp(24px,calc(24px + 21*(100vw - 1023px)),45px);gap:clamp(24px,calc(24px + 21*(100vw - 1023px)),45px);background-color:#f8f7f9;padding:var(--content-padding);border-radius:clamp(1e-20px,calc(1e-20px + (10 - 1e-20) * (100vw - 1023px)),10px);box-shadow:0 4px 12px #0000000d}.pe-timeline-title{text-align:center;font-family:var(--secondary-font);font-weight:700;font-size:clamp(22px,calc(22px + (32 - 22) * ((100vw - 360px) / (1440 - 360))),32px);line-height:clamp(29px,calc(29px + (49 - 29) * ((100vw - 360px) / (1440 - 360))),49px);color:var(--quaternary-color)}.pe-timeline-items-scroll{display:grid;overflow-x:auto;overflow-y:hidden;overflow:auto hidden;scroll-snap-type:x mandatory;padding-left:var(--content-padding-x);padding-right:var(--content-padding-x);margin-left:calc(var(--content-padding-x) * -1);margin-right:calc(var(--content-padding-x) * -1);scroll-padding-inline:var(--content-padding-x)}.pe-timeline-items-scroll::-webkit-scrollbar{display:none;width:0;height:0}.pe-timeline-items{display:grid;grid-auto-columns:var(--item-width);grid-auto-flow:column;grid-gap:var(--items-gap);gap:var(--items-gap);margin-left:auto;margin-right:auto}.pe-timeline-item{display:grid;grid-template-columns:1fr 1fr;scroll-snap-align:start}.pe-timeline-item-image-wrapper{--aspect-ratio:1;--object-fit:cover;width:100%;height:100%;border-radius:var(--item-border-radius) 0 0 var(--item-border-radius)}.pe-timeline-item-info{z-index:1;display:flex;flex-direction:column;justify-content:center;grid-gap:var(--item-info-gap);gap:var(--item-info-gap);width:100%;aspect-ratio:1;background-color:var(--white);padding:var(--item-info-padding);border-radius:0 var(--item-border-radius) var(--item-border-radius) 0;overflow:hidden}.pe-timeline-item-title{font-weight:700;font-size:24px;line-height:36px}.pe-timeline-item-text,.pe-timeline-item-title{font-family:var(--primary-font);color:var(--quaternary-color)}.pe-timeline-item-text{font-weight:600;font-size:15px;line-height:28px}.pe-timeline-pagination{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overflow:auto hidden}.pe-timeline-pagination::-webkit-scrollbar{display:none;width:0;height:0}.pe-timeline-pagination-item{width:100%;min-width:204px;padding-top:16px;border-top:4px solid var(--white);transition:border-top .3s}.pe-timeline-pagination-item:not(:last-child){padding-right:clamp(40px,calc(40px + 26*(100vw - 1023px)),66px)}.pe-timeline-pagination-item.active{border-top:4px solid var(--primary-color)}.pe-timeline-pagination-item.active .pe-timeline-pagination-text{color:var(--quaternary-color)}.pe-timeline-pagination-text{text-align:center;font-family:var(--secondary-font);font-weight:700;font-size:clamp(13px,calc(13px + (14 - 13) * ((100vw - 360px) / (1440 - 360))),14px);line-height:clamp(18px,calc(18px + (20 - 18) * ((100vw - 360px) / (1440 - 360))),20px);color:#a7a7a7;text-transform:uppercase}@media(max-width:1023px){.pe-timeline-items{grid-auto-columns:auto}.pe-timeline-item{display:flex}.pe-timeline-item-image-wrapper{position:sticky;left:0;align-self:center;width:calc(100vw - 60px);height:calc(100% - 28px);border-radius:var(--item-border-radius)}.pe-timeline-item-info{width:calc(100vw - 48px);aspect-ratio:312/328;border-radius:var(--item-border-radius);margin-left:auto;scroll-snap-align:end}.pe-timeline-pagination-item{width:204px}}
/*# sourceMappingURL=/cdn/shop/t/204/assets/css-page-embajadoras-timeline.css.map */