/* MaiShop Madre Landing v1.0.5 */
.mm-landing {
  --mm-ink: #0d1d26;
  --mm-ink-2: #142b35;
  --mm-muted: #627181;
  --mm-soft: #f4fbfa;
  --mm-soft-2: #eaf8f6;
  --mm-line: rgba(13, 29, 38, .10);
  --mm-surface: rgba(255, 255, 255, .78);
  --mm-white: #ffffff;
  --mm-accent: #16a39b;
  --mm-accent-2: #38c9bd;
  --mm-accent-soft: rgba(56, 201, 189, .16);
  --mm-radius-sm: 18px;
  --mm-radius-md: 28px;
  --mm-radius-lg: 44px;
  --mm-shadow: 0 32px 90px rgba(13, 29, 38, .12);
  --mm-shadow-soft: 0 18px 60px rgba(13, 29, 38, .08);
  color: var(--mm-ink);
  background:
    radial-gradient(circle at 12% 0%, rgba(56,201,189,.22), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(22,163,155,.18), transparent 30%),
    linear-gradient(180deg, #fbfffe 0%, #f7fbfa 45%, #ffffff 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.mm-landing * { box-sizing: border-box; }
.mm-landing a { color: inherit; }
.mm-bg-orb { position: absolute; border-radius: 999px; filter: blur(22px); opacity: .52; pointer-events: none; z-index: -1; }
.mm-bg-orb-one { width: 460px; height: 460px; background: rgba(56,201,189,.18); top: 720px; right: -210px; }
.mm-bg-orb-two { width: 380px; height: 380px; background: rgba(22,163,155,.14); top: 2450px; left: -180px; }
.mm-section {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
  padding: clamp(72px, 10vw, 132px) 0;
}
.mm-section-tight { padding-top: clamp(56px, 7vw, 94px); padding-bottom: clamp(56px, 7vw, 94px); }
.mm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 8px 14px;
  border: 1px solid rgba(56,201,189,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: #0f8a80;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .02em;
}
.mm-landing h1,
.mm-landing h2,
.mm-landing h3,
.mm-landing p { margin-top: 0; }
.mm-landing h1 {
  max-width: 760px;
  font-size: clamp(48px, 7.2vw, 92px);
  line-height: .92;
  letter-spacing: -.075em;
  margin-bottom: 24px;
  color: var(--mm-ink);
}
.mm-landing h2 {
  font-size: clamp(36px, 5.2vw, 72px);
  line-height: .96;
  letter-spacing: -.065em;
  margin-bottom: 20px;
}
.mm-landing h3 {
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.06;
  letter-spacing: -.045em;
  margin-bottom: 10px;
}
.mm-landing p { color: var(--mm-muted); line-height: 1.65; font-size: 17px; }
.mm-lead { max-width: 675px; font-size: clamp(18px, 2vw, 22px) !important; line-height: 1.58 !important; margin-bottom: 30px; }
.mm-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.mm-actions.center { justify-content: center; }
.mm-btn {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 24px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 850;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  will-change: transform;
}
.mm-btn:hover { transform: translateY(-2px); }
.mm-btn-primary { background: var(--mm-accent); color: #fff !important; box-shadow: 0 16px 36px rgba(22,163,155,.28); }
.mm-btn-primary:hover { box-shadow: 0 22px 42px rgba(22,163,155,.34); }
.mm-btn-secondary { color: #0c6d66 !important; background: rgba(255,255,255,.74); border: 1px solid rgba(22,163,155,.26); }
.mm-btn-secondary:hover { background: var(--mm-soft-2); border-color: rgba(22,163,155,.42); }
.mm-text-link { color: #0c8e85 !important; font-weight: 850; text-decoration: none !important; }
.mm-hero {
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 560px);
  gap: clamp(34px, 6vw, 74px);
  align-items: center;
  padding-top: clamp(62px, 8vw, 118px);
}
.mm-proof { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.mm-proof span {
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid var(--mm-line);
  color: var(--mm-muted);
  font-size: 13px;
  font-weight: 850;
}
.mm-hero-visual { position: relative; min-height: 650px; }
.mm-glow-card { position: absolute; inset: 64px 14px auto auto; width: 420px; height: 420px; border-radius: 46px; background: linear-gradient(135deg, rgba(56,201,189,.22), rgba(255,255,255,.72)); transform: rotate(8deg); filter: blur(.1px); }
.mm-browser {
  position: absolute;
  width: min(100%, 560px);
  top: 84px;
  right: 0;
  border-radius: 30px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.94);
  overflow: hidden;
  box-shadow: var(--mm-shadow);
  backdrop-filter: blur(18px);
}
.mm-browser-bar { height: 44px; display: flex; gap: 7px; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--mm-line); }
.mm-browser-bar i { width: 10px; height: 10px; border-radius: 50%; background: #d8e4e1; }
.mm-browser-body { display: grid; grid-template-columns: 130px 1fr; min-height: 380px; }
.mm-mini-sidebar { display: flex; flex-direction: column; gap: 16px; padding: 24px; background: #f2faf8; border-right: 1px solid var(--mm-line); }
.mm-mini-sidebar strong { font-size: 13px; }
.mm-mini-sidebar span { height: 9px; border-radius: 999px; background: #d8e7e4; }
.mm-mini-page { padding: 24px; }
.mm-mini-hero { min-height: 166px; border-radius: 26px; padding: 22px; color: white; background: linear-gradient(135deg, var(--mm-ink), #164942); }
.mm-mini-hero small { display: block; color: rgba(255,255,255,.64); font-weight: 850; margin-bottom: 8px; }
.mm-mini-hero h3 { font-size: 25px; color: white; margin: 0 0 18px; }
.mm-mini-hero em { display: block; width: 96px; height: 32px; border-radius: 999px; background: var(--mm-accent-2); }
.mm-mini-products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }
.mm-mini-products span { height: 98px; border-radius: 18px; background: #fff; border: 1px solid var(--mm-line); box-shadow: 0 8px 26px rgba(13,29,38,.04); }
.mm-mini-line { height: 10px; border-radius: 999px; margin-top: 18px; background: #d8e7e4; }
.mm-mini-line.short { width: 62%; }
.mm-phone {
  position: absolute;
  width: 178px;
  height: 354px;
  right: 380px;
  bottom: 70px;
  border-radius: 38px;
  padding: 11px;
  background: #101e25;
  box-shadow: 0 26px 72px rgba(13,29,38,.28);
  z-index: 2;
}
.mm-phone-notch { width: 58px; height: 16px; border-radius: 999px; background: #101e25; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); z-index: 3; }
.mm-phone-screen { height: 100%; border-radius: 29px; background: linear-gradient(180deg, #f8fffe, #e6f8f5); padding: 42px 14px 14px; }
.mm-phone-visual { height: 116px; border-radius: 22px; background: linear-gradient(135deg, var(--mm-accent), #226c65); margin-bottom: 16px; }
.mm-phone-screen > span { display: block; height: 9px; border-radius: 999px; background: #bfded9; margin-bottom: 8px; }
.mm-phone-screen > span:nth-of-type(2) { width: 64%; }
.mm-phone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; }
.mm-phone-grid i { height: 78px; border-radius: 17px; background: #fff; border: 1px solid var(--mm-line); }
.mm-floating {
  position: absolute;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.9);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 45px rgba(13,29,38,.11);
  animation: mm-float 4.8s ease-in-out infinite;
  z-index: 4;
}
.mm-floating b { width: 38px; height: 38px; border-radius: 14px; background: var(--mm-accent-soft); }
.mm-floating strong { display: block; font-size: 14px; }
.mm-floating small { color: var(--mm-muted); font-weight: 700; }
.mm-floating-one { top: 58px; left: 42px; }
.mm-floating-two { right: 34px; bottom: 76px; animation-delay: .8s; }
@keyframes mm-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
.mm-statement { text-align: center; }
.mm-statement p { font-size: 18px; font-weight: 850; color: #11796f; }
.mm-statement h2 { max-width: 990px; margin-inline: auto; }
.mm-split, .mm-mobile-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(34px, 6vw, 74px); align-items: center; }
.mm-split-copy p:not(.mm-eyebrow) { font-size: 18px; max-width: 650px; }
.mm-feature-list { display: grid; gap: 12px; margin-top: 30px; }
.mm-feature-list article { padding: 18px; border: 1px solid var(--mm-line); border-radius: 18px; background: rgba(255,255,255,.72); }
.mm-feature-list strong { display: block; margin-bottom: 4px; }
.mm-feature-list span { color: var(--mm-muted); }
.mm-panel-window,
.mm-include-card,
.mm-price-card,
.mm-custom-project,
.mm-final-inner {
  background: var(--mm-surface);
  border: 1px solid rgba(255,255,255,.88);
  box-shadow: var(--mm-shadow);
  backdrop-filter: blur(18px);
  border-radius: var(--mm-radius-lg);
}
.mm-panel-window { overflow: hidden; }
.mm-window-dots { height: 48px; display: flex; gap: 8px; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--mm-line); }
.mm-window-dots i { width: 11px; height: 11px; border-radius: 50%; background: #d3e2df; }
.mm-builder-ui { display: grid; grid-template-columns: 190px 1fr; min-height: 360px; }
.mm-builder-ui aside { padding: 26px; background: #f1f8f7; border-right: 1px solid var(--mm-line); display: flex; flex-direction: column; gap: 14px; }
.mm-builder-ui aside strong { margin-bottom: 12px; }
.mm-builder-ui aside span { color: var(--mm-muted); font-weight: 800; font-size: 14px; }
.mm-builder-fields { padding: 30px; display: grid; gap: 12px; }
.mm-builder-fields label { font-size: 13px; font-weight: 850; color: var(--mm-muted); }
.mm-input-line { height: 42px; border-radius: 12px; background: #f1f7f6; border: 1px solid var(--mm-line); }
.mm-input-line.long { width: 100%; }
.mm-color-row { display: flex; gap: 10px; }
.mm-color-row i { width: 42px; height: 42px; border-radius: 14px; background: var(--mm-accent); }
.mm-color-row i:nth-child(2) { background: var(--mm-ink); }
.mm-color-row i:nth-child(3) { background: #e5f7f4; }
.mm-upload-box { height: 82px; display: grid; place-items: center; border-radius: 16px; border: 1px dashed rgba(56,201,189,.5); background: var(--mm-accent-soft); color: #12796f; font-weight: 850; }
.mm-builder-fields button { border: 0; height: 46px; border-radius: 999px; background: var(--mm-ink); color: white; font-weight: 850; }
.mm-section-heading { max-width: 840px; margin: 0 auto 56px; text-align: center; }
.mm-section-heading p:not(.mm-eyebrow) { font-size: 18px; }
.mm-sticky-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: start; }
.mm-sticky-visual { position: sticky; top: 110px; }
.mm-screen-stack { min-height: 520px; border-radius: var(--mm-radius-lg); padding: 34px; background: linear-gradient(135deg, var(--mm-ink), #164942); box-shadow: var(--mm-shadow); display: grid; align-content: center; gap: 18px; }
.mm-stack-card { padding: 28px; border-radius: 26px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.12); color: white; }
.mm-stack-card.active { background: white; color: var(--mm-ink); transform: translateX(16px); }
.mm-stack-card span { display: block; color: var(--mm-accent); font-size: 13px; font-weight: 900; margin-bottom: 10px; }
.mm-stack-card strong { font-size: 24px; letter-spacing: -.03em; }
.mm-sticky-copy { display: grid; gap: 28px; }
.mm-sticky-copy article { min-height: 250px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--mm-line); }
.mm-sticky-copy span { color: var(--mm-accent); font-weight: 900; }
.mm-cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.mm-info-card,
.mm-compare-card,
.mm-timeline-item,
.mm-gallery-card,
.mm-faq-list details {
  border: 1px solid var(--mm-line);
  background: rgba(255,255,255,.72);
  border-radius: var(--mm-radius-md);
  box-shadow: var(--mm-shadow-soft);
}
.mm-info-card { min-height: 245px; padding: 26px; }
.mm-info-card span { color: var(--mm-accent); font-weight: 900; }
.mm-timeline { position: relative; display: grid; gap: 22px; max-width: 900px; margin: auto; }
.mm-timeline:before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--mm-line); }
.mm-timeline-item { width: calc(50% - 32px); padding: 24px; }
.mm-timeline-item:nth-child(even) { margin-left: calc(50% + 32px); }
.mm-timeline-item span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--mm-accent-soft); color: #12796f; font-weight: 900; margin-bottom: 12px; }
.mm-include-card { display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; padding: clamp(30px, 5vw, 52px); }
.mm-check-list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mm-check-list li { padding: 16px 16px 16px 44px; border-radius: 18px; background: #fff; border: 1px solid var(--mm-line); position: relative; font-weight: 800; }
.mm-check-list li:before { content: "✓"; position: absolute; left: 17px; color: #12796f; }
.mm-large-phone-wrap { display: flex; justify-content: center; }
.mm-large-phone { width: 280px; height: 560px; padding: 22px; border-radius: 56px; background: var(--mm-ink); box-shadow: var(--mm-shadow); }
.mm-large-phone div { height: 220px; border-radius: 38px; background: linear-gradient(135deg, var(--mm-accent), #276e67); margin-bottom: 24px; }
.mm-large-phone span { display: block; height: 16px; border-radius: 999px; background: rgba(255,255,255,.18); margin-bottom: 14px; }
.mm-large-phone span:nth-child(3) { width: 72%; }
.mm-large-phone span:nth-child(4) { height: 160px; border-radius: 28px; width: 100%; background: rgba(255,255,255,.10); }
.mm-gallery-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; grid-auto-rows: 220px; gap: 18px; }
.mm-gallery-card { position: relative; overflow: hidden; background: linear-gradient(135deg, rgba(56,201,189,.18), rgba(255,255,255,.85)); display: flex; align-items: flex-end; padding: 24px; font-size: 24px; font-weight: 900; }
.mm-gallery-card:before { content: ""; position: absolute; inset: 22px; border-radius: 24px; background: linear-gradient(135deg, #fff, #e9fbf8); border: 1px solid var(--mm-line); transform: rotate(-2deg); }
.mm-gallery-card span { position: relative; z-index: 1; }
.mm-gallery-card.tall { grid-row: span 2; }
.mm-gallery-card.wide { grid-column: span 2; }
.mm-price-card { max-width: 740px; margin: auto; padding: clamp(34px, 6vw, 58px); text-align: center; }
.mm-price-card h2 { margin-bottom: 14px; }
.mm-price { display: flex; justify-content: center; align-items: baseline; gap: 18px; margin: 20px 0; }
.mm-price span { font-size: clamp(58px, 8vw, 98px); color: var(--mm-ink); font-weight: 950; letter-spacing: -.08em; line-height: 1; }
.mm-price del { color: var(--mm-muted); font-weight: 850; font-size: 28px; }
.mm-compare-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.mm-compare-card { padding: 28px; }
.mm-compare-card.main { background: linear-gradient(135deg, var(--mm-ink), #1a4d47); color: white; transform: translateY(-16px); }
.mm-compare-card.main p { color: rgba(255,255,255,.74); }
.mm-compare-card.main h3 { color: #fff; }
.mm-custom-project { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: clamp(30px, 5vw, 46px); }
.mm-custom-project div { max-width: 760px; }
.mm-faq-list { max-width: 900px; margin: auto; display: grid; gap: 14px; }
.mm-faq-list details { padding: 22px 24px; }
.mm-faq-list summary { cursor: pointer; font-weight: 900; font-size: 18px; }
.mm-faq-list details p { margin: 14px 0 0; }
.mm-final-inner { text-align: center; max-width: 980px; margin: 0 auto; padding: clamp(38px, 7vw, 72px); }
.mm-final-inner h2 { max-width: 820px; margin-inline: auto; }
.mm-final-inner p:not(.mm-eyebrow) { max-width: 640px; margin: 0 auto 28px; font-size: 18px; }
.mm-reveal { opacity: 0; transform: translateY(28px); transition: opacity .85s ease, transform .85s cubic-bezier(.2,.75,.25,1); }
.mm-reveal.mm-slide-left { transform: translateX(48px); }
.mm-reveal.mm-slide-right { transform: translateX(-48px); }
.mm-reveal.is-visible { opacity: 1; transform: translate(0,0); }
.mm-cards-grid .mm-reveal:nth-child(2), .mm-gallery-grid .mm-reveal:nth-child(2) { transition-delay: .08s; }
.mm-cards-grid .mm-reveal:nth-child(3), .mm-gallery-grid .mm-reveal:nth-child(3) { transition-delay: .16s; }
.mm-cards-grid .mm-reveal:nth-child(4), .mm-gallery-grid .mm-reveal:nth-child(4) { transition-delay: .24s; }
@media (max-width: 1024px) {
  .mm-hero, .mm-split, .mm-mobile-section, .mm-sticky-grid, .mm-include-card { grid-template-columns: 1fr; }
  .mm-hero { min-height: auto; }
  .mm-hero-visual { min-height: 560px; }
  .mm-phone { right: auto; left: 5%; }
  .mm-sticky-visual { position: relative; top: auto; }
  .mm-cards-grid, .mm-compare-grid { grid-template-columns: 1fr 1fr; }
  .mm-check-list { grid-template-columns: 1fr; }
  .mm-compare-card.main { transform: none; }
}
@media (max-width: 760px) {
  .mm-section { width: min(100% - 24px, 1180px); padding: 68px 0; }
  .mm-landing h1 { font-size: clamp(43px, 13vw, 64px); }
  .mm-landing h2 { font-size: clamp(34px, 10vw, 52px); }
  .mm-actions { align-items: stretch; }
  .mm-btn { width: 100%; }
  .mm-hero-visual { min-height: 470px; }
  .mm-browser { top: 40px; }
  .mm-browser-body { grid-template-columns: 1fr; }
  .mm-mini-sidebar { display: none; }
  .mm-phone { width: 142px; height: 284px; bottom: 0; left: 0; }
  .mm-floating { display: none; }
  .mm-builder-ui { grid-template-columns: 1fr; }
  .mm-builder-ui aside { border-right: 0; border-bottom: 1px solid var(--mm-line); }
  .mm-screen-stack { min-height: 390px; padding: 20px; }
  .mm-sticky-copy article { min-height: auto; padding: 30px 0; }
  .mm-cards-grid, .mm-compare-grid, .mm-gallery-grid { grid-template-columns: 1fr; }
  .mm-gallery-card.tall, .mm-gallery-card.wide { grid-row: auto; grid-column: auto; }
  .mm-timeline:before { left: 18px; }
  .mm-timeline-item, .mm-timeline-item:nth-child(even) { width: 100%; margin-left: 0; padding-left: 56px; }
  .mm-timeline-item span { position: absolute; left: 0; }
  .mm-price { flex-direction: column; gap: 6px; }
  .mm-custom-project { flex-direction: column; align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  .mm-reveal, .mm-floating, .mm-parallax-slow, .mm-parallax-fast { transition: none !important; animation: none !important; transform: none !important; opacity: 1 !important; }
}

/* MaiShop Madre Landing v1.0.1 · hero editorial premium */
.mm-landing {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background:
    radial-gradient(circle at 8% 34%, rgba(55, 201, 189, .13), transparent 26%),
    radial-gradient(circle at 96% 20%, rgba(186, 222, 204, .26), transparent 28%),
    radial-gradient(circle at 82% 0%, rgba(245, 237, 221, .55), transparent 31%),
    linear-gradient(180deg, #fffdf8 0%, #fbfffd 45%, #ffffff 100%);
}
.mm-hero-editorial {
  width: 100%;
  min-height: auto;
  display: block;
  padding: clamp(54px, 7vw, 90px) 0 clamp(44px, 5vw, 80px);
  position: relative;
  overflow: hidden;
}
.mm-hero-editorial::before {
  content: "";
  position: absolute;
  width: min(54vw, 720px);
  height: min(54vw, 720px);
  border-radius: 999px;
  right: max(-260px, -16vw);
  top: 8%;
  border: 1px solid rgba(48, 151, 140, .10);
  background: radial-gradient(circle, rgba(79, 185, 170, .12), rgba(255,255,255,0) 68%);
  pointer-events: none;
}
.mm-hero-editorial::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: -180px;
  bottom: 12%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(29, 181, 171, .16), transparent 68%);
  pointer-events: none;
}
.mm-hero-inner {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
.mm-hero-editorial .mm-hero-copy {
  max-width: 920px;
  position: relative;
  z-index: 5;
}
.mm-hero-badge {
  padding: 10px 18px;
  margin-bottom: clamp(24px, 4vw, 44px);
  font-size: clamp(14px, 1.5vw, 18px);
  background: rgba(220, 248, 244, .82);
  border: 1px solid rgba(22,163,155,.13);
  color: #244b53;
  box-shadow: 0 14px 34px rgba(19, 132, 124, .09);
}
.mm-hero-badge span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(22,163,155,.16);
  color: #0e9b92;
}
.mm-hero-editorial h1 {
  max-width: 990px;
  margin: 0 0 clamp(22px, 3.6vw, 42px);
  font-family: Georgia, "Times New Roman", ui-serif, serif;
  font-size: clamp(58px, 8.7vw, 122px);
  line-height: .91;
  letter-spacing: -.065em;
  font-weight: 700;
  color: #0d1d26;
  text-wrap: balance;
}
.mm-hero-editorial h1 em {
  color: #1ba59b;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -.058em;
}
.mm-hero-editorial .mm-lead {
  max-width: 670px;
  margin-bottom: 34px;
  font-size: clamp(19px, 2vw, 27px) !important;
  line-height: 1.45 !important;
  color: #586979;
}
.mm-hero-editorial .mm-lead strong { color: #075e58; font-weight: 900; }
.mm-hero-actions { gap: clamp(14px, 2.3vw, 24px); margin-bottom: 28px; }
.mm-hero-editorial .mm-btn {
  min-height: 66px;
  padding-inline: clamp(24px, 4vw, 46px);
  font-size: clamp(16px, 1.65vw, 19px);
  border-radius: 999px;
  gap: 18px;
}
.mm-hero-editorial .mm-btn span { font-size: 1.35em; line-height: 0; }
.mm-hero-editorial .mm-btn-primary {
  background: linear-gradient(135deg, #08776f, #18aaa0);
  box-shadow: 0 22px 44px rgba(9, 129, 119, .17), inset 0 1px 0 rgba(255,255,255,.18);
}
.mm-hero-editorial .mm-btn-secondary {
  background: rgba(255,255,255,.72);
  color: #0b766f;
  border-color: rgba(13,29,38,.18);
  box-shadow: 0 18px 38px rgba(13,29,38,.06);
}
.mm-proof-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: clamp(26px, 5vw, 58px);
}
.mm-proof-pills span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 18px;
  font-size: 17px;
  background: rgba(255,255,255,.76);
  color: #1b2c34;
  border: 1px solid rgba(13,29,38,.10);
  box-shadow: 0 16px 36px rgba(13,29,38,.07);
}
.mm-proof-pills i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(22,163,155,.13);
  color: #0a7069;
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}
.mm-hero-editorial-visual {
  min-height: clamp(520px, 56vw, 720px);
  margin-top: -18px;
  position: relative;
}
.mm-hero-soft-shape {
  position: absolute;
  border-radius: 999px;
  background: rgba(98, 201, 214, .13);
  filter: blur(.2px);
  pointer-events: none;
}
.mm-shape-one { width: 360px; height: 360px; left: -110px; bottom: 20px; }
.mm-shape-two { width: 560px; height: 560px; right: -180px; top: -160px; background: rgba(181, 216, 196, .18); }
.mm-editorial-browser {
  position: absolute;
  width: min(78vw, 850px);
  right: -22px;
  bottom: -8px;
  transform: rotate(-3deg);
  border: 12px solid #11181c;
  border-bottom-width: 18px;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 36px 100px rgba(13,29,38,.18);
  z-index: 2;
}
.mm-editorial-browser-top {
  height: 58px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid rgba(13,29,38,.08);
  background: rgba(255,255,255,.84);
}
.mm-editorial-browser-top strong {
  font-family: Georgia, "Times New Roman", ui-serif, serif;
  font-size: 20px;
  white-space: nowrap;
}
.mm-editorial-browser-top nav {
  display: flex;
  gap: 18px;
  margin-left: auto;
  color: #0d1d26;
  font-size: 12px;
  opacity: .76;
}
.mm-browser-icons { display: flex; gap: 10px; }
.mm-browser-icons i { width: 15px; height: 15px; border: 2px solid #0d1d26; border-radius: 999px; opacity: .72; }
.mm-editorial-store-hero {
  min-height: 300px;
  display: grid;
  grid-template-columns: .72fr 1fr;
  align-items: center;
  padding: 38px;
  background: linear-gradient(100deg, #fffaf3 0%, #f6efe4 55%, #efeadf 100%);
}
.mm-editorial-store-hero h3 {
  max-width: 320px;
  font-family: Georgia, "Times New Roman", ui-serif, serif;
  font-size: clamp(34px, 4vw, 58px);
  color: #101f27;
  line-height: .96;
  letter-spacing: -.055em;
}
.mm-editorial-store-hero p { font-size: 16px; max-width: 260px; color: #59626a; line-height: 1.35; }
.mm-editorial-store-hero a {
  display: inline-flex;
  margin-top: 8px;
  padding: 12px 22px;
  border-radius: 999px;
  background: #149f96;
  color: #fff !important;
  font-weight: 900;
  text-decoration: none !important;
  font-size: 13px;
}
.mm-editorial-product-scene {
  position: relative;
  height: 260px;
  justify-self: stretch;
}
.mm-vase {
  position: absolute;
  width: 110px;
  height: 144px;
  right: 42%;
  bottom: 26px;
  border-radius: 44% 44% 22px 22px;
  background: linear-gradient(145deg, #688064, #2f4d3d);
  box-shadow: inset -12px 0 26px rgba(0,0,0,.12), 0 18px 38px rgba(0,0,0,.11);
}
.mm-plant,
.mm-plant::before,
.mm-plant::after {
  position: absolute;
  content: "";
  border-radius: 90% 0 90% 0;
  background: #4f7450;
  transform-origin: bottom right;
}
.mm-plant { width: 56px; height: 24px; right: 43%; bottom: 174px; transform: rotate(-32deg); }
.mm-plant::before { width: 62px; height: 26px; right: -18px; bottom: 24px; transform: rotate(58deg); }
.mm-plant::after { width: 48px; height: 22px; right: 30px; bottom: 42px; transform: rotate(-36deg); }
.mm-plant.p2 { right: 52%; bottom: 166px; transform: rotate(18deg); opacity: .85; }
.mm-cylinder {
  position: absolute;
  width: 130px;
  height: 168px;
  right: 18%;
  bottom: 22px;
  border-radius: 24px 24px 18px 18px;
  background: repeating-linear-gradient(90deg, #b9844d 0 5px, #d4a66e 5px 9px);
  box-shadow: inset -14px 0 28px rgba(0,0,0,.12), 0 18px 34px rgba(0,0,0,.08);
}
.mm-editorial-products {
  padding: 24px 38px 32px;
  background: #fff;
}
.mm-editorial-products small {
  display: block;
  margin-bottom: 14px;
  font-family: Georgia, "Times New Roman", ui-serif, serif;
  font-size: 18px;
  color: #111e24;
  font-weight: 700;
}
.mm-editorial-products div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mm-editorial-products span {
  height: 118px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f5efe8, #dfd8ce);
  box-shadow: inset 0 0 0 1px rgba(13,29,38,.04);
}
.mm-editorial-products span:nth-child(2) { background: linear-gradient(135deg, #d4c7b7, #f0e8dd); }
.mm-editorial-products span:nth-child(3) { background: linear-gradient(135deg, #e7e0d4, #f8f3ea); }
.mm-editorial-products span:nth-child(4) { background: linear-gradient(135deg, #c4cdbd, #eee8df); }
.mm-hero-stat {
  position: absolute;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(13,29,38,.08);
  box-shadow: 0 18px 46px rgba(13,29,38,.12);
  backdrop-filter: blur(18px);
  color: #111f27;
  z-index: 4;
}
.mm-hero-stat-sales {
  left: 0;
  bottom: 230px;
  width: 140px;
  min-height: 150px;
  display: block;
  padding: 20px;
  animation-duration: 5.2s;
}
.mm-hero-stat-sales strong { display: block; font-size: 14px; margin-bottom: 8px; }
.mm-hero-stat-sales b { display: block; color: #149f96; font-size: 26px; }
.mm-hero-stat-sales small { display: block; color: #687782; font-weight: 700; }
.mm-hero-stat-sales i {
  display: block;
  height: 42px;
  margin-top: 16px;
  border-radius: 8px;
  background: linear-gradient(155deg, transparent 0 30%, rgba(20,159,150,.16) 31% 65%, transparent 66%);
  border-bottom: 3px solid rgba(20,159,150,.55);
}
.mm-hero-stat-cart {
  left: -16px;
  bottom: 58px;
  width: 150px;
  display: grid;
  gap: 4px;
  padding: 22px;
  animation-delay: .6s;
}
.mm-hero-stat-edit {
  right: 34px;
  bottom: 148px;
  width: 160px;
  display: grid;
  gap: 4px;
  padding: 22px;
  animation-delay: 1s;
}
.mm-hero-stat-cart b,
.mm-hero-stat-edit b {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: radial-gradient(circle, #e8fbf8, #d2eee8);
  margin-bottom: 8px;
}
.mm-hero-stat-cart small,
.mm-hero-stat-edit small { color: #5f6f7c; font-weight: 750; }
.mm-hero-editorial .mm-statement { margin-top: 0; }

@media (min-width: 1024px) {
  .mm-hero-editorial .mm-hero-copy { padding-left: clamp(0px, 2vw, 10px); }
  .mm-hero-editorial-visual { margin-left: clamp(80px, 10vw, 160px); }
}
@media (max-width: 900px) {
  .mm-landing { width: 100%; margin-left: 0; margin-right: 0; }
  .mm-hero-editorial { padding-top: 42px; }
  .mm-hero-inner { width: min(100% - 32px, 720px); }
  .mm-hero-editorial h1 {
    font-size: clamp(50px, 14.5vw, 82px);
    line-height: .93;
  }
  .mm-hero-badge {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.25;
  }
  .mm-hero-editorial .mm-lead {
    font-size: 20px !important;
    line-height: 1.55 !important;
  }
  .mm-hero-actions { display: grid; grid-template-columns: 1fr; }
  .mm-hero-editorial .mm-btn {
    justify-content: center;
    width: 100%;
    min-height: 64px;
  }
  .mm-proof-pills { gap: 10px; }
  .mm-proof-pills span { font-size: 14px; min-height: 46px; padding: 8px 12px; }
  .mm-proof-pills i { width: 28px; height: 28px; }
  .mm-hero-editorial-visual {
    min-height: 505px;
    margin-top: 8px;
  }
  .mm-editorial-browser {
    width: 92vw;
    right: -18vw;
    bottom: 24px;
    border-width: 8px;
    border-bottom-width: 14px;
    transform: rotate(-4deg);
  }
  .mm-editorial-browser-top { height: 44px; padding: 0 14px; }
  .mm-editorial-browser-top strong { font-size: 16px; }
  .mm-editorial-browser-top nav { display: none; }
  .mm-editorial-store-hero { min-height: 220px; padding: 24px; grid-template-columns: .86fr 1fr; }
  .mm-editorial-store-hero h3 { font-size: 32px; }
  .mm-editorial-store-hero p { font-size: 13px; }
  .mm-editorial-product-scene { height: 210px; }
  .mm-vase { width: 74px; height: 100px; right: 42%; }
  .mm-plant { right: 40%; bottom: 134px; }
  .mm-cylinder { width: 86px; height: 118px; right: 16%; }
  .mm-editorial-products { padding: 18px 22px 22px; }
  .mm-editorial-products div { grid-template-columns: repeat(4, 74px); gap: 10px; overflow: hidden; }
  .mm-editorial-products span { height: 78px; }
  .mm-hero-stat-sales { left: 0; bottom: 255px; width: 112px; min-height: 120px; padding: 15px; }
  .mm-hero-stat-sales b { font-size: 22px; }
  .mm-hero-stat-cart { left: 0; bottom: 88px; width: 124px; padding: 16px; }
  .mm-hero-stat-edit { right: -4px; bottom: 170px; width: 132px; padding: 16px; }
}
@media (max-width: 460px) {
  .mm-hero-inner { width: min(100% - 30px, 420px); }
  .mm-hero-badge { font-size: 14px; padding: 8px 13px; }
  .mm-hero-badge span { width: 22px; height: 22px; }
  .mm-hero-editorial h1 { font-size: clamp(48px, 16vw, 68px); }
  .mm-hero-editorial .mm-lead { font-size: 18px !important; }
  .mm-hero-editorial-visual { min-height: 470px; }
  .mm-editorial-browser { right: -34vw; width: 112vw; }
  .mm-hero-stat-sales { left: -4px; bottom: 238px; }
  .mm-hero-stat-cart { left: -10px; bottom: 80px; }
  .mm-hero-stat-edit { right: -10px; bottom: 158px; }
}


/* v1.0.3 - Hero más fiel a la propuesta visual elegida */
.mm-hero-editorial {
  padding-top: clamp(50px, 7vw, 92px);
  padding-bottom: clamp(42px, 6vw, 76px);
  background:
    radial-gradient(circle at 84% 20%, rgba(186, 222, 204, .30), transparent 24%),
    radial-gradient(circle at 4% 78%, rgba(22,163,155,.10), transparent 26%),
    linear-gradient(180deg, #fffdf8 0%, #fbfffd 50%, #fff 100%);
}
.mm-hero-editorial .mm-hero-copy { max-width: 1040px; }
.mm-hero-editorial h1 {
  display: grid;
  gap: 0;
  max-width: 980px;
  font-size: clamp(58px, 8.1vw, 118px);
  line-height: .91;
  letter-spacing: -.055em;
  margin-bottom: clamp(22px, 3vw, 34px);
}
.mm-hero-editorial h1 span,
.mm-hero-editorial h1 em {
  display: block;
}
.mm-hero-editorial h1 em {
  color: #1ba59b;
  font-style: italic;
  font-weight: 500;
}
.mm-hero-editorial .mm-lead {
  max-width: 690px;
  font-size: clamp(19px, 1.75vw, 25px) !important;
  line-height: 1.48 !important;
}
.mm-hero-badge {
  width: fit-content;
  max-width: 100%;
  white-space: normal;
}
.mm-hero-editorial-visual {
  margin-top: clamp(18px, 3vw, 34px);
  min-height: clamp(500px, 52vw, 700px);
}
.mm-editorial-browser {
  width: min(78vw, 860px);
  right: clamp(-46px, -3vw, -18px);
  bottom: 0;
  transform: rotate(-3.2deg);
}
.mm-proof-pills { margin-bottom: 0; }

@media (max-width: 900px) {
  .mm-hero-editorial {
    padding-top: 34px;
    padding-bottom: 40px;
  }
  .mm-hero-inner { width: min(100% - 34px, 680px); }
  .mm-hero-editorial .mm-hero-copy { max-width: 100%; }
  .mm-hero-badge {
    font-size: 14px;
    line-height: 1.2;
    padding: 9px 14px;
    margin-bottom: 28px;
  }
  .mm-hero-editorial h1 {
    max-width: 100%;
    font-size: clamp(42px, 11.9vw, 60px);
    line-height: .96;
    letter-spacing: -.047em;
    margin-bottom: 24px;
  }
  .mm-hero-editorial h1 em { letter-spacing: -.045em; }
  .mm-hero-editorial .mm-lead {
    max-width: 100%;
    font-size: clamp(17px, 4.8vw, 21px) !important;
    line-height: 1.5 !important;
    margin-bottom: 24px;
  }
  .mm-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 22px;
  }
  .mm-hero-editorial .mm-btn {
    min-height: 58px;
    width: 100%;
    justify-content: center;
    padding-inline: 20px;
    font-size: 17px;
  }
  .mm-proof-pills {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .mm-proof-pills span {
    min-height: 42px;
    padding: 8px 12px;
    font-size: 14px;
  }
  .mm-proof-pills i { width: 28px; height: 28px; }
  .mm-hero-editorial-visual {
    min-height: 440px;
    margin-top: 24px;
  }
  .mm-editorial-browser {
    width: 104vw;
    right: -39vw;
    bottom: 18px;
    border-width: 8px;
    border-bottom-width: 14px;
    border-radius: 20px 20px 0 0;
    transform: rotate(-4deg);
  }
  .mm-hero-stat-sales { left: -2px; bottom: 226px; }
  .mm-hero-stat-cart { left: -7px; bottom: 58px; }
  .mm-hero-stat-edit { right: -4px; bottom: 140px; }
}

@media (max-width: 460px) {
  .mm-hero-inner { width: min(100% - 30px, 430px); }
  .mm-hero-badge {
    max-width: 92%;
    font-size: 13.5px;
    padding: 8px 12px;
  }
  .mm-hero-editorial h1 {
    font-size: clamp(38px, 11.6vw, 48px);
    line-height: .96;
    letter-spacing: -.043em;
  }
  .mm-hero-editorial .mm-lead {
    font-size: 17px !important;
  }
  .mm-hero-editorial .mm-btn {
    min-height: 56px;
    font-size: 16px;
  }
  .mm-hero-editorial-visual { min-height: 400px; }
  .mm-editorial-browser {
    width: 116vw;
    right: -47vw;
    bottom: 12px;
  }
  .mm-editorial-store-hero { min-height: 190px; padding: 20px; }
  .mm-editorial-store-hero h3 { font-size: 28px; }
  .mm-editorial-product-scene { height: 184px; }
  .mm-hero-stat-sales { transform: scale(.88); transform-origin: left bottom; left: -10px; bottom: 214px; }
  .mm-hero-stat-cart { transform: scale(.88); transform-origin: left bottom; left: -14px; bottom: 48px; }
  .mm-hero-stat-edit { transform: scale(.88); transform-origin: right bottom; right: -14px; bottom: 126px; }
}

/* v1.0.3 - Hero final MaiShop Basic: composición fiel a la propuesta blanca */
.mm-hero-final {
  display: block !important;
  min-height: 0 !important;
  padding: clamp(44px, 6vw, 76px) 0 clamp(22px, 4vw, 42px) !important;
  background:
    radial-gradient(circle at 87% 24%, rgba(190, 224, 207, .32) 0 0, transparent 28%),
    radial-gradient(circle at 3% 82%, rgba(22, 163, 155, .10), transparent 25%),
    linear-gradient(180deg, #fffdf8 0%, #fbfffd 50%, #ffffff 100%) !important;
  overflow: hidden;
}

.mm-hero-final-inner {
  width: min(100% - 48px, 1080px);
  margin-inline: auto;
}

.mm-hero-final-copy {
  max-width: 970px;
}

.mm-hero-final .mm-hero-badge {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 clamp(26px, 3.8vw, 40px);
  padding: 9px 18px 9px 11px;
  border-radius: 999px;
  background: rgba(218, 248, 244, .86);
  border: 1px solid rgba(22, 163, 155, .16);
  box-shadow: 0 12px 32px rgba(22, 163, 155, .07);
  color: #58706f;
  font-size: clamp(14px, 1.45vw, 19px);
  line-height: 1.12;
  letter-spacing: -.015em;
  font-weight: 750;
}

.mm-hero-final .mm-hero-badge span {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 29px;
  height: 29px;
  border-radius: 999px;
  color: #149f96;
  background: rgba(255,255,255,.58);
}

.mm-final-title {
  max-width: 1000px !important;
  display: grid;
  gap: 0;
  margin: 0 0 clamp(24px, 3vw, 36px) !important;
  color: #0d1d26 !important;
  font-family: Georgia, "Times New Roman", ui-serif, serif !important;
  font-size: clamp(72px, 7.8vw, 114px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  font-weight: 800 !important;
}

.mm-final-title span,
.mm-final-title em {
  display: block;
}

.mm-final-title em {
  color: #1aa399;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -.055em;
}

.mm-hero-final .mm-lead {
  max-width: 720px;
  margin: 0 0 clamp(28px, 3vw, 42px);
  color: #536879;
  font-size: clamp(20px, 1.75vw, 27px) !important;
  line-height: 1.48 !important;
}

.mm-hero-final .mm-lead strong {
  color: #006f68;
  font-weight: 900;
}

.mm-hero-final .mm-hero-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(14px, 2vw, 28px);
  margin: 0 0 clamp(26px, 3.2vw, 42px);
}

.mm-hero-final .mm-btn {
  min-height: clamp(54px, 4.8vw, 72px);
  padding: 15px clamp(24px, 3.2vw, 42px);
  font-size: clamp(16px, 1.3vw, 21px);
  border-radius: 999px;
  white-space: nowrap;
}

.mm-hero-final .mm-btn-primary {
  background: linear-gradient(135deg, #00665f, #15aaa0);
  box-shadow: 0 18px 42px rgba(16, 145, 136, .24);
}

.mm-hero-final .mm-btn-secondary {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(13,29,38,.20);
  color: #006f68 !important;
}

.mm-hero-final .mm-proof-pills {
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(10px, 1.8vw, 20px);
  margin: 0 0 clamp(8px, 1.2vw, 16px);
}

.mm-hero-final .mm-proof-pills span {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 18px 11px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(13,29,38,.08);
  box-shadow: 0 12px 32px rgba(13,29,38,.07);
  color: #1d2d35;
  font-size: clamp(14px, 1.25vw, 19px);
  font-weight: 760;
  white-space: nowrap;
}

.mm-hero-final .mm-proof-pills i {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: radial-gradient(circle, #eefbf8, #d7eee7);
  color: #075e58;
  font-size: 13px;
  font-style: normal;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgba(22,163,155,.08);
}

.mm-hero-final .mm-proof-pills .mm-proof-panel {
  border-color: rgba(22, 163, 155, .32);
  background: linear-gradient(135deg, rgba(233, 250, 247, .96), rgba(255, 255, 255, .88));
  color: #075e58;
  box-shadow: 0 18px 40px rgba(22, 163, 155, .14);
}

.mm-hero-final .mm-proof-pills .mm-proof-panel i {
  background: linear-gradient(135deg, #0a756e, #19b6ab);
  color: #ffffff;
}

.mm-hero-showcase {
  position: relative;
  margin-top: clamp(8px, 1.4vw, 20px);
  margin-left: clamp(-26px, -1.5vw, 0px);
  margin-right: clamp(-26px, -1.5vw, 0px);
  pointer-events: none;
}

.mm-hero-showcase img {
  display: block;
  width: min(100%, 1050px);
  height: auto;
  margin-inline: auto;
  filter: drop-shadow(0 32px 52px rgba(13,29,38,.08));
}

@media (min-width: 1180px) {
  .mm-hero-final-inner { width: min(100% - 80px, 1180px); }
  .mm-hero-showcase img { width: min(100%, 1080px); }
}

@media (max-width: 760px) {
  .mm-hero-final {
    padding-top: 34px !important;
    padding-bottom: 24px !important;
  }
  .mm-hero-final-inner {
    width: min(100% - 34px, 520px);
  }
  .mm-hero-final .mm-hero-badge {
    gap: 7px;
    margin: 0 auto 24px;
    padding: 7px 12px 7px 8px;
    font-size: clamp(12px, 3.35vw, 14px);
    line-height: 1.15;
    letter-spacing: 0;
  }
  .mm-hero-final .mm-hero-badge span {
    width: 22px;
    height: 22px;
    font-size: 12px;
  }
  .mm-final-title {
    max-width: 100% !important;
    font-size: clamp(36px, 12.25vw, 58px) !important;
    line-height: .92 !important;
    letter-spacing: -.052em !important;
    margin-bottom: 22px !important;
    overflow-wrap: normal;
  }
  .mm-final-title span,
  .mm-final-title em {
    white-space: normal;
  }
  .mm-hero-final .mm-lead {
    max-width: 100%;
    font-size: clamp(16px, 4.45vw, 19px) !important;
    line-height: 1.52 !important;
    margin-bottom: 24px;
  }
  .mm-hero-final .mm-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 22px;
  }
  .mm-hero-final .mm-btn {
    width: 100%;
    min-height: 54px;
    padding: 13px 16px;
    justify-content: center;
    gap: 10px;
    font-size: clamp(14px, 4vw, 17px);
  }
  .mm-hero-final .mm-proof-pills {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 14px;
  }
  .mm-hero-final .mm-proof-pills span {
    min-height: 42px;
    padding: 8px 8px;
    gap: 7px;
    justify-content: center;
    font-size: clamp(11px, 3vw, 13px);
  }
  .mm-hero-final .mm-proof-pills .mm-proof-panel {
    grid-column: 1 / -1;
    width: min(82%, 280px);
    justify-self: center;
    min-height: 46px;
    font-size: clamp(12px, 3.4vw, 14px);
  }
  .mm-hero-final .mm-proof-pills i {
    width: 26px;
    height: 26px;
    font-size: 9px;
  }
  .mm-hero-showcase {
    margin-top: 8px;
    margin-left: -18px;
    margin-right: -18px;
  }
  .mm-hero-showcase img {
    width: 112%;
    max-width: none;
    transform: translateX(-2%);
  }
}

@media (max-width: 360px) {
  .mm-hero-final-inner { width: min(100% - 28px, 520px); }
  .mm-final-title { font-size: clamp(29px, 9vw, 34px) !important; }
  .mm-hero-final .mm-hero-actions { grid-template-columns: 1fr; }
  .mm-hero-final .mm-proof-pills { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mm-hero-final .mm-proof-pills .mm-proof-panel { grid-column: 1 / -1; }
}


/* v1.0.4 - Ajustes responsive del hero premium */
.mm-hero-final,
.mm-hero-final-inner,
.mm-hero-final-copy {
  max-width: 100%;
}
.mm-final-title {
  overflow-wrap: normal;
}
@media (max-width: 760px) {
  .mm-landing {
    width: 100vw;
    max-width: 100vw;
  }
  .mm-hero-final-copy {
    overflow: visible;
  }
}

/* v1.0.5 - Hero mobile más compacto, centrado y sin cortes laterales */
@media (max-width: 760px) {
  .mm-hero-final {
    padding-top: 28px !important;
    padding-bottom: 20px !important;
    text-align: center;
  }

  .mm-hero-final-inner {
    width: min(100% - 42px, 460px) !important;
    margin-inline: auto !important;
  }

  .mm-hero-final-copy {
    width: 100%;
    max-width: 430px;
    margin-inline: auto;
    text-align: center;
    overflow: visible;
  }

  .mm-hero-final .mm-hero-badge {
    margin-inline: auto !important;
    margin-bottom: 22px !important;
    padding: 6px 11px 6px 7px !important;
    font-size: clamp(11px, 3.05vw, 13px) !important;
    max-width: max-content;
  }

  .mm-hero-final .mm-hero-badge span {
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important;
  }

  .mm-final-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 22px !important;
    text-align: center !important;
    font-size: clamp(36px, 9.15vw, 49px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .mm-final-title span,
  .mm-final-title em {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  .mm-final-title span:nth-of-type(2) {
    max-width: 9.5em !important;
    margin-inline: auto !important;
  }

  .mm-final-title em {
    font-size: .96em !important;
    line-height: 1 !important;
  }

  .mm-hero-final .mm-lead {
    max-width: 410px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 23px !important;
    text-align: center !important;
    font-size: clamp(15px, 3.9vw, 17px) !important;
    line-height: 1.55 !important;
  }

  .mm-hero-final .mm-hero-actions {
    max-width: 390px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
  }

  .mm-hero-final .mm-btn {
    width: 100%;
    max-width: 390px;
    min-height: 52px !important;
    padding: 12px 18px !important;
    font-size: clamp(14px, 3.65vw, 16px) !important;
    margin-inline: auto;
  }

  .mm-hero-final .mm-proof-pills {
    width: 100%;
    max-width: 390px;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center;
    justify-content: center;
  }

  .mm-hero-final .mm-proof-pills span {
    width: 100%;
    min-width: 0;
    min-height: 42px !important;
    padding: 8px 9px !important;
    font-size: clamp(10.5px, 2.75vw, 12.5px) !important;
    white-space: nowrap;
  }

  .mm-hero-final .mm-proof-pills .mm-proof-panel {
    grid-column: 1 / -1 !important;
    width: min(100%, 285px) !important;
    justify-self: center !important;
    font-size: clamp(11.5px, 3.1vw, 13.5px) !important;
  }

  .mm-hero-showcase {
    width: 100%;
    max-width: 430px;
    margin: 10px auto 0 !important;
  }

  .mm-hero-showcase img {
    width: 108% !important;
    max-width: none !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 420px) {
  .mm-hero-final-inner {
    width: min(100% - 36px, 420px) !important;
  }

  .mm-final-title {
    font-size: clamp(34px, 10.2vw, 43px) !important;
  }

  .mm-hero-final .mm-lead {
    font-size: clamp(14.5px, 4.05vw, 16.5px) !important;
  }
}

@media (max-width: 360px) {
  .mm-hero-final-inner {
    width: min(100% - 30px, 360px) !important;
  }

  .mm-final-title {
    font-size: clamp(31px, 9.8vw, 36px) !important;
  }

  .mm-hero-final .mm-proof-pills span {
    font-size: 10.5px !important;
    gap: 5px !important;
  }
}

/* v1.0.6 - Hero móvil: alineado a la izquierda, tamaño potente y sin cortes */
.mm-final-title .mm-title-mobile {
  display: none;
}

@media (max-width: 760px) {
  .mm-landing {
    overflow-x: hidden;
  }

  .mm-hero-final {
    text-align: left !important;
  }

  .mm-hero-final-inner {
    width: min(calc(100vw - 32px), 520px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-inline: auto !important;
  }

  .mm-hero-final-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    text-align: left !important;
  }

  .mm-hero-final .mm-hero-badge {
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: 24px !important;
    max-width: fit-content !important;
  }

  .mm-final-title {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    font-size: clamp(42px, 11.8vw, 58px) !important;
    line-height: .94 !important;
    letter-spacing: -.052em !important;
    overflow: visible !important;
  }

  .mm-final-title .mm-title-desktop {
    display: none !important;
  }

  .mm-final-title .mm-title-mobile,
  .mm-final-title > span:not(.mm-title-desktop),
  .mm-final-title > em {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    white-space: normal !important;
  }

  .mm-final-title em {
    font-size: 1em !important;
    line-height: .96 !important;
  }

  .mm-hero-final .mm-lead {
    max-width: 470px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    font-size: clamp(16.5px, 4.35vw, 19px) !important;
    line-height: 1.52 !important;
  }

  .mm-hero-final .mm-hero-actions {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .mm-hero-final .mm-btn {
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  .mm-hero-final .mm-proof-pills {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .mm-hero-final .mm-proof-pills .mm-proof-panel {
    width: min(86%, 310px) !important;
    justify-self: center !important;
  }

  .mm-hero-showcase {
    width: 100% !important;
    max-width: 520px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mm-hero-showcase img {
    width: 112% !important;
    max-width: none !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 420px) {
  .mm-final-title {
    font-size: clamp(38px, 11.6vw, 46px) !important;
  }

  .mm-hero-final .mm-lead {
    font-size: clamp(15.5px, 4.15vw, 17px) !important;
  }
}

@media (max-width: 360px) {
  .mm-hero-final-inner {
    width: min(calc(100vw - 28px), 360px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .mm-final-title {
    font-size: clamp(34px, 10.7vw, 39px) !important;
  }

  .mm-hero-final .mm-proof-pills span {
    font-size: 10.5px !important;
  }
}


/* v1.0.7 - Corrección real de overflow móvil: full-bleed alineado al viewport, no al contenedor Astra */
.mm-landing,
.mm-landing * {
  box-sizing: border-box;
}

.mm-landing {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  .mm-landing { overflow-x: hidden; }
}

@media (max-width: 760px) {
  .mm-landing {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: clip !important;
  }

  @supports not (overflow: clip) {
    .mm-landing { overflow-x: hidden !important; }
  }

  .mm-hero-final {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
    text-align: left !important;
  }

  @supports not (overflow: clip) {
    .mm-hero-final { overflow-x: hidden !important; }
  }

  .mm-hero-final-inner {
    width: min(calc(100vw - 44px), 520px) !important;
    max-width: calc(100vw - 44px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mm-hero-final-copy {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    min-width: 0 !important;
  }

  .mm-hero-final .mm-hero-badge {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .mm-final-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
    font-size: clamp(43px, 11.2vw, 60px) !important;
    line-height: .93 !important;
    letter-spacing: -.052em !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: normal !important;
  }

  .mm-final-title span,
  .mm-final-title em {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  .mm-final-title .mm-title-desktop {
    display: none !important;
  }

  .mm-final-title .mm-title-mobile {
    display: block !important;
  }

  .mm-final-title em {
    font-size: 1em !important;
    line-height: .96 !important;
  }

  .mm-hero-final .mm-lead {
    width: 100% !important;
    max-width: 470px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    overflow-wrap: normal !important;
  }

  .mm-hero-final .mm-hero-actions,
  .mm-hero-final .mm-proof-pills {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .mm-hero-final .mm-btn {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
  }

  .mm-hero-final .mm-proof-pills {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mm-hero-final .mm-proof-pills span {
    min-width: 0 !important;
    width: 100% !important;
    white-space: nowrap !important;
  }

  .mm-hero-final .mm-proof-pills .mm-proof-panel {
    grid-column: 1 / -1 !important;
    width: min(88%, 310px) !important;
    justify-self: center !important;
  }

  .mm-hero-showcase {
    width: 100% !important;
    max-width: 520px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  .mm-hero-showcase img {
    width: 112% !important;
    max-width: none !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 420px) {
  .mm-hero-final-inner {
    width: min(calc(100vw - 34px), 420px) !important;
    max-width: calc(100vw - 34px) !important;
  }

  .mm-final-title {
    font-size: clamp(38px, 10.6vw, 47px) !important;
  }

  .mm-hero-final .mm-lead {
    font-size: clamp(15.5px, 4.1vw, 17.2px) !important;
  }
}

@media (max-width: 360px) {
  .mm-hero-final-inner {
    width: min(calc(100vw - 28px), 360px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .mm-final-title {
    font-size: clamp(34px, 10.2vw, 39px) !important;
  }

  .mm-hero-final .mm-btn {
    font-size: 14px !important;
  }
}


/* MaiShop Madre v1.0.8: responsive premium showcase */
.mm-responsive-showcase {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 100vh;
    padding: clamp(84px, 10vw, 140px) 24px;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
    grid-template-areas:
        "copy stage"
        "controls stage";
    align-items: center;
    gap: clamp(28px, 5vw, 74px);
    background:
        radial-gradient(circle at 18% 24%, rgba(77, 169, 166, .16), transparent 34%),
        radial-gradient(circle at 82% 58%, color-mix(in srgb, var(--mm-showcase-tone, #4DA9A6) 22%, transparent), transparent 38%),
        linear-gradient(180deg, #ffffff 0%, #fafafb 100%);
}

.mm-responsive-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(16,32,43,.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(16,32,43,.035) 1px, transparent 1px);
    background-size: 74px 74px;
    mask-image: radial-gradient(circle at 50% 50%, #000 0%, transparent 68%);
    opacity: .55;
}

.mm-responsive-bg {
    position: absolute;
    inset: auto auto 10% 50%;
    width: min(620px, 70vw);
    aspect-ratio: 1;
    transform: translateX(-10%);
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--mm-showcase-tone, #4DA9A6) 34%, transparent) 0%, transparent 67%);
    filter: blur(26px);
    opacity: .85;
    transition: background .55s ease, opacity .55s ease, transform .55s ease;
}

.mm-responsive-copy {
    grid-area: copy;
    max-width: 620px;
    justify-self: end;
}

.mm-responsive-copy h2 {
    max-width: 760px;
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(46px, 7vw, 96px);
    line-height: .96;
    letter-spacing: -0.065em;
    color: #10202b;
}

.mm-responsive-copy p:not(.mm-eyebrow) {
    max-width: 540px;
    margin: 24px 0 0;
    color: #5f6977;
    font-size: clamp(17px, 1.45vw, 22px);
    line-height: 1.55;
}

.mm-responsive-stage {
    grid-area: stage;
    position: relative;
    display: grid;
    place-items: center;
    min-height: min(860px, 86vh);
    perspective: 1400px;
}

.mm-responsive-phone {
    position: relative;
    width: min(470px, 40vw);
    min-width: 320px;
    border-radius: 44px;
    padding: clamp(14px, 1.8vw, 20px);
    background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(244,247,248,.96));
    border: 1px solid rgba(16,32,43,.08);
    box-shadow:
        0 34px 92px rgba(16,32,43,.16),
        0 10px 28px rgba(16,32,43,.08);
    transform: rotateX(0deg) rotateY(-5deg) rotateZ(.65deg);
    transition: transform .55s ease, box-shadow .55s ease;
}

.mm-responsive-phone:hover {
    transform: rotateX(0deg) rotateY(-2deg) rotateZ(0deg) translateY(-6px);
    box-shadow:
        0 42px 116px rgba(16,32,43,.18),
        0 14px 34px rgba(16,32,43,.10);
}

.mm-responsive-phone::before {
    display: none;
}

.mm-responsive-phone::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 34px;
    pointer-events: none;
    z-index: 1;
    box-shadow: inset 0 0 0 1px rgba(16,32,43,.06);
}

.mm-responsive-phone-glass {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: radial-gradient(circle at top left, rgba(255,255,255,.98), rgba(241,244,245,.96));
    aspect-ratio: 1024 / 1536;
    display: grid;
    place-items: center;
    padding: clamp(10px, 1.2vw, 14px);
}

.mm-responsive-phone-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1);
    opacity: 1;
    transition: opacity .42s ease, transform .62s cubic-bezier(.2,.8,.2,1), filter .42s ease;
}

.mm-responsive-phone-img.is-switching {
    opacity: 0;
    transform: translateY(18px) scale(.992);
    filter: blur(8px);
}

.mm-responsive-orbit {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mm-orbit-dot {
    position: absolute;
    display: block;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mm-showcase-tone, #4DA9A6) 68%, #ffffff);
    box-shadow: 0 18px 48px color-mix(in srgb, var(--mm-showcase-tone, #4DA9A6) 30%, transparent);
    opacity: .5;
    animation: mmFloatDot 7s ease-in-out infinite;
}

.mm-orbit-dot.dot-one {
    width: 74px;
    height: 74px;
    top: 13%;
    left: 8%;
}

.mm-orbit-dot.dot-two {
    width: 34px;
    height: 34px;
    top: 18%;
    right: 12%;
    animation-delay: -2.3s;
}

.mm-orbit-dot.dot-three {
    width: 46px;
    height: 46px;
    bottom: 16%;
    left: 17%;
    animation-delay: -4.1s;
}

@keyframes mmFloatDot {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
    50% { transform: translate3d(0, -18px, 0) scale(1.08); }
}

.mm-responsive-controls {
    grid-area: controls;
    justify-self: end;
    align-self: start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 560px;
    margin-top: -10px;
}

.mm-responsive-controls button {
    appearance: none;
    border: 1px solid rgba(16,32,43,.10);
    background: rgba(255,255,255,.72);
    color: #10202b;
    border-radius: 999px;
    padding: 12px 16px;
    font: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 34px rgba(16,32,43,.07);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.mm-responsive-controls button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 42px rgba(16,32,43,.10);
}

.mm-responsive-controls button.is-active {
    color: #ffffff;
    background: var(--mm-showcase-tone, #4DA9A6);
    border-color: color-mix(in srgb, var(--mm-showcase-tone, #4DA9A6) 78%, #ffffff);
}

@media (max-width: 980px) {
    .mm-responsive-showcase {
        min-height: auto;
        padding: 76px 18px 82px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "copy"
            "stage"
            "controls";
        text-align: center;
        gap: 24px;
    }

    .mm-responsive-copy,
    .mm-responsive-controls {
        justify-self: center;
    }

    .mm-responsive-copy p:not(.mm-eyebrow) {
        margin-left: auto;
        margin-right: auto;
    }

    .mm-responsive-stage {
        min-height: auto;
    }

    .mm-responsive-phone {
        width: min(360px, 82vw);
        min-width: 0;
        transform: none;
    }

    .mm-responsive-phone:hover {
        transform: translateY(-4px);
    }

    .mm-responsive-controls {
        justify-content: center;
        margin-top: 4px;
    }
}

@media (max-width: 560px) {
    .mm-responsive-showcase {
        padding: 58px 14px 70px;
    }

    .mm-responsive-copy h2 {
        font-size: clamp(38px, 13vw, 60px);
    }

    .mm-responsive-copy p:not(.mm-eyebrow) {
        font-size: 16px;
    }

    .mm-responsive-phone {
        width: min(318px, 86vw);
        border-radius: 42px;
        padding: 7px;
    }

    .mm-responsive-phone::before {
        width: 92px;
        height: 28px;
        top: 17px;
    }

    .mm-responsive-phone-glass {
        border-radius: 34px;
    }

    .mm-responsive-controls {
        gap: 8px;
    }

    .mm-responsive-controls button {
        padding: 10px 13px;
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mm-orbit-dot {
        animation: none !important;
    }

    .mm-responsive-phone,
    .mm-responsive-phone-img,
    .mm-responsive-controls button,
    .mm-responsive-bg {
        transition: none !important;
    }
}


/* MaiShop Madre v1.0.11: tarjetas con spotlight automático visible */
.mm-feature-list--alive {
    position: relative;
}

.mm-feature-list--alive article {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transform: translateY(0) scale(1);
    border-color: rgba(16,32,43,.10);
    background: rgba(255,255,255,.88);
    box-shadow: 0 12px 34px rgba(16,32,43,.055);
    animation: mmFeatureSpotlight 9s cubic-bezier(.2,.8,.2,1) infinite;
    transition:
        transform .26s ease,
        border-color .26s ease,
        box-shadow .26s ease;
}

.mm-feature-list--alive article:nth-child(1) {
    animation-delay: 0s;
}

.mm-feature-list--alive article:nth-child(2) {
    animation-delay: -6s;
}

.mm-feature-list--alive article:nth-child(3) {
    animation-delay: -3s;
}

.mm-feature-list--alive article::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 14% 18%, rgba(15, 159, 154, .22), transparent 44%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,253,252,.82));
    opacity: 0;
    animation: mmFeatureGlow 9s ease-in-out infinite;
}

.mm-feature-list--alive article:nth-child(1)::before {
    animation-delay: 0s;
}

.mm-feature-list--alive article:nth-child(2)::before {
    animation-delay: -6s;
}

.mm-feature-list--alive article:nth-child(3)::before {
    animation-delay: -3s;
}

.mm-feature-list--alive article::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--mm-accent, #0F9F9A), rgba(15,159,154,.22));
    transform: scaleX(0);
    transform-origin: left center;
    opacity: 0;
    animation: mmFeatureProgress 9s linear infinite;
}

.mm-feature-list--alive article:nth-child(1)::after {
    animation-delay: 0s;
}

.mm-feature-list--alive article:nth-child(2)::after {
    animation-delay: -6s;
}

.mm-feature-list--alive article:nth-child(3)::after {
    animation-delay: -3s;
}

.mm-feature-list--alive article em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 12px;
    color: var(--mm-accent, #0F9F9A);
    font-size: 12px;
    font-style: normal;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .82;
    animation: mmFeatureNumber 9s ease-in-out infinite;
}

.mm-feature-list--alive article:nth-child(1) em {
    animation-delay: 0s;
}

.mm-feature-list--alive article:nth-child(2) em {
    animation-delay: -6s;
}

.mm-feature-list--alive article:nth-child(3) em {
    animation-delay: -3s;
}

.mm-feature-list--alive article strong,
.mm-feature-list--alive article span {
    position: relative;
    z-index: 1;
}

.mm-feature-list--alive article:hover {
    transform: translateY(-3px) scale(1.006);
    box-shadow: 0 18px 48px rgba(16,32,43,.09);
}

/* Estado activo: 0% - 24%. En cada tarjeta va desplazado con animation-delay. */
@keyframes mmFeatureSpotlight {
    0%, 24% {
        transform: translateY(-9px) scale(1.018);
        border-color: rgba(15, 159, 154, .55);
        background: rgba(255,255,255,.98);
        box-shadow:
            0 32px 84px rgba(16,32,43,.16),
            0 0 0 1px rgba(15,159,154,.16);
    }
    31%, 100% {
        transform: translateY(0) scale(1);
        border-color: rgba(16,32,43,.10);
        background: rgba(255,255,255,.88);
        box-shadow: 0 12px 34px rgba(16,32,43,.055);
    }
}

@keyframes mmFeatureGlow {
    0%, 24% {
        opacity: 1;
    }
    31%, 100% {
        opacity: 0;
    }
}

@keyframes mmFeatureProgress {
    0% {
        opacity: 1;
        transform: scaleX(0);
    }
    24% {
        opacity: 1;
        transform: scaleX(1);
    }
    31%, 100% {
        opacity: 0;
        transform: scaleX(0);
    }
}

@keyframes mmFeatureNumber {
    0%, 24% {
        opacity: 1;
        transform: translateX(4px);
    }
    31%, 100% {
        opacity: .82;
        transform: translateX(0);
    }
}

@media (max-width: 700px) {
    .mm-feature-list--alive article:hover {
        transform: none;
    }

    @keyframes mmFeatureSpotlight {
        0%, 24% {
            transform: translateY(-5px) scale(1.01);
            border-color: rgba(15, 159, 154, .55);
            background: rgba(255,255,255,.98);
            box-shadow:
                0 24px 64px rgba(16,32,43,.14),
                0 0 0 1px rgba(15,159,154,.16);
        }
        31%, 100% {
            transform: translateY(0) scale(1);
            border-color: rgba(16,32,43,.10);
            background: rgba(255,255,255,.88);
            box-shadow: 0 12px 34px rgba(16,32,43,.055);
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .mm-feature-list--alive article,
    .mm-feature-list--alive article::before,
    .mm-feature-list--alive article::after,
    .mm-feature-list--alive article em {
        animation: none !important;
        transition: none !important;
    }

    .mm-feature-list--alive article:first-child {
        border-color: rgba(15, 159, 154, .42);
        box-shadow: 0 22px 54px rgba(16,32,43,.10);
    }
}




/* MaiShop Madre v1.0.12: jerarquía de movimiento premium
   - Hero/showcase: más presencia.
   - Secciones informativas: entradas suaves.
   - Animación continua solo en zonas clave. */
.mm-landing .mm-reveal {
    transform: translateY(18px);
    transition:
        opacity .62s ease,
        transform .62s cubic-bezier(.2,.75,.25,1);
    will-change: opacity, transform;
}

.mm-landing .mm-reveal.mm-slide-left {
    transform: translateX(22px);
}

.mm-landing .mm-reveal.mm-slide-right {
    transform: translateX(-22px);
}

.mm-landing .mm-reveal.is-visible {
    transform: translate3d(0,0,0);
}

/* Bloques protagonistas: entrada más cinematográfica. */
.mm-hero .mm-reveal,
.mm-responsive-showcase .mm-reveal,
.mm-price-section .mm-reveal,
.mm-final-cta .mm-reveal {
    transform: translateY(30px);
    transition-duration: .82s;
}

.mm-hero .mm-reveal.mm-slide-left,
.mm-responsive-showcase .mm-reveal.mm-slide-left {
    transform: translateX(34px);
}

.mm-hero .mm-reveal.mm-slide-right,
.mm-responsive-showcase .mm-reveal.mm-slide-right {
    transform: translateX(-34px);
}

.mm-hero .mm-reveal.is-visible,
.mm-responsive-showcase .mm-reveal.is-visible,
.mm-price-section .mm-reveal.is-visible,
.mm-final-cta .mm-reveal.is-visible {
    transform: translate3d(0,0,0);
}

/* Bloques secundarios: menos desplazamiento para que no todo compita visualmente. */
.mm-benefits .mm-reveal,
.mm-timeline-section .mm-reveal,
.mm-gallery-section .mm-reveal,
.mm-compare .mm-reveal,
.mm-custom .mm-reveal,
.mm-faq .mm-reveal,
.mm-include .mm-reveal {
    transform: translateY(12px);
    transition-duration: .48s;
}

.mm-benefits .mm-reveal.mm-slide-left,
.mm-timeline-section .mm-reveal.mm-slide-left,
.mm-gallery-section .mm-reveal.mm-slide-left,
.mm-compare .mm-reveal.mm-slide-left,
.mm-custom .mm-reveal.mm-slide-left,
.mm-faq .mm-reveal.mm-slide-left,
.mm-include .mm-reveal.mm-slide-left {
    transform: translateY(12px);
}

.mm-benefits .mm-reveal.mm-slide-right,
.mm-timeline-section .mm-reveal.mm-slide-right,
.mm-gallery-section .mm-reveal.mm-slide-right,
.mm-compare .mm-reveal.mm-slide-right,
.mm-custom .mm-reveal.mm-slide-right,
.mm-faq .mm-reveal.mm-slide-right,
.mm-include .mm-reveal.mm-slide-right {
    transform: translateY(12px);
}

.mm-benefits .mm-reveal.is-visible,
.mm-timeline-section .mm-reveal.is-visible,
.mm-gallery-section .mm-reveal.is-visible,
.mm-compare .mm-reveal.is-visible,
.mm-custom .mm-reveal.is-visible,
.mm-faq .mm-reveal.is-visible,
.mm-include .mm-reveal.is-visible {
    transform: translate3d(0,0,0);
}

/* La sección "Qué es" queda entre media y protagonista: importante, pero sin exceso. */
.mm-split .mm-reveal {
    transform: translateY(20px);
    transition-duration: .64s;
}

.mm-split .mm-reveal.mm-slide-left,
.mm-split .mm-reveal.mm-slide-right {
    transform: translateY(20px);
}

.mm-split .mm-reveal.is-visible {
    transform: translate3d(0,0,0);
}

/* Hover premium, pero discreto, en tarjetas secundarias. */
.mm-info-card,
.mm-timeline-item,
.mm-compare-card,
.mm-gallery-card,
.mm-faq-list details {
    transition:
        transform .26s ease,
        box-shadow .26s ease,
        border-color .26s ease,
        background .26s ease;
}

.mm-info-card:hover,
.mm-timeline-item:hover,
.mm-compare-card:hover,
.mm-gallery-card:hover,
.mm-faq-list details:hover {
    transform: translateY(-3px);
}

/* Evita que los efectos permanentes se acumulen visualmente en bloques menores. */
.mm-gallery-card,
.mm-info-card,
.mm-compare-card,
.mm-timeline-item {
    will-change: auto;
}

/* El showcase responsive y las tarjetas "Qué es" siguen siendo las zonas con movimiento activo.
   No añadimos más animaciones infinitas en secciones secundarias. */
@media (max-width: 700px) {
    .mm-landing .mm-reveal,
    .mm-landing .mm-reveal.mm-slide-left,
    .mm-landing .mm-reveal.mm-slide-right,
    .mm-hero .mm-reveal,
    .mm-responsive-showcase .mm-reveal,
    .mm-price-section .mm-reveal,
    .mm-final-cta .mm-reveal,
    .mm-split .mm-reveal {
        transform: translateY(14px);
    }

    .mm-landing .mm-reveal.is-visible,
    .mm-hero .mm-reveal.is-visible,
    .mm-responsive-showcase .mm-reveal.is-visible,
    .mm-price-section .mm-reveal.is-visible,
    .mm-final-cta .mm-reveal.is-visible,
    .mm-split .mm-reveal.is-visible {
        transform: translate3d(0,0,0);
    }

    .mm-info-card:hover,
    .mm-timeline-item:hover,
    .mm-compare-card:hover,
    .mm-gallery-card:hover,
    .mm-faq-list details:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mm-landing .mm-reveal,
    .mm-info-card,
    .mm-timeline-item,
    .mm-compare-card,
    .mm-gallery-card,
    .mm-faq-list details {
        transition: none !important;
        transform: none !important;
        will-change: auto !important;
    }
}


/* MaiShop Madre v1.0.13: secciones visuales con capturas reales de MaiShop Basic */
.mm-visual-bento-section .mm-section-heading,
.mm-complete-web-section .mm-section-heading {
    max-width: 850px;
}

.mm-visual-bento-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    gap: 18px;
    align-items: stretch;
}

.mm-bento-card,
.mm-complete-card,
.mm-mini-proof-card,
.mm-demo-strip {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(13,29,38,.08);
    background: rgba(255,255,255,.76);
    box-shadow: var(--mm-shadow-soft);
    backdrop-filter: blur(18px);
    border-radius: var(--mm-radius-md);
}

.mm-bento-card {
    min-height: 430px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 22px;
    gap: 18px;
}

.mm-bento-card--large {
    grid-row: span 2;
    min-height: 720px;
}

.mm-bento-card--wide {
    grid-column: 1 / -1;
    min-height: 360px;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    grid-template-rows: 1fr;
    align-items: stretch;
}

.mm-bento-card::before,
.mm-complete-card::before,
.mm-mini-proof-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 10%, rgba(56,201,189,.16), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,0));
    opacity: .75;
    z-index: 0;
}

.mm-bento-copy,
.mm-complete-card > div,
.mm-mini-proof-card > div {
    position: relative;
    z-index: 2;
}

.mm-bento-copy span,
.mm-complete-card span,
.mm-mini-proof-card span {
    display: inline-flex;
    margin-bottom: 10px;
    color: #0f8a80;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.mm-bento-copy h3,
.mm-complete-card h3 {
    margin-bottom: 10px;
}

.mm-bento-copy p,
.mm-complete-card p {
    margin-bottom: 0;
}

.mm-bento-screen,
.mm-complete-card figure,
.mm-mini-proof-card img {
    position: relative;
    z-index: 1;
    margin: 0;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(13,29,38,.08);
    background: #fff;
    box-shadow: 0 22px 60px rgba(13,29,38,.10);
}

.mm-bento-screen {
    min-height: 0;
}

.mm-bento-screen img,
.mm-complete-card figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.mm-bento-card--large .mm-bento-screen {
    height: 540px;
}

.mm-bento-screen.compact {
    height: 255px;
}

.mm-bento-screen.landscape {
    min-height: 312px;
    height: 100%;
}

.mm-bento-card--wide .mm-bento-copy {
    align-self: center;
    padding: 10px 0;
}

.mm-demo-strip {
    width: min(760px, calc(100% - 40px));
    margin: 32px auto 0;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.mm-demo-strip span {
    color: var(--mm-ink);
    font-weight: 850;
}

.mm-complete-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) minmax(280px, .78fr);
    gap: 18px;
    align-items: stretch;
}

.mm-complete-card {
    min-height: 680px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding: 22px;
    gap: 20px;
}

.mm-complete-card--shop {
    min-height: 760px;
}

.mm-complete-card figure {
    min-height: 0;
}

.mm-complete-card > div {
    padding: 2px 4px 4px;
}

.mm-complete-side {
    display: grid;
    gap: 18px;
}

.mm-mini-proof-card {
    min-height: 220px;
    padding: 18px;
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 16px;
    align-items: center;
}

.mm-mini-proof-card img {
    width: 112px;
    height: 168px;
    object-fit: cover;
    object-position: top center;
}

.mm-mini-proof-card strong {
    display: block;
    color: var(--mm-ink);
    font-size: 19px;
    line-height: 1.18;
    letter-spacing: -.035em;
}

.mm-mini-proof-card--dark {
    background: linear-gradient(135deg, #0d1d26, #17343d);
}

.mm-mini-proof-card--dark span {
    color: rgba(255,255,255,.62);
}

.mm-mini-proof-card--dark strong {
    color: #fff;
}

/* Sustituye la galería antigua: las nuevas cards ya son imágenes reales. */
.mm-complete-web-section .mm-gallery-grid,
.mm-visual-bento-section .mm-cards-grid {
    display: none;
}

.mm-bento-card,
.mm-complete-card,
.mm-mini-proof-card {
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.mm-bento-card:hover,
.mm-complete-card:hover,
.mm-mini-proof-card:hover {
    transform: translateY(-4px);
    border-color: rgba(22,163,155,.20);
    box-shadow: 0 28px 76px rgba(13,29,38,.12);
}

@media (max-width: 980px) {
    .mm-visual-bento-grid,
    .mm-complete-grid {
        grid-template-columns: 1fr;
    }

    .mm-bento-card--large,
    .mm-complete-card,
    .mm-complete-card--shop {
        min-height: auto;
    }

    .mm-bento-card--wide {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .mm-bento-card--large .mm-bento-screen {
        height: 520px;
    }

    .mm-complete-card figure {
        height: 560px;
    }

    .mm-complete-side {
        grid-template-columns: 1fr 1fr;
    }

    .mm-mini-proof-card--dark {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .mm-bento-card,
    .mm-complete-card,
    .mm-mini-proof-card,
    .mm-demo-strip {
        border-radius: 24px;
    }

    .mm-bento-card {
        padding: 18px;
        min-height: auto;
    }

    .mm-bento-card--large .mm-bento-screen,
    .mm-bento-screen.compact,
    .mm-bento-screen.landscape,
    .mm-complete-card figure {
        height: 430px;
        min-height: 0;
    }

    .mm-demo-strip {
        width: min(100%, calc(100% - 28px));
        flex-direction: column;
        align-items: flex-start;
    }

    .mm-complete-side {
        grid-template-columns: 1fr;
    }

    .mm-mini-proof-card {
        grid-template-columns: 96px 1fr;
        min-height: 190px;
    }

    .mm-mini-proof-card img {
        width: 96px;
        height: 144px;
        border-radius: 20px;
    }

    .mm-bento-card:hover,
    .mm-complete-card:hover,
    .mm-mini-proof-card:hover {
        transform: none;
    }
}

@media (max-width: 460px) {
    .mm-bento-card--large .mm-bento-screen,
    .mm-bento-screen.compact,
    .mm-bento-screen.landscape,
    .mm-complete-card figure {
        height: 360px;
    }
}


/* MaiShop Madre v1.0.15: captura limpia de contacto */
.mm-complete-card:nth-child(2) figure img {
    object-position: center center;
}


/* MaiShop Madre v1.0.16: tarjeta Contacto con captura limpia */
.mm-complete-card--contact figure {
    aspect-ratio: 600 / 504;
    min-height: 0;
    height: auto;
    background: #f4f3ef;
}

.mm-complete-card--contact figure img {
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 980px) {
    .mm-complete-card--contact figure {
        height: auto;
        aspect-ratio: 600 / 504;
    }
}

@media (max-width: 700px) {
    .mm-complete-card--contact figure {
        height: auto;
        aspect-ratio: 600 / 504;
    }
}


/* MaiShop Madre v1.0.17: precio centrado real también en móvil */
.mm-price-card .mm-price {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.mm-price-card .mm-price span,
.mm-price-card .mm-price del {
    display: block;
    text-align: center;
}

@media (max-width: 760px) {
    .mm-price-card .mm-price {
        align-items: center !important;
        justify-content: center !important;
    }

    .mm-price-card .mm-price span,
    .mm-price-card .mm-price del {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}


/* MaiShop Madre v1.0.18: hero desktop compacto y premium
   Mobile queda intacto: estos ajustes solo empiezan en escritorio. */
@media (min-width: 981px) {
    .mm-hero-final {
        min-height: auto !important;
        padding: clamp(58px, 5vw, 86px) 0 clamp(52px, 4.5vw, 78px) !important;
        overflow: hidden !important;
    }

    .mm-hero-final-inner {
        width: min(100% - 96px, 1280px) !important;
        max-width: 1280px !important;
        margin-inline: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.03fr) minmax(360px, .78fr) !important;
        align-items: center !important;
        gap: clamp(42px, 5vw, 86px) !important;
    }

    .mm-hero-final-copy {
        width: 100% !important;
        max-width: 760px !important;
        margin: 0 !important;
        text-align: left !important;
        overflow: visible !important;
    }

    .mm-hero-final .mm-hero-badge {
        margin: 0 0 28px !important;
        padding: 9px 17px 9px 10px !important;
        font-size: clamp(14px, .95vw, 17px) !important;
        line-height: 1.1 !important;
    }

    .mm-hero-final .mm-hero-badge span {
        width: 28px !important;
        height: 28px !important;
        font-size: 13px !important;
    }

    .mm-final-title {
        display: grid !important;
        width: 100% !important;
        max-width: 760px !important;
        margin: 0 0 28px !important;
        text-align: left !important;
        font-size: clamp(58px, 5.15vw, 82px) !important;
        line-height: .96 !important;
        letter-spacing: -.055em !important;
        overflow: visible !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: balance !important;
    }

    .mm-final-title span,
    .mm-final-title em {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        margin: 0 !important;
    }

    .mm-final-title .mm-title-desktop {
        display: block !important;
    }

    .mm-final-title .mm-title-mobile {
        display: none !important;
    }

    .mm-final-title em {
        font-size: 1em !important;
        line-height: .96 !important;
    }

    .mm-hero-final .mm-lead {
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 0 30px !important;
        text-align: left !important;
        font-size: clamp(18px, 1.25vw, 22px) !important;
        line-height: 1.55 !important;
    }

    .mm-hero-final .mm-hero-actions {
        width: 100% !important;
        max-width: 650px !important;
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
        margin: 0 0 26px !important;
    }

    .mm-hero-final .mm-btn {
        width: auto !important;
        max-width: none !important;
        min-height: 56px !important;
        padding: 14px 26px !important;
        font-size: 16px !important;
        margin: 0 !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

    .mm-hero-final .mm-proof-pills {
        width: 100% !important;
        max-width: 720px !important;
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin: 0 !important;
    }

    .mm-hero-final .mm-proof-pills span {
        width: auto !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 9px 14px 9px 10px !important;
        gap: 8px !important;
        font-size: 14px !important;
        justify-content: flex-start !important;
        white-space: nowrap !important;
    }

    .mm-hero-final .mm-proof-pills .mm-proof-panel {
        width: auto !important;
        grid-column: auto !important;
        justify-self: auto !important;
    }

    .mm-hero-final .mm-proof-pills i {
        width: 30px !important;
        height: 30px !important;
        font-size: 10px !important;
    }

    .mm-hero-showcase {
        width: 100% !important;
        max-width: 520px !important;
        justify-self: end !important;
        align-self: center !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .mm-hero-showcase img {
        display: block !important;
        width: 100% !important;
        max-width: 520px !important;
        height: auto !important;
        margin: 0 auto !important;
        transform: none !important;
        filter: drop-shadow(0 30px 54px rgba(13,29,38,.10)) !important;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    .mm-hero-final-inner {
        width: min(100% - 64px, 1080px) !important;
        grid-template-columns: minmax(0, 1fr) minmax(320px, .66fr) !important;
        gap: 42px !important;
    }

    .mm-final-title {
        font-size: clamp(52px, 5vw, 68px) !important;
    }

    .mm-hero-showcase {
        max-width: 430px !important;
    }

    .mm-hero-showcase img {
        max-width: 430px !important;
    }
}


/* MaiShop Madre v1.0.19: bento visual más completo en escritorio
   Ajusta solo las capturas compactas de Categorías y Promos. */
@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-screen.compact {
        height: clamp(380px, 30vw, 440px) !important;
    }

    .mm-visual-bento-section .mm-bento-screen.compact img {
        object-fit: cover !important;
        object-position: top center !important;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    .mm-visual-bento-section .mm-bento-screen.compact {
        height: clamp(340px, 34vw, 400px) !important;
    }
}


/* MaiShop Madre v1.0.21: tarjeta de productos destacados más alta en escritorio
   Mantiene la proporción real de la captura para que se vean también los precios. */
@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-card--large {
        min-height: 0 !important;
    }

    .mm-visual-bento-section .mm-bento-card--large .mm-bento-screen {
        height: auto !important;
        aspect-ratio: 1176 / 1552;
        align-self: start;
    }

    .mm-visual-bento-section .mm-bento-card--large .mm-bento-screen img {
        object-fit: cover !important;
        object-position: top center !important;
    }
}


/* MaiShop Madre v1.0.22: FAQ replicada con código, sin captura borrosa */
.mm-faq-code-mockup {
    display: grid;
    place-items: center;
    padding: clamp(24px, 3.2vw, 44px);
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(255,255,255,.94) 48%, rgba(255,255,255,.88)),
        #fff;
}

.mm-faq-code-mockup::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.75), transparent 18%, transparent 82%, rgba(255,255,255,.75)),
        radial-gradient(circle at 50% 20%, rgba(255,255,255,.9), transparent 48%);
    z-index: 0;
}

.mm-faq-preview {
    position: relative;
    z-index: 1;
    width: min(100%, 680px);
    margin-inline: auto;
    text-align: center;
}

.mm-faq-preview h4 {
    margin: 0 0 24px;
    color: #0d1d26;
    font-family: var(--mm-serif);
    font-size: clamp(50px, 4.6vw, 78px);
    line-height: .92;
    letter-spacing: -.055em;
    font-weight: 950;
}

.mm-faq-preview > p {
    margin: 0 auto clamp(30px, 3vw, 44px);
    color: #667386;
    font-size: clamp(20px, 1.55vw, 28px);
    line-height: 1.45;
    letter-spacing: -.035em;
}

.mm-faq-preview-list {
    display: grid;
    gap: clamp(18px, 1.6vw, 24px);
}

.mm-faq-preview-row {
    min-height: clamp(92px, 7vw, 126px);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    padding: clamp(24px, 2.1vw, 34px) clamp(22px, 2.4vw, 38px);
    text-align: left;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(13,29,38,.085);
    border-radius: clamp(26px, 2.1vw, 34px);
    box-shadow:
        0 18px 46px rgba(13,29,38,.045),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.mm-faq-preview-row strong {
    color: #0d1d26;
    font-size: clamp(24px, 1.9vw, 34px);
    line-height: 1.08;
    letter-spacing: -.055em;
    font-weight: 950;
}

.mm-faq-preview-row span {
    width: clamp(52px, 4.3vw, 70px);
    height: clamp(52px, 4.3vw, 70px);
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(18,163,155,.10);
    color: #12a39b;
    font-size: clamp(34px, 2.5vw, 44px);
    line-height: 1;
    font-weight: 900;
}

.mm-faq-preview-button {
    margin: clamp(26px, 2.6vw, 40px) auto 0;
    min-height: clamp(66px, 5.4vw, 86px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 640px);
    padding: 18px 32px;
    border: 4px solid rgba(18,163,155,.82);
    border-radius: 999px;
    color: #15958e;
    background: rgba(255,255,255,.72);
    font-size: clamp(21px, 1.65vw, 30px);
    font-weight: 950;
    letter-spacing: -.04em;
}

@media (min-width: 981px) {
    .mm-bento-card--wide .mm-faq-code-mockup {
        min-height: clamp(620px, 52vw, 820px);
        height: auto !important;
    }
}

@media (max-width: 980px) {
    .mm-faq-code-mockup {
        min-height: 620px;
    }

    .mm-faq-preview {
        width: min(100%, 720px);
    }
}

@media (max-width: 700px) {
    .mm-faq-code-mockup {
        min-height: 560px;
        padding: 26px 18px;
    }

    .mm-faq-preview h4 {
        font-size: clamp(42px, 12vw, 58px);
    }

    .mm-faq-preview > p {
        font-size: 19px;
    }

    .mm-faq-preview-row {
        min-height: 82px;
        padding: 18px 18px;
        border-radius: 24px;
    }

    .mm-faq-preview-row strong {
        font-size: 21px;
    }

    .mm-faq-preview-row span {
        width: 48px;
        height: 48px;
        font-size: 32px;
    }

    .mm-faq-preview-button {
        min-height: 60px;
        border-width: 3px;
        font-size: 19px;
        padding: 14px 20px;
    }
}


/* MaiShop Madre v1.0.23: tipografía FAQ alineada con la estética MaiShop */
.mm-faq-preview h4 {
    font-family: Georgia, "Times New Roman", ui-serif, serif !important;
    font-weight: 900 !important;
    letter-spacing: -.052em !important;
}

.mm-faq-preview-row strong {
    font-weight: 850 !important;
    letter-spacing: -.048em !important;
}


/* MaiShop Madre v1.0.24: pills y CTAs desktop más limpios */
.mm-pill i,
.mm-hero-badge span {
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
}

.mm-pill i {
    display: inline-grid;
    place-items: center;
}

/* Evita CTAs partidos en dos líneas en escritorio. */
@media (min-width: 981px) {
    .mm-demo-strip {
        width: min(900px, calc(100% - 72px)) !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 28px !important;
    }

    .mm-demo-strip span,
    .mm-demo-strip a {
        white-space: nowrap !important;
    }

    .mm-demo-strip a {
        justify-self: end !important;
    }

    .mm-custom {
        overflow: hidden;
    }

    .mm-custom .mm-section-heading,
    .mm-custom .mm-custom-inner,
    .mm-custom .mm-custom-card {
        min-width: 0 !important;
    }

    .mm-custom .mm-actions,
    .mm-custom .mm-btn,
    .mm-custom a {
        white-space: nowrap !important;
    }

    .mm-custom .mm-btn {
        width: auto !important;
        min-width: max-content !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

/* En pantallas intermedias, el enlace no se parte. */
@media (max-width: 980px) {
    .mm-demo-strip a,
    .mm-custom .mm-btn {
        white-space: nowrap !important;
    }
}


/* MaiShop Madre v1.0.25: demo strip responsive corregida */
@media (min-width: 981px) {
    .mm-demo-strip {
        width: min(980px, calc(100% - 72px)) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) max-content !important;
        align-items: center !important;
        gap: 28px !important;
        overflow: visible !important;
    }

    .mm-demo-strip span {
        min-width: 0 !important;
        white-space: normal !important;
        line-height: 1.22 !important;
    }

    .mm-demo-strip a {
        white-space: nowrap !important;
        min-width: max-content !important;
        justify-self: end !important;
    }
}

@media (max-width: 980px) {
    .mm-demo-strip span {
        white-space: normal !important;
    }

    .mm-demo-strip a {
        white-space: nowrap !important;
    }
}


/* MaiShop Madre v1.0.26: demo strip compacta estilo premium */
.mm-demo-strip {
    min-height: 0 !important;
}

.mm-demo-strip-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.mm-demo-strip-label i {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(18,163,155,.10);
    color: #109a92;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
}

@media (min-width: 981px) {
    .mm-demo-strip {
        width: min(760px, calc(100% - 72px)) !important;
        padding: 14px 20px !important;
        border-radius: 999px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 22px !important;
    }

    .mm-demo-strip span,
    .mm-demo-strip a {
        font-size: 17px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }

    .mm-demo-strip a {
        justify-self: end !important;
    }
}

@media (max-width: 980px) {
    .mm-demo-strip {
        padding: 15px 18px !important;
        gap: 12px !important;
    }

    .mm-demo-strip-label {
        white-space: nowrap !important;
    }

    .mm-demo-strip a {
        white-space: nowrap !important;
    }
}

@media (max-width: 560px) {
    .mm-demo-strip {
        align-items: flex-start !important;
    }

    .mm-demo-strip-label {
        white-space: normal !important;
    }
}


/* MaiShop Madre v1.0.27: demo strip como CTA único para evitar solapes */
.mm-demo-strip--single {
    width: min(620px, calc(100% - 40px)) !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    display: block !important;
}

.mm-demo-strip-link {
    min-height: 72px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 16px 24px;
    color: #0f8a80;
    text-decoration: none;
    font-size: clamp(18px, 1.25vw, 22px);
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: -.045em;
    white-space: nowrap;
}

.mm-demo-strip-link i {
    width: 38px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(18,163,155,.10);
    color: #109a92;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
}

.mm-demo-strip-link span {
    min-width: 0;
}

.mm-demo-strip-link b {
    flex: 0 0 auto;
    font-size: 1.25em;
    line-height: 1;
}

@media (min-width: 981px) {
    .mm-demo-strip--single {
        width: min(620px, calc(100% - 72px)) !important;
    }

    .mm-demo-strip--single .mm-demo-strip-link {
        white-space: nowrap !important;
    }
}

@media (max-width: 560px) {
    .mm-demo-strip--single {
        width: min(100%, calc(100% - 28px)) !important;
    }

    .mm-demo-strip-link {
        min-height: 66px;
        padding: 14px 18px;
        gap: 10px;
        font-size: 17px;
        white-space: normal;
        text-align: center;
    }

    .mm-demo-strip-link i {
        width: 34px;
        height: 34px;
    }
}


/* MaiShop Madre v1.0.28: demo strip simple con icono + botón */
.mm-demo-strip--button {
    width: fit-content !important;
    max-width: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    border-radius: 999px !important;
    overflow: visible !important;
}

.mm-demo-strip-icon {
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(18,163,155,.10);
    color: #109a92;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

.mm-demo-button {
    min-height: 46px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 22px !important;
    border-radius: 999px !important;
    background: #16a39b !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 16px 34px rgba(18,163,155,.20);
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
}

.mm-demo-button:hover,
.mm-demo-button:focus {
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

@media (max-width: 560px) {
    .mm-demo-strip--button {
        max-width: calc(100% - 28px) !important;
        gap: 10px !important;
        padding: 10px 12px !important;
    }

    .mm-demo-strip-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .mm-demo-button {
        min-height: 44px;
        padding: 11px 18px !important;
        font-size: 16px !important;
    }
}


/* MaiShop Madre v1.0.29: demo como botón único, sin cápsula exterior */
.mm-demo-strip--solo {
    width: fit-content !important;
    max-width: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
}

.mm-demo-button--solo {
    min-height: 58px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 15px 26px 15px 18px !important;
    border-radius: 999px !important;
    background: #16a39b !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow:
        0 18px 40px rgba(18,163,155,.22),
        inset 0 1px 0 rgba(255,255,255,.22);
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
    transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}

.mm-demo-button--solo i {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    color: #fff;
    font-style: normal;
    font-size: 17px;
    line-height: 1;
}

.mm-demo-button--solo span {
    color: inherit;
}

.mm-demo-button--solo:hover,
.mm-demo-button--solo:focus {
    color: #fff !important;
    text-decoration: none !important;
    background: #13978f !important;
    transform: translateY(-2px);
    box-shadow:
        0 22px 48px rgba(18,163,155,.26),
        inset 0 1px 0 rgba(255,255,255,.24);
}

@media (max-width: 560px) {
    .mm-demo-strip--solo {
        max-width: calc(100% - 28px) !important;
    }

    .mm-demo-button--solo {
        min-height: 54px;
        padding: 13px 22px 13px 15px !important;
        font-size: 17px !important;
    }

    .mm-demo-button--solo i {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}


/* MaiShop Madre v1.0.30: demo CTA secundario, borde verde y sin icono */
.mm-demo-strip--outline {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.mm-demo-button--outline {
    min-height: 56px !important;
    padding: 15px 28px !important;
    background: rgba(255,255,255,.72) !important;
    color: #0f8a80 !important;
    border: 1.5px solid rgba(22,163,155,.45) !important;
    box-shadow:
        0 18px 38px rgba(13,29,38,.06),
        inset 0 1px 0 rgba(255,255,255,.75) !important;
    text-decoration: none !important;
}

.mm-demo-button--outline span {
    color: inherit !important;
}

.mm-demo-button--outline:hover,
.mm-demo-button--outline:focus {
    background: rgba(22,163,155,.08) !important;
    color: #0f8a80 !important;
    border-color: rgba(22,163,155,.68) !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow:
        0 20px 44px rgba(13,29,38,.08),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
}

@media (max-width: 560px) {
    .mm-demo-button--outline {
        min-height: 52px !important;
        padding: 13px 24px !important;
    }
}

/* MaiShop Madre v1.0.31: productos destacados reconstruidos con código */
.mm-products-code-mockup {
    display: grid;
    place-items: center;
    padding: clamp(24px, 3.2vw, 42px);
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(255,255,255,.94) 52%, rgba(255,255,255,.90)),
        #fff;
}

.mm-products-code-mockup::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.78), transparent 18%, transparent 82%, rgba(255,255,255,.78)),
        radial-gradient(circle at 50% 12%, rgba(255,255,255,.92), transparent 48%);
}

.mm-products-preview {
    position: relative;
    z-index: 1;
    width: min(100%, 720px);
    margin-inline: auto;
    text-align: center;
}

.mm-products-preview h4 {
    margin: 0 0 24px;
    color: #0d1d26;
    font-family: Georgia, "Times New Roman", ui-serif, serif;
    font-size: clamp(48px, 4.2vw, 72px);
    line-height: .92;
    letter-spacing: -.055em;
    font-weight: 900;
}

.mm-products-preview > p {
    margin: 0 auto clamp(30px, 3vw, 44px);
    color: #667386;
    font-size: clamp(20px, 1.45vw, 27px);
    line-height: 1.45;
    letter-spacing: -.035em;
}

.mm-products-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2.2vw, 28px);
    align-items: stretch;
}

.mm-product-preview-card {
    overflow: hidden;
    border-radius: clamp(26px, 2vw, 34px);
    background: #fff;
    border: 1px solid rgba(13,29,38,.075);
    box-shadow:
        0 20px 54px rgba(13,29,38,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
    text-align: left;
}

.mm-product-preview-image {
    position: relative;
    overflow: hidden;
    background: #f4eadf;
    aspect-ratio: 1 / .86;
}

.mm-product-preview-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.mm-product-preview-image span {
    position: absolute;
    top: clamp(16px, 1.5vw, 22px);
    left: clamp(16px, 1.5vw, 22px);
    min-height: clamp(42px, 3.6vw, 56px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px clamp(18px, 1.7vw, 26px);
    border-radius: 999px;
    background: rgba(255,255,255,.96);
    color: #0d1d26;
    box-shadow: 0 10px 28px rgba(13,29,38,.08);
    font-size: clamp(18px, 1.35vw, 23px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.035em;
}

.mm-product-preview-body {
    padding: clamp(22px, 2.4vw, 34px) clamp(22px, 2.3vw, 32px) clamp(24px, 2.4vw, 34px);
}

.mm-product-preview-body strong {
    display: block;
    color: #0d1d26;
    font-size: clamp(22px, 1.7vw, 30px);
    line-height: 1.08;
    letter-spacing: -.055em;
    font-weight: 900;
}

.mm-product-preview-body p {
    margin: clamp(18px, 1.7vw, 24px) 0 clamp(18px, 1.7vw, 24px);
    color: #5f6b7a;
    font-size: clamp(20px, 1.45vw, 26px);
    line-height: 1.1;
    font-weight: 850;
    letter-spacing: -.04em;
}

.mm-product-preview-body del {
    color: #9aa3ad;
    text-decoration-thickness: 2px;
}

.mm-product-preview-body b {
    color: #5f6b7a;
    font-weight: 850;
}

.mm-product-preview-body em {
    display: inline-flex;
    color: #15958e;
    font-style: normal;
    font-size: clamp(19px, 1.38vw, 25px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.04em;
}

@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-card--large .mm-products-code-mockup {
        height: auto !important;
        min-height: clamp(760px, 68vw, 980px);
        aspect-ratio: auto;
        align-self: stretch;
    }
}

@media (max-width: 980px) {
    .mm-products-code-mockup {
        min-height: 720px;
    }
}

@media (max-width: 700px) {
    .mm-products-code-mockup {
        min-height: 620px;
        padding: 26px 18px;
    }

    .mm-products-preview h4 {
        font-size: clamp(42px, 12vw, 58px);
    }

    .mm-products-preview > p {
        font-size: 19px;
    }

    .mm-products-preview-grid {
        gap: 16px;
    }

    .mm-product-preview-body {
        padding: 18px 16px 20px;
    }

    .mm-product-preview-body strong {
        font-size: 20px;
    }

    .mm-product-preview-body p {
        font-size: 18px;
    }

    .mm-product-preview-body em {
        font-size: 17px;
    }

    .mm-product-preview-image span {
        min-height: 38px;
        padding: 8px 16px;
        font-size: 16px;
    }
}

@media (max-width: 460px) {
    .mm-products-preview-grid {
        gap: 12px;
    }

    .mm-product-preview-card {
        border-radius: 22px;
    }

    .mm-product-preview-body {
        padding: 16px 13px 18px;
    }

    .mm-product-preview-body strong {
        font-size: 17px;
    }

    .mm-product-preview-body p,
    .mm-product-preview-body em {
        font-size: 15px;
    }
}


/* MaiShop Madre v1.0.32: ajuste fino de productos destacados por código */
.mm-products-code-mockup {
    place-items: start center !important;
    padding: clamp(18px, 2.1vw, 30px) !important;
}

.mm-products-preview {
    width: min(100%, 820px) !important;
}

.mm-products-preview h4 {
    margin-bottom: 22px !important;
    font-weight: 850 !important;
    letter-spacing: -.052em !important;
}

.mm-products-preview > p {
    margin-bottom: clamp(26px, 2.5vw, 36px) !important;
}

.mm-product-preview-body strong {
    font-weight: 820 !important;
    letter-spacing: -.05em !important;
}

.mm-product-preview-body p,
.mm-product-preview-body b {
    font-weight: 760 !important;
}

.mm-product-preview-body em {
    font-weight: 850 !important;
}

/* La imagen ya trae la cápsula blanca: aquí solo ponemos el texto dentro, sin crear otra pill encima. */
.mm-product-preview-image span {
    top: clamp(38px, 4.2vw, 56px) !important;
    left: clamp(44px, 4.8vw, 66px) !important;
    width: clamp(116px, 10.5vw, 158px) !important;
    height: clamp(42px, 3.8vw, 58px) !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #0d1d26 !important;
    font-size: clamp(18px, 1.25vw, 24px) !important;
    font-weight: 820 !important;
    letter-spacing: -.035em !important;
    display: inline-grid !important;
    place-items: center !important;
    pointer-events: none !important;
}

@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-card--large .mm-products-code-mockup {
        min-height: clamp(720px, 60vw, 900px) !important;
    }
}

@media (max-width: 700px) {
    .mm-products-code-mockup {
        padding: 18px !important;
    }

    .mm-product-preview-image span {
        top: 28px !important;
        left: 28px !important;
        width: 92px !important;
        height: 38px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 460px) {
    .mm-product-preview-image span {
        top: 22px !important;
        left: 22px !important;
        width: 78px !important;
        height: 32px !important;
        font-size: 13px !important;
    }
}


/* MaiShop Madre v1.0.33: productos destacados, margen y badge Oferta corregidos */
.mm-products-code-mockup {
    padding: clamp(26px, 3vw, 44px) !important;
}

.mm-products-preview {
    width: min(100%, 760px) !important;
}

.mm-products-preview h4 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

.mm-products-preview > p {
    margin-bottom: clamp(30px, 3vw, 44px) !important;
}

/* Volvemos a una pill propia, pero colocada sobre la zona blanca de la foto para que no se vea doble. */
.mm-product-preview-image span {
    top: clamp(28px, 3vw, 42px) !important;
    left: clamp(32px, 3.6vw, 52px) !important;
    width: auto !important;
    height: auto !important;
    min-height: clamp(46px, 3.9vw, 60px) !important;
    padding: 10px clamp(24px, 2vw, 34px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0d1d26 !important;
    box-shadow:
        0 10px 26px rgba(13,29,38,.08),
        0 0 0 1px rgba(255,255,255,.7) !important;
    font-size: clamp(18px, 1.25vw, 23px) !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: -.035em !important;
    pointer-events: none !important;
}

@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-card--large .mm-products-code-mockup {
        min-height: clamp(760px, 64vw, 940px) !important;
    }
}

@media (max-width: 700px) {
    .mm-products-code-mockup {
        padding: 22px 18px !important;
    }

    .mm-product-preview-image span {
        top: 24px !important;
        left: 24px !important;
        min-height: 38px !important;
        padding: 8px 16px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 460px) {
    .mm-products-code-mockup {
        padding: 18px 14px !important;
    }

    .mm-product-preview-image span {
        top: 18px !important;
        left: 18px !important;
        min-height: 32px !important;
        padding: 7px 13px !important;
        font-size: 13px !important;
    }
}


/* MaiShop Madre v1.0.34: centrado de pills Oferta en productos destacados */
.mm-product-preview-image span {
    top: clamp(20px, 2vw, 30px) !important;
    left: clamp(16px, 1.8vw, 24px) !important;
    width: clamp(138px, 31%, 178px) !important;
    min-width: clamp(138px, 31%, 178px) !important;
    min-height: clamp(46px, 4vw, 58px) !important;
    padding: 0 18px !important;
    text-align: center !important;
    white-space: nowrap !important;
    font-weight: 800 !important;
}

@media (max-width: 700px) {
    .mm-product-preview-image span {
        top: 18px !important;
        left: 18px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 42px !important;
        padding: 0 14px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 460px) {
    .mm-product-preview-image span {
        top: 16px !important;
        left: 16px !important;
        width: 108px !important;
        min-width: 108px !important;
        min-height: 38px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }
}


/* MaiShop Madre v1.0.35: Oferta como texto puro sobre la cápsula real de la imagen */
.mm-product-preview-image span {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: clamp(38px, 3.35vw, 50px) !important;
    width: clamp(112px, 10.3vw, 146px) !important;
    top: clamp(33px, 3.25vw, 47px) !important;
    left: clamp(30px, 3.15vw, 44px) !important;
    display: inline-grid !important;
    place-items: center !important;
    color: #0d1d26 !important;
    font-size: clamp(17px, 1.17vw, 22px) !important;
    line-height: 1 !important;
    font-weight: 780 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

@media (max-width: 700px) {
    .mm-product-preview-image span {
        top: 27px !important;
        left: 24px !important;
        width: 100px !important;
        height: 36px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 460px) {
    .mm-product-preview-image span {
        top: 22px !important;
        left: 19px !important;
        width: 86px !important;
        height: 31px !important;
        font-size: 12.5px !important;
    }
}


/* MaiShop Madre v1.0.36: ajuste de posición del texto Oferta */
.mm-product-preview-image span {
    top: clamp(20px, 2.25vw, 32px) !important;
    left: clamp(10px, 1.65vw, 24px) !important;
    width: clamp(126px, 11.4vw, 160px) !important;
    height: clamp(42px, 3.65vw, 54px) !important;
}

@media (max-width: 700px) {
    .mm-product-preview-image span {
        top: 18px !important;
        left: 11px !important;
        width: 112px !important;
        height: 39px !important;
    }
}

@media (max-width: 460px) {
    .mm-product-preview-image span {
        top: 15px !important;
        left: 9px !important;
        width: 96px !important;
        height: 33px !important;
    }
}


/* MaiShop Madre v1.0.37: ajuste fino final de Oferta */
.mm-product-preview-image span {
    top: clamp(16px, 1.95vw, 28px) !important;
    left: clamp(-14px, -0.55vw, -8px) !important;
}

@media (max-width: 700px) {
    .mm-product-preview-image span {
        top: 15px !important;
        left: -4px !important;
    }
}

@media (max-width: 460px) {
    .mm-product-preview-image span {
        top: 13px !important;
        left: -4px !important;
    }
}


/* MaiShop Madre v1.0.38: productos por código solo en escritorio; móvil vuelve a captura */
.mm-products-mobile-shot {
    display: none;
}

@media (min-width: 981px) {
    .mm-products-code-mockup {
        display: grid !important;
    }

    .mm-products-mobile-shot {
        display: none !important;
    }

    .mm-product-preview-image span {
        top: clamp(14px, 1.82vw, 26px) !important;
        left: clamp(-18px, -0.78vw, -12px) !important;
    }
}

@media (max-width: 980px) {
    .mm-products-code-mockup {
        display: none !important;
    }

    .mm-products-mobile-shot {
        display: block !important;
    }

    .mm-products-mobile-shot img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }
}


/* MaiShop Madre v1.0.39: ajuste fino de productos destacados solo en escritorio */
@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-card--large .mm-products-code-mockup {
        min-height: clamp(780px, 63vw, 940px) !important;
        padding: clamp(28px, 2.5vw, 36px) !important;
    }

    .mm-products-preview {
        width: min(100%, 720px) !important;
    }

    .mm-products-preview-grid {
        gap: clamp(22px, 2vw, 28px) !important;
    }

    .mm-product-preview-card {
        display: flex !important;
        flex-direction: column !important;
    }

    .mm-product-preview-image {
        aspect-ratio: 1 / 0.98 !important;
    }

    .mm-product-preview-image img {
        object-position: center top !important;
    }

    .mm-product-preview-image span {
        top: clamp(11px, 1.45vw, 20px) !important;
        left: clamp(-26px, -1.0vw, -18px) !important;
        width: clamp(120px, 10.8vw, 148px) !important;
        height: clamp(40px, 3.2vw, 50px) !important;
        font-size: clamp(16px, 1.05vw, 21px) !important;
        font-weight: 760 !important;
        letter-spacing: -.03em !important;
    }

    .mm-product-preview-body {
        display: flex !important;
        flex-direction: column !important;
        min-height: 235px !important;
        padding: 18px 28px 24px !important;
    }

    .mm-product-preview-body strong {
        font-size: clamp(19px, 1.28vw, 24px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.04em !important;
        font-weight: 780 !important;
        color: #132130 !important;
    }

    .mm-product-preview-body p {
        margin: 16px 0 0 !important;
        font-size: clamp(17px, 1.18vw, 22px) !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        letter-spacing: -.028em !important;
        color: #647182 !important;
    }

    .mm-product-preview-body b {
        font-weight: 740 !important;
        color: #647182 !important;
    }

    .mm-product-preview-body em {
        margin-top: auto !important;
        padding-top: 18px !important;
        font-size: clamp(17px, 1.12vw, 22px) !important;
        font-weight: 760 !important;
        letter-spacing: -.03em !important;
    }
}


/* MaiShop Madre v1.0.40: ajuste desktop de Oferta y Ver producto */
@media (min-width: 981px) {
    /* Centra el texto sobre la cápsula que ya existe en la imagen, sin crear una nueva. */
    .mm-product-preview-image span {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        width: clamp(126px, 10.7vw, 150px) !important;
        height: clamp(42px, 3.45vw, 52px) !important;
        top: clamp(20px, 2.02vw, 30px) !important;
        left: clamp(4px, .85vw, 14px) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        color: #0d1d26 !important;
        font-size: clamp(16px, 1.08vw, 20px) !important;
        line-height: 1 !important;
        font-weight: 740 !important;
        letter-spacing: -.028em !important;
        pointer-events: none !important;
    }

    /* Más parecido a la referencia: CTA visible pero no pegado al suelo. */
    .mm-product-preview-body {
        min-height: 205px !important;
        padding: 18px 28px 24px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .mm-product-preview-body strong {
        min-height: 52px !important;
        font-size: clamp(18px, 1.22vw, 23px) !important;
        line-height: 1.08 !important;
        font-weight: 740 !important;
        letter-spacing: -.038em !important;
    }

    .mm-product-preview-body p {
        margin: 14px 0 0 !important;
        font-size: clamp(17px, 1.12vw, 21px) !important;
        font-weight: 680 !important;
        color: #657182 !important;
    }

    .mm-product-preview-body b {
        font-weight: 700 !important;
        color: #657182 !important;
    }

    .mm-product-preview-body em {
        margin-top: 22px !important;
        padding-top: 0 !important;
        font-size: clamp(17px, 1.12vw, 21px) !important;
        font-weight: 740 !important;
        letter-spacing: -.03em !important;
    }
}


/* MaiShop Madre v1.0.41: ajuste mínimo de Oferta hacia la izquierda en escritorio */
@media (min-width: 981px) {
    .mm-product-preview-image span {
        left: clamp(-8px, .12vw, 2px) !important;
    }
}


/* MaiShop Madre v1.0.42: microajuste Oferta un poco más a la izquierda */
@media (min-width: 981px) {
    .mm-product-preview-image span {
        left: clamp(-16px, -.22vw, -6px) !important;
    }
}


/* MaiShop Madre v1.0.43: microajuste final de Oferta un poco a la derecha */
@media (min-width: 981px) {
    .mm-product-preview-image span {
        left: clamp(-12px, -.16vw, -4px) !important;
    }
}


/* MaiShop Madre v1.0.44: reducir hueco inferior de Productos destacados solo en escritorio */
@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-card--large .mm-products-code-mockup {
        min-height: auto !important;
        padding-bottom: clamp(48px, 4.6vw, 68px) !important;
    }

    .mm-products-preview {
        margin-bottom: 0 !important;
    }

    .mm-products-preview-grid {
        margin-bottom: 0 !important;
    }
}


/* MaiShop Madre v1.0.45: cortar hueco real inferior del bento de productos solo en escritorio */
@media (min-width: 981px) {
    .mm-visual-bento-section .mm-bento-card--large {
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .mm-visual-bento-section .mm-bento-card--large .mm-products-code-mockup {
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 56px !important;
    }

    .mm-visual-bento-section .mm-bento-card--large .mm-products-preview {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }

    .mm-visual-bento-section .mm-bento-card--large .mm-products-preview-grid {
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }

    .mm-visual-bento-section .mm-bento-card--large .mm-product-preview-card {
        height: auto !important;
        min-height: 0 !important;
    }
}


/* MaiShop Madre v1.0.51: formulario integrado a ancho completo en escritorio y tarjeta centrada en móvil */
.mm-complete-card--contact .mm-contact-preview-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(16px, 2vw, 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    padding: 0 0 clamp(12px, 1.6vw, 18px) !important;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 78%, #f9fbfb 100%) !important;
    overflow: hidden !important;
}

.mm-complete-card--contact .mm-contact-preview-hero {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: top center !important;
    flex: 0 0 auto !important;
}

.mm-complete-card--contact .mm-contact-preview-form {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: top center !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    flex: 0 0 auto !important;
}

@media (max-width: 980px) {
    .mm-complete-card--contact .mm-contact-preview-stack {
        height: auto !important;
        aspect-ratio: auto !important;
    }
}

@media (max-width: 700px) {
    .mm-complete-card--contact .mm-contact-preview-stack {
        gap: 18px !important;
        padding-bottom: 20px !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 88% !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        border-radius: 24px !important;
        border: 1px solid rgba(13,29,38,.08) !important;
        box-shadow: 0 22px 58px rgba(13,29,38,.09) !important;
        background: #ffffff !important;
    }
}


/* MaiShop Madre v1.0.52: evitar que el formulario largo estire la tarjeta de Tienda */
.mm-complete-grid {
    align-items: start !important;
}

.mm-complete-card--shop,
.mm-complete-card--contact,
.mm-complete-side {
    align-self: start !important;
}

.mm-complete-card--shop {
    min-height: 760px !important;
}

.mm-complete-card--shop figure {
    height: auto !important;
    min-height: 0 !important;
}

.mm-complete-card--shop figure img {
    height: auto !important;
    object-fit: contain !important;
}


/* MaiShop Madre v1.0.55: mantener simetría mostrando un poco más del formulario en escritorio */
@media (min-width: 981px) {
    .mm-complete-grid {
        align-items: stretch !important;
    }

    .mm-complete-card--shop,
    .mm-complete-card--contact,
    .mm-complete-side {
        align-self: stretch !important;
        height: 760px !important;
        min-height: 760px !important;
        max-height: 760px !important;
    }

    .mm-complete-card--shop,
    .mm-complete-card--contact {
        grid-template-rows: minmax(0, 1fr) auto !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure,
    .mm-complete-card--contact figure {
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        height: 100% !important;
        min-height: 0 !important;
        gap: clamp(10px, 1.2vw, 16px) !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-hero,
    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
        object-fit: contain !important;
        object-position: top center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 94% !important;
        margin: 0 auto !important;
    }

    .mm-complete-side {
        display: grid !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .mm-complete-side .mm-mini-proof-card {
        min-height: 0 !important;
        height: auto !important;
    }
}


/* MaiShop Madre v1.0.56: ajustes móviles para Tienda y Contacto */
@media (max-width: 980px) {
    .mm-complete-card--shop figure {
        height: clamp(600px, 142vw, 720px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

@media (max-width: 700px) {
    .mm-complete-card--shop figure {
        height: clamp(560px, 138vw, 660px) !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        gap: 14px !important;
        padding-bottom: 0 !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}


/* MaiShop Madre v1.0.57: móvil más compacto en Tienda y Contacto */
@media (max-width: 980px) {
    .mm-complete-card--shop figure {
        height: clamp(520px, 108vw, 600px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        height: 620px !important;
        max-height: 620px !important;
        min-height: 0 !important;
        gap: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

@media (max-width: 700px) {
    .mm-complete-card--shop figure {
        height: clamp(500px, 105vw, 560px) !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        height: clamp(560px, 126vw, 620px) !important;
        max-height: clamp(560px, 126vw, 620px) !important;
        gap: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

/* MaiShop Madre v1.0.58: móvil más limpio en Tienda y Contacto */
@media (max-width: 700px) {
    .mm-complete-card--shop figure {
        height: clamp(430px, 92vw, 500px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        height: clamp(470px, 100vw, 520px) !important;
        max-height: clamp(470px, 100vw, 520px) !important;
        gap: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 14px 0 0 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

/* MaiShop Madre v1.0.59: corrección de recortes móviles en Tienda y Contacto */
@media (max-width: 700px) {
    .mm-complete-card--shop figure {
        height: clamp(470px, 100vw, 525px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        height: clamp(545px, 116vw, 590px) !important;
        max-height: clamp(545px, 116vw, 590px) !important;
        min-height: 0 !important;
        gap: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 18px 0 0 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

/* MaiShop Madre v1.0.60: ajuste fino del recorte móvil de Contacto para igualarlo al escritorio */
@media (max-width: 700px) {
    .mm-complete-card--contact .mm-contact-preview-stack {
        height: clamp(490px, 94vw, 535px) !important;
        max-height: clamp(490px, 94vw, 535px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        margin-top: 18px !important;
    }
}

/* MaiShop Madre v1.0.61: en móvil mostrar también "Dirección de correo electrónico" y cortar a media caja */
@media (max-width: 700px) {
    .mm-complete-card--contact .mm-contact-preview-stack {
        height: clamp(620px, 118vw, 675px) !important;
        max-height: clamp(620px, 118vw, 675px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        margin-top: 16px !important;
    }
}

/* MaiShop Madre v1.0.62: móvil, mismo corte que escritorio en la preview de contacto */
@media (max-width: 700px) {
    .mm-complete-card--contact .mm-contact-preview-stack {
        height: clamp(760px, 132vw, 805px) !important;
        max-height: clamp(760px, 132vw, 805px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        margin-top: 0 !important;
    }
}


/* MaiShop Madre v1.0.66: FAQ usa captura real enviada por el usuario */
.mm-faq-image-shot {
    display: block !important;
    overflow: hidden !important;
}

.mm-faq-image-shot img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #ffffff !important;
}


/* MaiShop Madre v1.0.67: quitar espacio blanco inferior en Contacto móvil */
@media (max-width: 700px) {
    .mm-complete-card--contact .mm-contact-preview-stack {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        gap: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}


/* MaiShop Madre v1.0.69: estabilización responsive de marcos de capturas
   Marcos proporcionales para que móvil pequeño, móvil grande, tablet y escritorio mantengan encuadres coherentes. */

.mm-bento-screen,
.mm-complete-card figure {
    overflow: hidden !important;
}

.mm-bento-screen img,
.mm-complete-card figure img {
    object-position: top center !important;
}

/* Escritorio */
@media (min-width: 981px) {
    .mm-bento-screen.compact {
        height: clamp(250px, 18vw, 320px) !important;
    }

    .mm-bento-screen.landscape,
    .mm-faq-image-shot {
        height: clamp(390px, 30vw, 520px) !important;
        min-height: 0 !important;
        max-height: 520px !important;
    }

    .mm-faq-image-shot img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .mm-complete-card--shop,
    .mm-complete-card--contact,
    .mm-complete-side {
        height: 760px !important;
        min-height: 760px !important;
        max-height: 760px !important;
        align-self: stretch !important;
    }

    .mm-complete-card--shop figure,
    .mm-complete-card--contact figure {
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }
}

/* Tablet */
@media (min-width: 701px) and (max-width: 980px) {
    .mm-bento-card--large .mm-bento-screen,
    .mm-products-mobile-shot,
    .mm-complete-card--shop figure,
    .mm-complete-card--contact figure {
        height: clamp(520px, 66vw, 660px) !important;
        min-height: 0 !important;
        max-height: 660px !important;
    }

    .mm-bento-screen.compact,
    .mm-bento-screen.landscape,
    .mm-faq-image-shot {
        height: clamp(360px, 48vw, 520px) !important;
        min-height: 0 !important;
        max-height: 520px !important;
    }

    .mm-bento-screen img,
    .mm-complete-card figure img,
    .mm-products-mobile-shot img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-faq-image-shot img {
        object-fit: contain !important;
        object-position: center center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        height: clamp(560px, 68vw, 660px) !important;
        max-height: 660px !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
}

/* Móvil normal/grande */
@media (max-width: 700px) {
    .mm-bento-card--large .mm-bento-screen,
    .mm-products-mobile-shot {
        height: clamp(460px, 120vw, 560px) !important;
        min-height: 0 !important;
        max-height: 560px !important;
    }

    .mm-bento-screen.compact,
    .mm-bento-screen.landscape,
    .mm-faq-image-shot {
        height: clamp(330px, 86vw, 430px) !important;
        min-height: 0 !important;
        max-height: 430px !important;
    }

    .mm-bento-screen img,
    .mm-products-mobile-shot img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-faq-image-shot img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    .mm-complete-card--shop figure {
        height: clamp(500px, 116vw, 590px) !important;
        min-height: 0 !important;
        max-height: 590px !important;
        overflow: hidden !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: top center !important;
    }

    .mm-complete-card--contact .mm-contact-preview-stack {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        gap: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    .mm-complete-card--contact .mm-contact-preview-form {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }
}

/* Móvil pequeño */
@media (max-width: 390px) {
    .mm-bento-card--large .mm-bento-screen,
    .mm-products-mobile-shot {
        height: clamp(430px, 116vw, 520px) !important;
        max-height: 520px !important;
    }

    .mm-bento-screen.compact,
    .mm-bento-screen.landscape,
    .mm-faq-image-shot {
        height: clamp(300px, 82vw, 390px) !important;
        max-height: 390px !important;
    }

    .mm-complete-card--shop figure {
        height: clamp(470px, 112vw, 540px) !important;
        max-height: 540px !important;
    }
}


/* MaiShop Madre v1.0.71: ajuste específico para móviles muy estrechos tipo Galaxy S8/S9 */
@media (max-width: 370px) {
    .mm-complete-card--shop figure {
        height: clamp(500px, 142vw, 560px) !important;
        max-height: 560px !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    .mm-complete-card--shop figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: top center !important;
        background: #ffffff !important;
    }
}


/* MaiShop Madre v1.0.72: quitar espacio inferior en tienda móvil para pantallas muy estrechas */
@media (max-width: 370px) {
    .mm-complete-card--shop figure {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    .mm-complete-card--shop figure img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: initial !important;
        object-position: top center !important;
        background: #ffffff !important;
    }
}


/* MaiShop Madre v1.0.73: texto editorial para aprovechar el aire visual en escritorio y tablet */
.mm-bento-editorial-note {
    display: none;
}

@media (min-width: 981px) {
    .mm-bento-editorial-note {
        display: block;
        grid-column: 1 / 2;
        align-self: center;
        max-width: 660px;
        padding: clamp(18px, 2.3vw, 34px) clamp(12px, 2vw, 28px);
    }

    .mm-bento-editorial-note h3 {
        margin: 0 0 14px;
        max-width: 620px;
        font-size: clamp(34px, 3.4vw, 56px);
        line-height: .98;
        letter-spacing: -.055em;
        color: #102331;
    }

    .mm-bento-editorial-note p {
        margin: 0;
        max-width: 610px;
        font-size: clamp(18px, 1.28vw, 22px);
        line-height: 1.55;
        color: #5f6f7d;
    }
}

@media (min-width: 701px) and (max-width: 980px) {
    .mm-bento-editorial-note {
        display: block;
        grid-column: 1 / -1;
        max-width: 760px;
        padding: 12px 4px 2px;
    }

    .mm-bento-editorial-note h3 {
        margin: 0 0 12px;
        max-width: 700px;
        font-size: clamp(30px, 5vw, 44px);
        line-height: 1;
        letter-spacing: -.05em;
        color: #102331;
    }

    .mm-bento-editorial-note p {
        margin: 0;
        max-width: 720px;
        font-size: 18px;
        line-height: 1.55;
        color: #5f6f7d;
    }
}

@media (max-width: 700px) {
    .mm-bento-editorial-note {
        display: none !important;
    }
}


/* MaiShop Madre v1.0.76: iPad/tablet, capturas del bento visual con proporción natural */
@media (min-width: 701px) and (max-width: 980px) {
    .mm-visual-bento-section .mm-bento-card {
        grid-template-rows: auto auto !important;
        min-height: 0 !important;
    }

    .mm-visual-bento-section .mm-bento-card--large .mm-bento-screen,
    .mm-visual-bento-section .mm-products-mobile-shot,
    .mm-visual-bento-section .mm-bento-screen.compact,
    .mm-visual-bento-section .mm-bento-screen.landscape {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }

    .mm-visual-bento-section .mm-bento-screen img,
    .mm-visual-bento-section .mm-products-mobile-shot img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center top !important;
    }
}


/* MaiShop Madre v1.0.77: limpieza controlada del bloque Tienda en Web completa
   Evita que la captura vertical sea forzada en marcos bajos en tablet y móvil. */
@media (max-width: 980px) {
    .mm-complete-web-section .mm-complete-card--shop {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        grid-template-rows: auto auto !important;
        overflow: hidden !important;
    }

    .mm-complete-web-section .mm-complete-card--shop figure {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    .mm-complete-web-section .mm-complete-card--shop figure img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center top !important;
        background: #ffffff !important;
    }
}

/* En móvil estrecho mantenemos la misma lógica, pero sin heredar alturas antiguas. */
@media (max-width: 390px) {
    .mm-complete-web-section .mm-complete-card--shop figure {
        height: auto !important;
        max-height: none !important;
    }

    .mm-complete-web-section .mm-complete-card--shop figure img {
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}


/* MaiShop Madre v1.0.78: CTA comerciales conectados a /solicitud-maishop-basic/ desde PHP */


/* MaiShop Madre v1.0.79: CTA comerciales corregidos a /solicitar-maishop-basic/ */


/* MaiShop Madre v1.0.80: CTA comerciales con parámetro ?origen= para Forminator */


/* MaiShop Madre v1.0.82: nota legal comercial bajo el precio */
.mm-commercial-legal-note {
    margin: 32px auto 0 !important;
    max-width: 720px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--mm-muted);
    text-align: center;
}
.mm-commercial-legal-note a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.mm-commercial-legal-note a:hover,
.mm-commercial-legal-note a:focus-visible {
    color: var(--mm-ink);
}
@media (max-width: 700px) {
    .mm-commercial-legal-note {
        margin-top: 28px !important;
        max-width: 330px;
        font-size: 12px;
    }
}