h2{margin:0;padding-left:16px;padding-right:16px}.beneficios-container>h2,.beneficios-container>p{text-align:center}.beneficios-container{padding-top:80px;padding-bottom:80px}.beneficios-container .beneficios-cards{display:grid;grid-template-columns:[content] minmax(0,.8fr) [media] minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));column-gap:7rem}.beneficios-container .beneficios-cards .beneficios-text{grid-area:1 / content / -1;grid-auto-columns:minmax(0,1fr);align-items:center;display:grid}.beneficios-container .beneficios-cards .beneficio-card{gap:2rem;padding-block:2rem;order:-1;align-content:start;display:grid}.beneficios-container .beneficios-cards .beneficio-card .beneficio-card__contenido img{display:none}.beneficios-container .beneficios-cards .beneficio-card .beneficio-card__contenido span.number{padding-left:16px;font-size:1.25rem;text-transform:uppercase}.beneficios-container .beneficios-cards .beneficios-img{position:sticky;top:13vh;grid-column:media;width:80vh;margin-left:auto}.beneficios-container .beneficios-cards img.beneficio-card__image{aspect-ratio:1/1;width:100%;object-fit:cover;height:100%;will-change:transform;transition:all .6s ease-out;border-radius:8px}.beneficios-container .beneficios-cards .beneficios-img>:not(:first-child){position:absolute;opacity:0;top:0;left:0;clip-path:inset(100% 0px 0px)}.beneficios-container .beneficios-cards img.beneficio-card__image.is-visible{opacity:1;clip-path:inset(0px)}@media (max-width: 480px){.beneficios-container .beneficios-cards{grid-template-columns:1fr;grid-template-rows:1fr}.beneficios-container .beneficios-cards .beneficios-text{grid-area:1}.beneficios-img{display:none}.beneficios-container .beneficios-cards .beneficio-card .beneficio-card__contenido img{display:block;margin-top:2rem}.beneficios-container .beneficios-cards .beneficio-card .beneficio-card__contenido h2{padding:0}.beneficios-container .beneficios-cards .beneficio-card .beneficio-card__contenido p{padding:0!important;margin-bottom:0!important}.beneficios-container .beneficios-cards .beneficio-card .beneficio-card__contenido span.number{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-beneficios-david.css.map */