.mm-hero{display:flex;flex-direction:column;width:100%}.mm-hero__media{width:100%;height:26.4rem;position:relative;overflow:hidden}.mm-hero__image,.mm-hero__video,.mm-hero__media-fallback{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.mm-hero__content{width:100%}.mm-hero__content-inner{padding:1.4rem 1.6rem 1.8rem;max-width:56rem;margin:0 auto}.mm-hero__heading{margin:0 0 1.6rem;color:rgb(var(--color-secondary-button-text));text-wrap:balance}.mm-hero__advantages{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:0 0 2.4rem;padding:0;list-style:none}.mm-hero__advantage{display:flex;align-items:center;gap:.6rem;color:rgb(var(--color-foreground))}.mm-hero__check{flex-shrink:0;width:1.8rem;height:1.8rem;color:rgb(var(--color-button))}.mm-hero__button{width:100%;min-height:5.2rem;font-weight:var(--font-body-weight-bold)}.mm-hero__pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:2rem 1rem;border-bottom:.1rem solid rgb(var(--color-border))}.mm-hero__paso{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.mm-hero__paso-icono{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:var(--buttons-radius, .8rem);background:rgb(var(--color-background));color:rgb(var(--color-secondary-button-text))}.mm-hero__paso-icono svg{width:2rem;height:2rem}.mm-hero__paso-titulo{margin:0}.mm-hero__paso-descripcion{display:none;margin:.2rem 0 0}@media screen and (min-width:750px){.mm-hero{flex-direction:row;flex-wrap:wrap}.mm-hero__content{order:1;width:50%;display:flex;align-items:center;min-height:44rem}.mm-hero__content-inner{margin:0;padding-left:max(5rem,calc((100vw - var(--page-width)) / 2 + 5rem));padding-right:5rem;max-width:none}.mm-hero__media{order:2;width:50%;height:44rem}.mm-hero__heading{margin-bottom:2.4rem}.mm-hero__advantages{flex-direction:column;gap:1rem;margin-bottom:3.2rem}.mm-hero__button{width:auto;padding-left:4.5rem;padding-right:4.5rem}.mm-hero__pasos{order:3;width:100%;grid-template-columns:repeat(3,1fr);gap:2rem 4rem;padding:3.2rem 5rem}.mm-hero__paso{flex-direction:row;align-items:flex-start;text-align:left;gap:1.6rem}.mm-hero__paso-icono{flex-shrink:0;width:4.8rem;height:4.8rem}.mm-hero__paso-icono svg{width:2.4rem;height:2.4rem}.mm-hero__paso-titulo{margin-bottom:.4rem}.mm-hero__paso-descripcion{display:block}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mundomantel-hero-estatico.css.map */