:root{--beneficios-bg: #ffffff;--beneficios-border-color: #eeeeee;--beneficio-card-bg: #ffffff;--beneficio-card-bg-hover: #f5f5f5;--beneficio-card-border: rgb(240, 239, 239);--beneficio-title-color: #111111;--beneficio-sub-color: #474747;--beneficio-icon-opacity: .9;--beneficios-arrow-bg: #111111;--beneficios-arrow-bg-hover: #111111;--beneficios-arrow-icon-color: #ffffff;--beneficios-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--beneficio-title-size: 14px;--beneficio-sub-size: 13.2px;--beneficio-line-height: 1.25;--beneficio-title-weight: 500;--beneficios-wrapper-padding: 15px 0;--beneficios-padding-desktop: 0 12px;--beneficios-padding-mobile: 0 12px;--beneficios-gap-desktop: 14px;--beneficios-gap-mobile: 10px;--beneficio-card-padding: 14px 18px;--beneficio-card-radius: 1px;--beneficio-icon-size: 36px;--beneficios-arrow-size: 34px;--beneficios-arrow-icon-size: 26px;--beneficios-arrow-offset: 8px;--beneficio-card-tablet-width: calc(23.333% - 10px) ;--beneficio-card-mobile-width: 63%;--beneficio-transition: all .25s ease;--beneficios-arrow-transition: opacity .3s ease, transform .25s cubic-bezier(.4, 0, .2, 1), background .2s ease}.beneficios-wrapper{width:100%;padding:var(--beneficios-wrapper-padding);border-top:1px solid var(--beneficios-border-color);border-bottom:1px solid var(--beneficios-border-color);position:relative;font-family:var(--beneficios-font-family)}.beneficios{display:flex;gap:var(--beneficios-gap-desktop);width:100%;max-width:100%;margin:0;padding:var(--beneficios-padding-desktop);box-sizing:border-box}.beneficio-card{flex:1;display:flex;align-items:center;gap:14px;padding:var(--beneficio-card-padding);border-radius:var(--beneficio-card-radius);background:var(--beneficio-card-bg);transition:var(--beneficio-transition);min-width:0;border:1px solid var(--beneficio-card-border)}.beneficio-card:hover{background:var(--beneficio-card-bg-hover);transform:translateY(-2px)}.beneficio-link{cursor:pointer}.beneficio-icon{width:var(--beneficio-icon-size);height:var(--beneficio-icon-size);min-width:var(--beneficio-icon-size);display:flex;align-items:center;justify-content:center}.beneficio-icon img{max-width:100%;max-height:100%;object-fit:contain;opacity:var(--beneficio-icon-opacity)}.beneficio-text{display:flex;flex-direction:column;font-size:var(--beneficio-title-size);line-height:var(--beneficio-line-height)}.beneficio-title{font-size:var(--beneficio-title-size);font-weight:var(--beneficio-title-weight);margin-bottom:3px;color:var(--beneficio-title-color)}.beneficio-link .beneficio-title{text-decoration:underline}.beneficio-sub{font-size:var(--beneficio-sub-size);color:var(--beneficio-sub-color)}.beneficios-arrow{position:absolute;top:50%;transform:translateY(-50%) scale(1);z-index:5;width:var(--beneficios-arrow-size);height:var(--beneficios-arrow-size);display:flex;align-items:center;justify-content:center;background:var(--beneficios-arrow-bg)!important;transition:var(--beneficios-arrow-transition)}.beneficios-arrow.button-unstyled--transparent{background:var(--beneficios-arrow-bg)!important}.beneficios-arrow--left{left:var(--beneficios-arrow-offset)}.beneficios-arrow--right{right:var(--beneficios-arrow-offset)}.beneficios-arrow svg{width:var(--beneficios-arrow-icon-size);height:var(--beneficios-arrow-icon-size);color:var(--beneficios-arrow-icon-color)}.beneficios-arrow:hover{background:var(--beneficios-arrow-bg-hover)!important;transform:translateY(-50%) scale(1.08)}.beneficios-arrow:active{transform:translateY(-50%) scale(.9)}.beneficios-arrow.hidden{opacity:0;transform:translateY(-50%) scale(.8);pointer-events:none}.beneficios-arrow:not(.hidden){opacity:1;transform:translateY(-50%) scale(1)}@media(min-width:1350px){.beneficios-arrow{display:none}}@media(max-width:1350px){.beneficios-wrapper{overflow:hidden}.beneficios{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--beneficios-gap-mobile);padding:var(--beneficios-padding-mobile);scroll-padding-left:12px;position:relative;z-index:1;scrollbar-width:none;-ms-overflow-style:none}.beneficios::-webkit-scrollbar{display:none}.beneficio-card{flex:0 0 var(--beneficio-card-tablet-width);scroll-snap-align:center}}@media(max-width:769px){.beneficios-wrapper{overflow:hidden}.beneficios{gap:var(--beneficios-gap-mobile);padding:var(--beneficios-padding-mobile)}.beneficio-card{flex:0 0 var(--beneficio-card-mobile-width);scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/beneficios.css.map */