/** Shopify CDN: Minification failed

Line 7116:2 All "@import" rules must come first
Line 7217:2 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:clheader (INDEX:8) */
/* ============ HEADER (compact mobile-first) ============ */
  .mm-section--header {
    background: rgba(255, 252, 247, 0.92);
    border-bottom: 1px solid var(--mm-line);
    padding: 8px 14px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .mm-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    gap: 10px;
    min-height: 34px;
  }

  /* Logo */
  .mm-header__logo {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.4px;
    color: var(--mm-brand);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    transition: opacity 0.15s ease;
  }
  .mm-header__logo:hover { opacity: 0.85; }
  .mm-header__logo-accent { color: var(--mm-accent); }
  .mm-header__logo-suffix {
    font-size: 0.55em;
    margin-left: 1px;
    align-self: flex-start;
    margin-top: 1px;
  }
  .mm-header__logo-img {
    display: block;
    height: var(--mm-logo-h, 22px);
    width: auto;
    max-width: 160px;
    object-fit: contain;
  }

  /* CTA */
  .mm-header__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 999px;
    font-family: var(--mm-sans);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.2px;
    white-space: nowrap;
    min-height: 34px;
    transition: transform 0.15s ease, opacity 0.15s ease;
  }
  .mm-header__cta--brand { background: var(--mm-brand); color: #FFFFFF; }
  .mm-header__cta--accent { background: var(--mm-accent); color: #FFFFFF; }
  .mm-header__cta:hover { opacity: 0.92; }
  .mm-header__cta:active { transform: scale(0.97); }

  /* Desktop — un poquito más holgado pero sigue compacto */
  @media (min-width: 900px) {
    .mm-section--header { padding: 10px 18px; }
    .mm-header__logo { font-size: 20px; }
    .mm-header__logo-img { max-width: 200px; }
    .mm-header__cta {
      padding: 8px 16px;
      font-size: 13px;
      min-height: 36px;
    }
  }

  /* Mobile chico (≤380px) — densidad máxima */
  @media (max-width: 380px) {
    .mm-section--header { padding: 6px 12px; }
    .mm-header__logo { font-size: 17px; }
    .mm-header__logo-img { max-width: 140px; }
    .mm-header__cta {
      padding: 6px 12px;
      font-size: 11px;
      min-height: 32px;
    }
    .mm-header__inner { min-height: 32px; gap: 8px; }
  }
/* END_SECTION:clheader */

/* START_SECTION:mm-cart-drawer (INDEX:43) */
.cp-cart {
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    visibility: hidden;
  }
  .cp-cart.is-open {
    pointer-events: auto;
    visibility: visible;
  }

  .cp-cart__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .cp-cart.is-open .cp-cart__overlay {
    opacity: 1;
  }

  .cp-cart__panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(420px, 100vw);
    background: var(--cp-cart-bg, #FFFCF7);
    color: var(--cp-cart-text, #1A1A1A);
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.15);
    font-family: var(--mm-sans);
  }
  .cp-cart.is-open .cp-cart__panel {
    transform: translateX(0);
  }

  .cp-cart__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: var(--cp-cart-card);
  }

  .cp-cart__title {
    font-family: var(--mm-serif);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.3px;
  }

  .cp-cart__close {
    background: transparent;
    border: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--cp-cart-text);
    transition: background 0.2s;
  }
  .cp-cart__close:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  .cp-cart__close svg {
    width: 20px;
    height: 20px;
  }

  .cp-cart__body {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    -webkit-overflow-scrolling: touch;
  }

  .cp-cart__loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 14px;
    color: var(--cp-cart-muted);
  }
  .cp-cart__spinner {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: var(--cp-cart-accent);
    border-radius: 50%;
    animation: cp-cart-spin 0.8s linear infinite;
  }
  @keyframes cp-cart-spin {
    to { transform: rotate(360deg); }
  }
  .cp-cart__loading p { margin: 0; font-size: 13px; }

  .cp-cart__empty {
    text-align: center;
    padding: 50px 20px;
  }
  .cp-cart__empty-icon {
    font-size: 56px;
    margin-bottom: 16px;
    opacity: 0.5;
  }
  .cp-cart__empty h3 {
    font-family: var(--mm-serif);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    letter-spacing: -0.3px;
  }
  .cp-cart__empty p {
    color: var(--cp-cart-muted);
    font-size: 14px;
    margin: 0 0 22px;
    line-height: 1.5;
  }
  .cp-cart__empty-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--cp-cart-accent);
    color: #FFFFFF;
    padding: 12px 22px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    box-shadow: 0 6px 18px rgba(200, 54, 42, 0.32);
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .cp-cart__empty-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(200, 54, 42, 0.42);
  }

  .cp-cart__items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .cp-cart__item {
    display: flex;
    gap: 12px;
    padding: 14px;
    background: var(--cp-cart-card);
    border-radius: 14px;
    position: relative;
  }

  .cp-cart__item-media {
    flex-shrink: 0;
    width: 74px;
    height: 74px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--cp-cart-bg);
  }
  .cp-cart__item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cp-cart__item-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 32px;
    opacity: 0.4;
  }

  .cp-cart__item-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .cp-cart__item-title {
    font-family: var(--mm-serif);
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: 1.25;
    color: var(--cp-cart-text);
    letter-spacing: -0.2px;
  }

  .cp-cart__item-variant {
    font-size: 11.5px;
    margin: 0;
    color: var(--cp-cart-muted);
    line-height: 1.3;
  }

  .cp-cart__item-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    gap: 8px;
  }

  .cp-cart__qty {
    display: inline-flex;
    align-items: center;
    background: var(--cp-cart-bg);
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
  }

  .cp-cart__qty-btn {
    background: transparent;
    border: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--cp-cart-text);
    font-size: 14px;
    font-weight: 700;
    transition: background 0.15s;
  }
  .cp-cart__qty-btn:hover {
    background: rgba(0, 0, 0, 0.06);
  }

  .cp-cart__qty-num {
    min-width: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
  }

  .cp-cart__item-price {
    font-family: var(--mm-serif);
    font-size: 15px;
    font-weight: 800;
    color: var(--cp-cart-text);
    white-space: nowrap;
  }

  .cp-cart__item-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    border: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--cp-cart-muted);
    opacity: 0.6;
    transition: opacity 0.2s, color 0.2s;
  }
  .cp-cart__item-remove:hover {
    opacity: 1;
    color: var(--cp-cart-accent);
  }
  .cp-cart__item-remove svg {
    width: 14px;
    height: 14px;
  }

  .cp-cart__foot {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 18px 20px 22px;
    background: var(--cp-cart-bg);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .cp-cart__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
  }
  .cp-cart__row span { font-weight: 600; }
  .cp-cart__row strong {
    font-family: var(--mm-serif);
    font-size: 22px;
    font-weight: 800;
    color: var(--cp-cart-accent);
    letter-spacing: -0.5px;
  }

  .cp-cart__shipping {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--cp-cart-muted);
    padding: 8px 12px;
    background: var(--cp-cart-card);
    border-radius: 10px;
  }
  .cp-cart__shipping strong {
    color: #2BA84A;
    font-weight: 800;
  }

  .cp-cart__checkout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 16px 22px;
    border-radius: 14px;
    background: var(--cp-cart-accent);
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(200, 54, 42, 0.32);
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 4px;
  }
  .cp-cart__checkout:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(200, 54, 42, 0.42);
    color: #FFFFFF;
  }
  .cp-cart__checkout:active { transform: scale(0.98); }

  .cp-cart__clear {
    background: transparent;
    border: 0;
    color: var(--cp-cart-muted);
    font-size: 12px;
    font-weight: 600;
    padding: 6px;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s;
  }
  .cp-cart__clear:hover {
    color: var(--cp-cart-accent);
  }
/* END_SECTION:mm-cart-drawer */

/* START_SECTION:mm-comparison-vs (INDEX:44) */
/* ============ COMPARISON VS ============ */
  .mm-vs {
    font-family: var(--mm-sans);
    color: var(--mm-ink);
    padding: 32px 14px;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
  }
  .mm-vs__container {
    max-width: 1100px;
    margin: 0 auto;
  }

  /* ============================================================ */
  /* HEADER PREMIUM EDITORIAL */
  /* ============================================================ */
  .mm-vs__header {
    margin-bottom: 24px;
    padding: 0 4px;
  }

  /* ===== EYEBROW CHIP ===== */
  .mm-vs__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(200, 54, 42, 0.08);
    color: var(--mm-accent, #C8362A);
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
    border: 1px solid rgba(200, 54, 42, 0.15);
  }

  .mm-vs__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mm-accent, #C8362A);
    flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(200, 54, 42, 0.5);
    animation: mm-vs-eyebrow-pulse 1.6s infinite;
  }

  @keyframes mm-vs-eyebrow-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(200, 54, 42, 0.5); }
    70%  { box-shadow: 0 0 0 6px rgba(200, 54, 42, 0); }
    100% { box-shadow: 0 0 0 0 rgba(200, 54, 42, 0); }
  }

  /* ===== TÍTULO ===== */
  .mm-vs__title {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(32px, 9vw, 56px);
    line-height: 1.02;
    letter-spacing: -1.5px;
    color: var(--mm-ink, #1A1A1A);
    margin: 0 0 14px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .mm-vs__title-line {
    display: block;
  }

  .mm-vs__title-line--1 {
    font-weight: 700;
  }

  .mm-vs__title-line--brand {
    margin: 2px 0;
  }

  .mm-vs__brand {
    display: inline-flex;
    align-items: baseline;
    font-weight: 800;
    letter-spacing: -1.6px;
  }

  .mm-vs__brand-coddys {
    color: var(--mm-ink, #1A1A1A);
  }

  .mm-vs__brand-pets {
    color: var(--mm-accent, #C8362A);
  }

  .mm-vs__brand-reg {
    font-size: 0.32em;
    font-weight: 600;
    vertical-align: super;
    margin-left: 3px;
    opacity: 0.65;
    letter-spacing: 0;
    color: var(--mm-ink-mute, #8A8580);
  }

  .mm-vs__title-line--2 {
    color: var(--mm-accent, #C8362A);
    font-style: italic;
    font-weight: 600;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  /* ===== TYPEWRITER ===== */
  .mm-vs__typewriter {
    position: relative;
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .mm-vs__typewriter--ready::after,
  .mm-vs__typewriter--animating::after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 1em;
    background: var(--mm-accent, #C8362A);
    margin-left: 4px;
    vertical-align: text-bottom;
    animation: mm-vs-cursor 0.6s infinite;
  }

  .mm-vs__typewriter--done::after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 1em;
    background: var(--mm-accent, #C8362A);
    margin-left: 4px;
    vertical-align: text-bottom;
    opacity: 0;
    animation: mm-vs-cursor-fade 0.8s forwards;
  }

  @keyframes mm-vs-cursor {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
  }

  @keyframes mm-vs-cursor-fade {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }

  .mm-vs__typewriter--bounce {
    transform: scale(1.05);
  }

  /* ===== EMOJI DEL TÍTULO ===== */
  .mm-vs__title-emoji {
    font-size: 0.7em;
    line-height: 1;
    display: inline-block;
    animation: mm-vs-emoji-bounce 2.2s ease-in-out infinite;
    transform-origin: bottom center;
  }

  @keyframes mm-vs-emoji-bounce {
    0%, 100% { transform: translateY(0) rotate(0); }
    20% { transform: translateY(-4px) rotate(-6deg); }
    40% { transform: translateY(-2px) rotate(6deg); }
    60% { transform: translateY(-3px) rotate(-3deg); }
  }

  /* ===== DESCRIPCIÓN ===== */
  .mm-vs__description {
    position: relative;
    padding-left: 14px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--mm-ink-soft, #4A4844);
    margin-top: 8px;
    max-width: 480px;
  }

  .mm-vs__description::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    background: var(--mm-accent, #C8362A);
    border-radius: 4px;
  }

  .mm-vs__description p {
    margin: 0;
  }

  .mm-vs__description p + p {
    margin-top: 6px;
  }

  .mm-vs__description strong {
    color: var(--mm-ink, #1A1A1A);
    font-weight: 700;
  }

  /* ============================================================ */
  /* GRID + CARDS (sin cambios respecto a la versión anterior) */
  /* ============================================================ */

  .mm-vs__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    position: relative;
    align-items: stretch;
  }

  .mm-vs__badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mm-serif);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    z-index: 3;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), 0 0 0 4px var(--mm-bg, #FFFCF7);
  }

  .mm-vs-card {
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .mm-vs-card--bad {
    background: #F0E8D7;
    border: 1px solid var(--mm-line);
  }
  .mm-vs-card--good {
    background: var(--mm-bg-card);
    border: 2px solid var(--mm-brand);
    box-shadow: 0 8px 28px rgba(26, 26, 26, 0.14), 0 0 0 4px rgba(200, 54, 42, 0.06);
  }

  .mm-vs-card__top {
    text-align: center;
    padding: 6px 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    line-height: 1.3;
  }

  .mm-vs-card__corner {
    position: absolute;
    top: 6px;
    right: 6px;
    background: var(--mm-accent);
    color: #FFFFFF;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.5px;
    z-index: 4;
    box-shadow: 0 2px 6px rgba(200, 54, 42, 0.5);
  }

  .mm-vs-card__media {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--mm-bg-soft);
    position: relative;
  }
  .mm-vs-card__media img,
  .mm-vs-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .mm-vs-card--bad .mm-vs-card__media img {
    filter: grayscale(0.65) brightness(0.93);
  }

  .mm-vs-card__emoji {
    position: absolute;
    bottom: 6px;
    right: 6px;
    font-size: 26px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.95);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  .mm-vs-card__sparkle {
    position: absolute;
    color: var(--mm-accent);
    font-size: 14px;
    pointer-events: none;
    opacity: 0.6;
    line-height: 1;
  }
  .mm-vs-card__sparkle--1 { top: 8%; left: 6%; }
  .mm-vs-card__sparkle--2 { top: 18%; right: 12%; font-size: 10px; }
  .mm-vs-card__sparkle--3 { bottom: 22%; left: 14%; font-size: 11px; }

  .mm-vs-card__body {
    padding: 12px 12px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .mm-vs-card__label {
    font-family: var(--mm-serif);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
  }
  .mm-vs-card__label--bad { color: var(--mm-ink-mute); }
  .mm-vs-card__label--good { color: var(--mm-brand); }
  .mm-vs-card__label em {
    font-style: normal;
    color: var(--mm-accent);
    font-weight: 800;
  }
  .mm-vs-card__label--bad em {
    color: #B5673E;
  }

  .mm-vs-card__metric {
    font-family: var(--mm-serif);
    font-size: clamp(22px, 7vw, 34px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.6px;
    display: inline-flex;
    position: relative;
  }
  .mm-vs-card__metric--bad { color: var(--mm-ink-mute); }
  .mm-vs-card__metric--good { color: var(--mm-accent); }

  .mm-vs-card__metric-num {
    position: relative;
    display: inline-block;
    padding: 0 4px;
  }
  .mm-vs-card__metric-unit {
    font-size: 0.45em;
    font-weight: 700;
    margin-left: 3px;
    letter-spacing: 0;
    opacity: 0.85;
  }

  .mm-vs-card__metric--bad .mm-vs-card__metric-num[data-mm-strike]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -2px;
    right: -2px;
    height: 2px;
    background: #B5673E;
    transform: rotate(-6deg);
    transform-origin: center;
    border-radius: 2px;
    opacity: 0.55;
  }

  .mm-vs-card__outcome {
    font-size: 11px;
    line-height: 1.35;
    padding: 6px 8px;
    border-radius: 6px;
    font-weight: 600;
    margin-top: 2px;
  }
  .mm-vs-card__outcome--bad {
    background: rgba(181, 103, 62, 0.12);
    color: #875029;
  }
  .mm-vs-card__outcome--good {
    background: rgba(200, 54, 42, 0.08);
    color: var(--mm-accent-dark);
  }
  .mm-vs-card__outcome strong { font-weight: 800; }

  .mm-vs-card__list {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .mm-vs-card__list li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 11px;
    line-height: 1.4;
  }
  .mm-vs-card__list--bad li { color: var(--mm-ink-soft); }
  .mm-vs-card__list--good li { color: var(--mm-ink); font-weight: 500; }

  .mm-vs-card__icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }
  .mm-vs-card__icon svg { width: 9px; height: 9px; }
  .mm-vs-card__icon--bad {
    background: rgba(181, 103, 62, 0.18);
    color: #B5673E;
  }
  .mm-vs-card__icon--good {
    background: var(--mm-success);
    color: #FFFFFF;
  }

  /* ============ ANIMACIONES ============ */
  @keyframes mm-vs-shake {
    0%, 88%, 100% { transform: rotate(0); }
    91% { transform: rotate(-1.8deg); }
    93% { transform: rotate(1.8deg); }
    95% { transform: rotate(-1.2deg); }
    97% { transform: rotate(0.6deg); }
  }
  @keyframes mm-vs-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
  }
  @keyframes mm-vs-sparkle-anim {
    0%, 100% { opacity: 0.3; transform: scale(0.85) rotate(0); }
    50% { opacity: 1; transform: scale(1.15) rotate(20deg); }
  }
  @keyframes mm-vs-corner-bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
  }

  .mm-vs--animated .mm-vs-card__metric--good .mm-vs-card__metric-num {
    animation: mm-vs-pulse 2.4s ease-in-out infinite;
    transform-origin: center;
  }
  .mm-vs--animated .mm-vs-card__metric--bad .mm-vs-card__metric-num {
    animation: mm-vs-shake 5s ease-in-out infinite;
    transform-origin: center;
  }
  .mm-vs--animated .mm-vs-card__sparkle--1 {
    animation: mm-vs-sparkle-anim 2.2s ease-in-out infinite;
  }
  .mm-vs--animated .mm-vs-card__sparkle--2 {
    animation: mm-vs-sparkle-anim 2.8s ease-in-out infinite 0.6s;
  }
  .mm-vs--animated .mm-vs-card__sparkle--3 {
    animation: mm-vs-sparkle-anim 2.5s ease-in-out infinite 1.2s;
  }
  .mm-vs--animated .mm-vs-card__corner {
    animation: mm-vs-corner-bounce 2.4s ease-in-out infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .mm-vs__eyebrow-dot,
    .mm-vs__title-emoji,
    .mm-vs--animated .mm-vs-card__metric--good .mm-vs-card__metric-num,
    .mm-vs--animated .mm-vs-card__metric--bad .mm-vs-card__metric-num,
    .mm-vs--animated .mm-vs-card__sparkle--1,
    .mm-vs--animated .mm-vs-card__sparkle--2,
    .mm-vs--animated .mm-vs-card__sparkle--3,
    .mm-vs--animated .mm-vs-card__corner {
      animation: none;
    }
  }

  /* ============ MINI BUNDLES ============ */
  .mm-vs-bundles {
    margin-top: 22px;
    text-align: center;
  }
  .mm-vs-bundles__title {
    font-family: var(--mm-serif);
    font-size: clamp(18px, 4vw, 24px);
    font-weight: 700;
    line-height: 1.15;
    color: var(--mm-ink);
    margin: 0 0 4px;
    letter-spacing: -0.3px;
  }
  .mm-vs-bundles__subtitle {
    font-size: 13px;
    color: var(--mm-ink-soft);
    margin: 0 0 14px;
    line-height: 1.4;
  }
  .mm-vs-bundles__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    max-width: 720px;
    margin: 0 auto;
  }

  .mm-vs-bundle {
    background: var(--mm-bg-card);
    border: 2px solid var(--mm-line);
    border-radius: 12px;
    padding: 12px 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    text-decoration: none;
    color: var(--mm-ink);
    position: relative;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.2s ease;
  }
  .mm-vs-bundle:hover {
    transform: translateY(-3px);
    border-color: var(--mm-brand);
    box-shadow: var(--mm-shadow-md);
  }
  .mm-vs-bundle.is-featured {
    border-color: var(--mm-brand);
    box-shadow: 0 6px 18px rgba(26, 26, 26, 0.12);
  }
  .mm-vs-bundle__star {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--mm-accent);
    color: #FFFFFF;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.4px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(200, 54, 42, 0.4);
  }
  .mm-vs-bundle__title {
    font-family: var(--mm-serif);
    font-size: 11px;
    font-weight: 700;
    color: var(--mm-ink);
    line-height: 1.2;
    letter-spacing: 0.3px;
  }
  .mm-vs-bundle__discount {
    display: inline-block;
    background: var(--mm-accent);
    color: #FFFFFF;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.4px;
    align-self: center;
  }
  .mm-vs-bundle__price {
    font-family: var(--mm-serif);
    font-size: 14px;
    font-weight: 800;
    color: var(--mm-ink);
    line-height: 1.1;
    margin-top: 2px;
  }
  .mm-vs-bundle__was {
    font-size: 10px;
    color: var(--mm-ink-mute);
    text-decoration: line-through;
    line-height: 1.1;
  }
  .mm-vs-bundle__cta {
    margin-top: 6px;
    background: var(--mm-brand);
    color: #FFFFFF;
    padding: 7px 6px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    transition: background 0.15s ease;
  }
  .mm-vs-bundle:hover .mm-vs-bundle__cta {
    background: var(--mm-accent);
  }
  .mm-vs-bundle.is-featured .mm-vs-bundle__cta {
    background: var(--mm-accent);
  }

  /* ============ TABLET (≥600px) ============ */
  @media (min-width: 600px) {
    .mm-vs { padding: 48px 14px; }
    .mm-vs__header { margin-bottom: 36px; }
    .mm-vs__eyebrow { font-size: 12px; padding: 8px 16px; margin-bottom: 18px; }
    .mm-vs__title { font-size: clamp(40px, 6vw, 60px); }
    .mm-vs__description { font-size: 16px; padding-left: 16px; }

    .mm-vs__grid { gap: 14px; }
    .mm-vs__badge {
      width: 50px;
      height: 50px;
      font-size: 14px;
    }
    .mm-vs-card__top {
      font-size: 11px;
      padding: 8px 10px;
    }
    .mm-vs-card__emoji {
      font-size: 32px;
      width: 44px;
      height: 44px;
      bottom: 10px;
      right: 10px;
    }
    .mm-vs-card__body {
      padding: 16px 16px 18px;
      gap: 10px;
    }
    .mm-vs-card__label { font-size: 16px; }
    .mm-vs-card__outcome { font-size: 13px; padding: 8px 10px; }
    .mm-vs-card__list li { font-size: 13px; gap: 8px; }
    .mm-vs-card__icon {
      width: 16px; height: 16px;
    }
    .mm-vs-card__icon svg { width: 11px; height: 11px; }
    .mm-vs-card__corner {
      font-size: 9px;
      padding: 4px 10px;
      top: 8px;
      right: 8px;
    }

    .mm-vs-bundles__grid { gap: 12px; }
    .mm-vs-bundle { padding: 16px 12px 14px; }
    .mm-vs-bundle__title { font-size: 12px; }
    .mm-vs-bundle__price { font-size: 17px; }
    .mm-vs-bundle__cta { font-size: 11px; padding: 9px 8px; }
  }

  /* ============ DESKTOP (≥900px) ============ */
  @media (min-width: 900px) {
    .mm-vs { padding: 64px 24px; }
    .mm-vs__header { margin-bottom: 44px; }
    .mm-vs__title { font-size: clamp(48px, 5.4vw, 72px); }
    .mm-vs__description { font-size: 17px; max-width: 540px; }

    .mm-vs__grid { gap: 24px; }
    .mm-vs__badge {
      width: 64px;
      height: 64px;
      font-size: 17px;
    }
    .mm-vs-card__top { font-size: 12px; padding: 10px 12px; }
    .mm-vs-card__emoji {
      font-size: 38px;
      width: 52px;
      height: 52px;
      bottom: 14px;
      right: 14px;
    }
    .mm-vs-card__body { padding: 22px 22px 24px; gap: 12px; }
    .mm-vs-card__label { font-size: 18px; }
    .mm-vs-card__outcome { font-size: 14px; padding: 10px 12px; }
    .mm-vs-card__list li { font-size: 14px; gap: 10px; }

    .mm-vs-bundles { margin-top: 36px; }
    .mm-vs-bundles__grid { gap: 16px; }
    .mm-vs-bundle__cta { font-size: 13px; padding: 11px 10px; }
  }

  /* ============ MOBILE CHICO (≤380px) ============ */
  @media (max-width: 380px) {
    .mm-vs { padding: 24px 12px; }
    .mm-vs__title { font-size: 28px; letter-spacing: -1px; }
    .mm-vs__description { font-size: 13px; }

    .mm-vs__grid { gap: 6px; }
    .mm-vs__badge {
      width: 32px;
      height: 32px;
      font-size: 11px;
    }
    .mm-vs-card__top {
      font-size: 9px;
      padding: 5px 6px;
      letter-spacing: 0.8px;
    }
    .mm-vs-card__emoji {
      font-size: 22px;
      width: 30px;
      height: 30px;
      bottom: 5px;
      right: 5px;
    }
    .mm-vs-card__body { padding: 9px 9px 11px; gap: 6px; }
    .mm-vs-card__label { font-size: 11px; }
    .mm-vs-card__outcome { font-size: 10px; padding: 5px 7px; }
    .mm-vs-card__list li { font-size: 10px; gap: 5px; }
    .mm-vs-card__icon { width: 12px; height: 12px; }
    .mm-vs-card__icon svg { width: 8px; height: 8px; }
    .mm-vs-card__corner { font-size: 7px; padding: 2px 6px; top: 4px; right: 4px; }

    .mm-vs-bundles__grid { gap: 6px; }
    .mm-vs-bundle { padding: 10px 6px 8px; }
    .mm-vs-bundle__title { font-size: 10px; }
    .mm-vs-bundle__price { font-size: 12px; }
    .mm-vs-bundle__discount { font-size: 8px; padding: 2px 5px; }
    .mm-vs-bundle__cta { font-size: 9px; padding: 6px 4px; }
    .mm-vs-bundle__star { font-size: 8px; padding: 2px 6px; top: -8px; }
  }
/* END_SECTION:mm-comparison-vs */

/* START_SECTION:mm-cta-final (INDEX:45) */
.mm-cta {
    font-family: var(--mm-sans);
    background: var(--mm-cta-bg, var(--mm-ink));
    color: var(--mm-cta-text, var(--mm-bg));
    padding: 44px 0 48px;
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    text-align: center;
  }

  .mm-cta__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .mm-cta__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .mm-cta__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.78) 100%);
  }

  .mm-cta__wrap {
    position: relative;
    z-index: 1;
    max-width: 540px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .mm-cta__countdown {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 700;
  }

  .mm-cta__pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mm-cta-highlight);
    box-shadow: 0 0 0 0 var(--mm-cta-highlight);
    animation: mm-cta-pulse 1.6s infinite;
  }
  @keyframes mm-cta-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(255, 215, 154, 0.7); }
    70%  { box-shadow: 0 0 0 8px rgba(255, 215, 154, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 215, 154, 0); }
  }

  .mm-cta__countdown-label {
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.4px;
  }

  .mm-cta__countdown-time {
    font-family: var(--mm-serif);
    color: var(--mm-cta-highlight);
    font-weight: 800;
    letter-spacing: 0.5px;
    font-variant-numeric: tabular-nums;
  }

  .mm-cta__countdown-time.is-passed {
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--mm-sans);
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
  }

  .mm-cta__eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--mm-cta-highlight);
    margin-bottom: 10px;
  }

  .mm-cta__headline {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(28px, 7.2vw, 42px);
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 12px;
  }
  .mm-cta__headline em {
    font-style: italic;
    color: var(--mm-cta-highlight);
    font-weight: 700;
  }
  .mm-cta__headline strong {
    color: var(--mm-cta-highlight);
    font-weight: 800;
  }

  .mm-cta__sub {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.85;
    margin-bottom: 18px;
  }
  .mm-cta__sub p { margin: 0; }
  .mm-cta__sub strong { font-weight: 700; opacity: 1; }

  .mm-cta__delivery {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    margin-bottom: 18px;
    font-size: 13px;
  }
  .mm-cta__delivery-icon { font-size: 16px; }
  .mm-cta__delivery-label { opacity: 0.85; }
  .mm-cta__delivery-date {
    color: var(--mm-cta-highlight);
    font-weight: 800;
    text-transform: capitalize;
  }

  .mm-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 360px;
    padding: 17px 24px;
    border-radius: 999px;
    background: var(--mm-cta-accent);
    color: #FFFFFF;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(200, 54, 42, 0.4);
    transition: transform 0.15s ease, box-shadow 0.2s ease;
    cursor: pointer;
  }
  .mm-cta__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(200, 54, 42, 0.5);
    color: #FFFFFF;
  }
  .mm-cta__btn:active {
    transform: scale(0.98);
  }

  .mm-cta__btn-arrow {
    transition: transform 0.2s ease;
  }
  .mm-cta__btn:hover .mm-cta__btn-arrow {
    transform: translateX(4px);
  }

  .mm-cta__trust {
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 11px;
    font-weight: 600;
    opacity: 0.75;
  }
  .mm-cta__trust li {
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
  .mm-cta__trust span {
    font-size: 13px;
  }

  @media (min-width: 700px) {
    .mm-cta { padding: 72px 0 80px; }
    .mm-cta__wrap { max-width: 620px; }
    .mm-cta__sub { font-size: 15px; }
    .mm-cta__btn { font-size: 16px; padding: 19px 28px; max-width: 400px; }
    .mm-cta__trust { gap: 22px; font-size: 12px; }
    .mm-cta__delivery { font-size: 14px; }
  }

  @media (max-width: 360px) {
    .mm-cta__countdown { font-size: 11px; padding: 7px 12px; }
    .mm-cta__btn { font-size: 14px; padding: 16px 20px; }
    .mm-cta__trust { gap: 10px; font-size: 10px; }
  }
/* END_SECTION:mm-cta-final */

/* START_SECTION:mm-faq (INDEX:46) */
.cp-faq {
    font-family: var(--mm-sans);
    background: var(--cp-faq-bg, #FFFCF7);
    color: var(--cp-faq-text, #1A1A1A);
    padding: 44px 0 56px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-faq__wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px;
  }

  /* ===== HEADER ===== */
  .cp-faq__header {
    text-align: center;
    margin-bottom: 26px;
  }
  .cp-faq__eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--cp-faq-accent);
    margin-bottom: 10px;
  }
  .cp-faq__headline {
    font-family: var(--mm-serif);
    font-weight: 600;
    font-size: clamp(28px, 7.4vw, 42px);
    line-height: 1.1;
    letter-spacing: -0.8px;
    margin: 0 0 10px;
  }
  .cp-faq__headline em {
    font-style: italic;
    color: var(--cp-faq-accent);
    font-weight: 600;
  }
  .cp-faq__description {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.75;
    max-width: 460px;
    margin: 0 auto;
  }
  .cp-faq__description p { margin: 0; }

  /* ===== PILL SWITCHER ===== */
  .cp-faq__switcher {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 5px;
    background: var(--cp-faq-tab-track);
    border-radius: 999px;
    margin: 0 auto 28px;
    width: fit-content;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .cp-faq__switcher::-webkit-scrollbar { display: none; }

  .cp-faq__indicator {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 5px;
    background: var(--cp-faq-tab-active-bg);
    border-radius: 999px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  }

  .cp-faq__tab {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    padding: 11px 18px;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: var(--cp-faq-text);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.3s ease;
  }
  .cp-faq__tab.is-active {
    color: var(--cp-faq-tab-active-text);
  }

  /* ===== PANELS ===== */
  .cp-faq__panel {
    display: none;
    animation: cp-faq-fade 0.3s ease;
  }
  .cp-faq__panel.is-active { display: block; }

  @keyframes cp-faq-fade {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* ===== LIST ===== */
  .cp-faq__list {
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
  }

  .cp-faq__item {
    border-bottom: 1px solid var(--cp-faq-divider);
  }
  .cp-faq__item:first-child {
    border-top: 1px solid var(--cp-faq-divider);
  }

  .cp-faq__q {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 22px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    transition: color 0.2s ease;
  }
  .cp-faq__item.is-open .cp-faq__q-text {
    color: var(--cp-faq-accent);
  }

  .cp-faq__q-text {
    font-family: var(--mm-sans);
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.35;
    flex: 1;
    min-width: 0;
    transition: color 0.2s ease;
  }

  /* Plus animado */
  .cp-faq__plus {
    flex-shrink: 0;
    position: relative;
    width: 22px;
    height: 22px;
  }
  .cp-faq__plus-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--cp-faq-text);
    border-radius: 2px;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s ease;
  }
  .cp-faq__plus-bar--h {
    width: 14px;
    height: 2px;
    transform: translate(-50%, -50%);
  }
  .cp-faq__plus-bar--v {
    width: 2px;
    height: 14px;
    transform: translate(-50%, -50%);
  }
  .cp-faq__item.is-open .cp-faq__plus-bar {
    background: var(--cp-faq-accent);
  }
  .cp-faq__item.is-open .cp-faq__plus-bar--v {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }

  /* ===== ANSWER ===== */
  .cp-faq__a {
    overflow: hidden;
  }
  .cp-faq__a-inner {
    padding: 0 0 22px;
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--cp-faq-text);
    opacity: 0.78;
    max-width: 560px;
  }
  .cp-faq__a-inner p { margin: 0 0 10px; }
  .cp-faq__a-inner p:last-child { margin-bottom: 0; }
  .cp-faq__a-inner strong { font-weight: 700; opacity: 1; }
  .cp-faq__a-inner em { font-style: italic; color: var(--cp-faq-accent); }
  .cp-faq__a-inner a {
    color: var(--cp-faq-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 600;
  }
  .cp-faq__a-inner ul {
    list-style: none;
    margin: 8px 0;
    padding: 0;
  }
  .cp-faq__a-inner ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 6px;
  }
  .cp-faq__a-inner ul li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 9px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--cp-faq-accent);
  }

  /* ===== HELP ===== */
  .cp-faq__help {
    text-align: center;
    padding-top: 4px;
  }
  .cp-faq__help-text {
    font-size: 13.5px;
    margin: 0 0 10px;
    opacity: 0.65;
  }
  .cp-faq__help-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--cp-faq-accent);
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1.5px solid var(--cp-faq-accent);
    padding-bottom: 2px;
    transition: gap 0.2s ease;
  }
  .cp-faq__help-cta:hover {
    gap: 10px;
  }

  /* ===== TABLET+ ===== */
  @media (min-width: 700px) {
    .cp-faq { padding: 72px 0 84px; }
    .cp-faq__header { margin-bottom: 36px; }
    .cp-faq__switcher { margin-bottom: 36px; }
    .cp-faq__tab { padding: 12px 22px; font-size: 14px; }
    .cp-faq__q { padding: 26px 4px; }
    .cp-faq__q-text { font-size: 17px; }
    .cp-faq__a-inner { font-size: 15.5px; padding-bottom: 26px; }
    .cp-faq__plus { width: 24px; height: 24px; }
    .cp-faq__plus-bar--h { width: 16px; }
    .cp-faq__plus-bar--v { height: 16px; }
  }

  @media (max-width: 360px) {
    .cp-faq__tab { padding: 9px 14px; font-size: 12px; }
    .cp-faq__q-text { font-size: 14px; }
    .cp-faq__a-inner { font-size: 13.5px; }
  }
/* END_SECTION:mm-faq */

/* START_SECTION:mm-faqu (INDEX:47) */
.cp-faq {
    font-family: var(--mm-sans);
    background: var(--cp-faq-bg, #FFFCF7);
    color: var(--cp-faq-text, #1A1A1A);
    padding: 48px 0 56px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-faq__wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 18px;
  }

  /* ===== HEADER ===== */
  .cp-faq__header {
    text-align: center;
    margin-bottom: 32px;
  }
  .cp-faq__eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--cp-faq-accent);
    margin-bottom: 12px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(200, 54, 42, 0.08);
  }
  .cp-faq__headline {
    font-family: var(--mm-serif);
    font-weight: 600;
    font-size: clamp(30px, 8vw, 44px);
    line-height: 1.08;
    letter-spacing: -1px;
    margin: 0 0 12px;
  }
  .cp-faq__headline em {
    font-style: italic;
    color: var(--cp-faq-accent);
    font-weight: 600;
  }
  .cp-faq__description {
    font-size: 14.5px;
    line-height: 1.55;
    opacity: 0.7;
    max-width: 440px;
    margin: 0 auto;
  }
  .cp-faq__description p { margin: 0; }

  /* ===== TABS scrolleables - MÁS SEPARADAS ===== */
  .cp-faq__tabs-wrap {
    margin: 0 -18px 28px;
    padding: 0 18px;
    position: relative;
  }

  .cp-faq__tabs {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 4px 0 10px;
    scroll-snap-type: x mandatory;
  }
  .cp-faq__tabs::-webkit-scrollbar { display: none; }

  .cp-faq__tabs-wrap::before,
  .cp-faq__tabs-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24px;
    pointer-events: none;
    z-index: 1;
  }
  .cp-faq__tabs-wrap::before {
    left: 0;
    background: linear-gradient(90deg, var(--cp-faq-bg) 0%, transparent 100%);
  }
  .cp-faq__tabs-wrap::after {
    right: 0;
    background: linear-gradient(270deg, var(--cp-faq-bg) 0%, transparent 100%);
  }

  .cp-faq__tab {
    flex-shrink: 0;
    scroll-snap-align: start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 999px;
    border: 1.5px solid var(--cp-faq-divider);
    background: var(--cp-faq-card);
    color: var(--cp-faq-text);
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.25s ease;
  }
  .cp-faq__tab:hover {
    border-color: var(--cp-faq-text);
  }
  .cp-faq__tab.is-active {
    background: var(--cp-faq-tab-active-bg);
    color: var(--cp-faq-tab-active-text);
    border-color: var(--cp-faq-tab-active-bg);
    box-shadow: 0 6px 18px rgba(26, 26, 26, 0.18);
    transform: translateY(-1px);
  }
  .cp-faq__tab-icon {
    font-size: 15px;
    line-height: 1;
  }

  /* ===== PANELS ===== */
  .cp-faq__panel {
    display: none;
    animation: cp-faq-fade 0.35s ease;
  }
  .cp-faq__panel.is-active { display: block; }

  @keyframes cp-faq-fade {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* ===== CARD - MÁS PADDING ===== */
  .cp-faq__card {
    background: var(--cp-faq-card);
    border-radius: 18px;
    padding: 8px 22px;
    margin-bottom: 28px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  }

  /* ===== LIST ===== */
  .cp-faq__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .cp-faq__item {
    border-bottom: 1px solid var(--cp-faq-divider);
  }
  .cp-faq__item:last-child {
    border-bottom: none;
  }

  /* PREGUNTAS - MÁS AIRE */
  .cp-faq__q {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 26px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    transition: color 0.25s ease;
  }
  .cp-faq__item.is-open .cp-faq__q-text {
    color: var(--cp-faq-accent);
  }

  .cp-faq__q-text {
    font-family: var(--mm-sans);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    flex: 1;
    min-width: 0;
    transition: color 0.25s ease;
  }

  /* ===== Plus animado ===== */
  .cp-faq__plus {
    flex-shrink: 0;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--cp-faq-bg);
    transition: background 0.25s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .cp-faq__item.is-open .cp-faq__plus {
    background: var(--cp-faq-accent);
    transform: rotate(180deg);
  }
  .cp-faq__plus-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--cp-faq-text);
    border-radius: 2px;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s ease, opacity 0.25s ease;
  }
  .cp-faq__plus-bar--h {
    width: 12px;
    height: 2px;
    transform: translate(-50%, -50%);
  }
  .cp-faq__plus-bar--v {
    width: 2px;
    height: 12px;
    transform: translate(-50%, -50%);
  }
  .cp-faq__item.is-open .cp-faq__plus-bar {
    background: #FFFFFF;
  }
  .cp-faq__item.is-open .cp-faq__plus-bar--v {
    opacity: 0;
  }

  /* ===== ANSWER - MÁS AIRE ===== */
  .cp-faq__a {
    overflow: hidden;
  }
  .cp-faq__a-inner {
    padding: 4px 4px 26px;
    font-size: 14px;
    line-height: 1.65;
    color: var(--cp-faq-text);
    opacity: 0.78;
    max-width: 560px;
    animation: cp-faq-answer-in 0.3s ease both;
  }
  @keyframes cp-faq-answer-in {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 0.78; transform: translateY(0); }
  }
  .cp-faq__a-inner p { margin: 0 0 10px; }
  .cp-faq__a-inner p:last-child { margin-bottom: 0; }
  .cp-faq__a-inner strong { font-weight: 700; opacity: 1; }
  .cp-faq__a-inner em { font-style: italic; color: var(--cp-faq-accent); opacity: 1; }
  .cp-faq__a-inner a {
    color: var(--cp-faq-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 600;
  }
  .cp-faq__a-inner ul {
    list-style: none;
    margin: 8px 0;
    padding: 0;
  }
  .cp-faq__a-inner ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 6px;
  }
  .cp-faq__a-inner ul li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--cp-faq-accent);
  }

  /* ===== HELP BOX ===== */
  .cp-faq__help {
    background: var(--cp-faq-help-bg);
    border-radius: 18px;
    padding: 24px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--cp-faq-divider);
  }
  .cp-faq__help-emoji {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 2px;
  }
  .cp-faq__help-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .cp-faq__help-text {
    font-family: var(--mm-serif);
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -0.3px;
  }
  .cp-faq__help-subtext {
    font-size: 13px;
    margin: 0;
    opacity: 0.65;
    line-height: 1.5;
  }
  .cp-faq__help-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    background: var(--cp-faq-accent);
    color: #FFFFFF;
    font-size: 13.5px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(200, 54, 42, 0.32);
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 4px;
  }
  .cp-faq__help-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(200, 54, 42, 0.42);
  }
  .cp-faq__help-cta:active {
    transform: scale(0.97);
  }

  /* ===== TABLET+ ===== */
  @media (min-width: 700px) {
    .cp-faq { padding: 80px 0 88px; }
    .cp-faq__wrap { padding: 0 24px; }
    .cp-faq__header { margin-bottom: 40px; }

    .cp-faq__tabs-wrap {
      margin: 0 0 36px;
      padding: 0;
    }
    .cp-faq__tabs {
      justify-content: center;
      flex-wrap: wrap;
      overflow: visible;
      gap: 16px;
    }
    .cp-faq__tabs-wrap::before,
    .cp-faq__tabs-wrap::after { display: none; }
    .cp-faq__tab { padding: 14px 24px; font-size: 14px; }

    .cp-faq__card {
      padding: 10px 32px;
      border-radius: 22px;
      margin-bottom: 32px;
    }
    .cp-faq__q { padding: 30px 4px; }
    .cp-faq__q-text { font-size: 16.5px; }
    .cp-faq__a-inner { font-size: 15px; padding-bottom: 30px; }

    .cp-faq__help {
      padding: 32px 28px;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align: left;
      gap: 18px;
    }
    .cp-faq__help-emoji { font-size: 44px; }
    .cp-faq__help-content { flex: 1; min-width: 200px; }
    .cp-faq__help-text { font-size: 20px; }
  }

  @media (max-width: 360px) {
    .cp-faq__tab { padding: 10px 16px; font-size: 12px; gap: 6px; }
    .cp-faq__q { padding: 22px 4px; }
    .cp-faq__q-text { font-size: 14px; }
    .cp-faq__a-inner { font-size: 13px; padding-bottom: 22px; }
    .cp-faq__help { padding: 20px 16px; }
    .cp-faq__help-emoji { font-size: 30px; }
    .cp-faq__help-text { font-size: 16px; }
  }
/* END_SECTION:mm-faqu */

/* START_SECTION:mm-featured-in (INDEX:48) */
/* ============ FEATURED IN (compact mobile-first) ============ */
  .mm-featured {
    text-align: center;
    padding: 14px 14px;
  }
  .mm-featured--compact { padding: 10px 14px; }
  .mm-featured--cozy { padding: 18px 14px; }

  .mm-featured__label {
    font-family: var(--mm-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 8px;
    line-height: 1.3;
  }

  .mm-featured__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    color: var(--mm-featured-logo-color);
  }

  .mm-featured__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: opacity 0.15s ease;
  }
  .mm-featured__logo[href]:hover { opacity: 0.7; }

  /* Texto */
  .mm-featured__logo--text {
    font-family: var(--mm-serif);
    font-weight: 700;
    color: var(--mm-featured-logo-color);
    letter-spacing: 0.5px;
    font-size: 13px;
    white-space: nowrap;
  }

  /* Estilo "boxed" — con borde alrededor del texto */
  .mm-featured--logo-boxed .mm-featured__logo--text {
    border: 1.5px solid currentColor;
    padding: 5px 11px;
    border-radius: 5px;
    font-size: 12px;
  }

  /* Estilo "plain" — solo texto sin borde */
  .mm-featured--logo-plain .mm-featured__logo--text {
    font-size: 14px;
    opacity: 0.75;
  }

  /* Imagen */
  .mm-featured__logo--image img {
    display: block;
    height: 22px;
    width: auto;
    max-width: 110px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.7;
    transition: filter 0.15s ease, opacity 0.15s ease;
  }
  .mm-featured__logo--image:hover img {
    filter: grayscale(0);
    opacity: 1;
  }

  /* Desktop */
  @media (min-width: 700px) {
    .mm-featured { padding: 18px 24px; }
    .mm-featured--compact { padding: 14px 24px; }
    .mm-featured--cozy { padding: 24px 24px; }
    .mm-featured__logos { gap: 28px; }
    .mm-featured__label { font-size: 11px; margin-bottom: 12px; }
    .mm-featured__logo--text { font-size: 14px; }
    .mm-featured--logo-boxed .mm-featured__logo--text { font-size: 13px; padding: 6px 13px; }
    .mm-featured--logo-plain .mm-featured__logo--text { font-size: 16px; }
    .mm-featured__logo--image img { height: 26px; max-width: 130px; }
  }

  /* Mobile chico */
  @media (max-width: 380px) {
    .mm-featured { padding: 12px 12px; }
    .mm-featured--compact { padding: 8px 12px; }
    .mm-featured__logos { gap: 12px; }
    .mm-featured__label { font-size: 9px; letter-spacing: 1.5px; margin-bottom: 6px; }
    .mm-featured__logo--text { font-size: 12px; }
    .mm-featured--logo-boxed .mm-featured__logo--text { font-size: 11px; padding: 4px 9px; }
    .mm-featured__logo--image img { height: 18px; max-width: 90px; }
  }
/* END_SECTION:mm-featured-in */

/* START_SECTION:mm-features-pills (INDEX:49) */
/* ============ FEATURES PILLS ============ */
  .mm-features {
    font-family: var(--mm-sans);
    color: var(--mm-ink);
    padding: 24px 14px;
    -webkit-font-smoothing: antialiased;
  }
  .mm-features__container {
    max-width: 1100px;
    margin: 0 auto;
  }
  .mm-features__header {
    margin-bottom: 16px;
    text-align: center;
  }
  .mm-features__header .mm-section-text {
    margin-left: auto;
    margin-right: auto;
  }

  /* GRID: 2 cols mobile */
  .mm-features__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  /* FEATURE CARD base */
  .mm-feature {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 14px 12px;
    border-radius: 14px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  /* Variantes de estilo */
  .mm-features--filled .mm-feature {
    background: var(--mm-bg-card);
    border: 1px solid var(--mm-line);
  }
  .mm-features--outlined .mm-feature {
    background: transparent;
    border: 1.5px solid var(--mm-line);
  }
  .mm-features--soft .mm-feature {
    background: var(--mm-bg-soft);
    border: 1px solid transparent;
  }

  .mm-feature:hover {
    transform: translateY(-2px);
    box-shadow: var(--mm-shadow-sm);
  }
  .mm-features--outlined .mm-feature:hover {
    border-color: var(--mm-feat-icon);
  }

  /* Ícono */
  .mm-feature__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(200, 54, 42, 0.08);
    color: var(--mm-feat-icon, var(--mm-accent));
    flex-shrink: 0;
  }
  .mm-feature__icon svg {
    width: 20px;
    height: 20px;
  }

  /* Body */
  .mm-feature__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .mm-feature__title {
    font-family: var(--mm-serif);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.2px;
    color: var(--mm-ink);
    margin: 0;
  }
  .mm-feature__text {
    font-size: 12px;
    color: var(--mm-ink-soft);
    line-height: 1.4;
    margin: 0;
  }

  /* Tablet (3 cols a partir de 600px si elegiste 4) */
  @media (min-width: 600px) {
    .mm-features__grid { gap: 12px; }
    .mm-features--cols-3 .mm-features__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .mm-features--cols-4 .mm-features__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .mm-feature { padding: 16px 14px; gap: 10px; }
    .mm-feature__icon { width: 40px; height: 40px; }
    .mm-feature__icon svg { width: 22px; height: 22px; }
    .mm-feature__title { font-size: 15px; }
    .mm-feature__text { font-size: 13px; }
  }

  /* Desktop */
  @media (min-width: 900px) {
    .mm-features { padding: 48px 24px; }
    .mm-features__header { margin-bottom: 28px; }
    .mm-features__grid { gap: 14px; }
    .mm-feature { padding: 20px 18px; gap: 12px; }
    .mm-feature__icon { width: 44px; height: 44px; }
    .mm-feature__icon svg { width: 24px; height: 24px; }
    .mm-feature__title { font-size: 16px; }
    .mm-feature__text { font-size: 13px; line-height: 1.5; }
  }

  /* Mobile chico */
  @media (max-width: 380px) {
    .mm-features { padding: 20px 12px; }
    .mm-features__grid { gap: 8px; }
    .mm-feature { padding: 12px 10px; gap: 6px; }
    .mm-feature__icon { width: 32px; height: 32px; border-radius: 8px; }
    .mm-feature__icon svg { width: 17px; height: 17px; }
    .mm-feature__title { font-size: 12px; }
    .mm-feature__text { font-size: 11px; line-height: 1.35; }
  }

  @media (prefers-reduced-motion: reduce) {
    .mm-feature { transition: none; }
    .mm-feature:hover { transform: none; }
  }
/* END_SECTION:mm-features-pills */

/* START_SECTION:mm-footer (INDEX:50) */
.mm-foot {
    font-family: var(--mm-sans);
    background: var(--mm-foot-bg, var(--mm-ink));
    color: var(--mm-foot-text, var(--mm-bg));
    padding: 36px 0 24px;
    -webkit-font-smoothing: antialiased;
  }

  .mm-foot__wrap {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 18px;
  }

  .mm-foot__top {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--mm-foot-divider);
  }

  .mm-foot__logo {
    font-family: var(--mm-serif);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin-bottom: 6px;
  }

  .mm-foot__tagline {
    font-size: 13px;
    line-height: 1.5;
    opacity: 0.7;
    margin: 0;
    max-width: 280px;
  }

  .mm-foot__news-title {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px;
  }

  .mm-foot__news-text {
    font-size: 12px;
    line-height: 1.5;
    opacity: 0.7;
    margin: 0 0 10px;
  }

  .mm-foot__form {
    display: flex;
    gap: 6px;
    margin: 0;
  }

  .mm-foot__input {
    flex: 1;
    min-width: 0;
    padding: 11px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: var(--mm-foot-text);
    font-family: inherit;
    font-size: 13px;
    transition: border-color 0.2s, background 0.2s;
  }
  .mm-foot__input::placeholder {
    color: var(--mm-foot-text);
    opacity: 0.5;
  }
  .mm-foot__input:focus {
    outline: none;
    border-color: var(--mm-foot-accent);
    background: rgba(255, 255, 255, 0.10);
  }

  .mm-foot__news-btn {
    flex-shrink: 0;
    padding: 0 18px;
    border-radius: 999px;
    border: none;
    background: var(--mm-foot-accent);
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: opacity 0.15s;
  }
  .mm-foot__news-btn:hover { opacity: 0.92; }
  .mm-foot__news-btn span:first-child {
    display: none;
  }

  .mm-foot__form-ok {
    width: 100%;
    margin: 8px 0 0;
    font-size: 12px;
    color: #6BCB77;
  }

  .mm-foot__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 16px;
    padding: 24px 0;
    border-bottom: 1px solid var(--mm-foot-divider);
  }

  .mm-foot__col-title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 0 10px;
    opacity: 0.6;
  }

  .mm-foot__col-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .mm-foot__col-list a {
    color: var(--mm-foot-text);
    font-size: 13px;
    text-decoration: none;
    opacity: 0.9;
    transition: opacity 0.15s, color 0.15s;
  }
  .mm-foot__col-list a:hover {
    color: var(--mm-foot-accent);
    opacity: 1;
  }

  .mm-foot__social {
    display: flex;
    gap: 10px;
    padding: 18px 0;
    border-bottom: 1px solid var(--mm-foot-divider);
  }

  .mm-foot__social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: var(--mm-foot-text);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
  }
  .mm-foot__social a:hover {
    background: var(--mm-foot-accent);
    color: #fff;
  }

  .mm-foot__bottom {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .mm-foot__payments {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
  }
  .mm-foot__pay {
    font-size: 10px;
    font-weight: 800;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.10);
    letter-spacing: 0.5px;
  }

  .mm-foot__copy,
  .mm-foot__legal {
    font-size: 11px;
    margin: 0;
    opacity: 0.55;
    line-height: 1.5;
  }

  @media (min-width: 700px) {
    .mm-foot { padding: 56px 0 28px; }

    .mm-foot__top {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      gap: 40px;
      padding-bottom: 32px;
    }

    .mm-foot__news { flex: 0 1 380px; }
    .mm-foot__news-btn span:first-child { display: inline; }

    .mm-foot__links {
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      padding: 32px 0;
    }

    .mm-foot__social { padding: 22px 0; }

    .mm-foot__bottom {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .mm-foot__copy { order: 2; }
    .mm-foot__legal { order: 3; flex-basis: 100%; }
    .mm-foot__payments { order: 1; }
  }

  @media (max-width: 360px) {
    .mm-foot__links { grid-template-columns: 1fr; gap: 18px; }
  }
/* END_SECTION:mm-footer */

/* START_SECTION:mm-guarantee (INDEX:51) */
.mm-gua {
    font-family: var(--mm-sans);
    background: var(--mm-gua-bg, var(--mm-bg));
    padding: 28px 0 36px;
    -webkit-font-smoothing: antialiased;
  }

  .mm-gua__wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px;
  }

  /* ===== CARD ===== */
  .mm-gua__card {
    background: var(--mm-gua-card);
    color: var(--mm-gua-text);
    border-radius: var(--mm-radius-lg, 16px);
    padding: 36px 22px 28px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  }

  /* Detalle decorativo de esquina */
  .mm-gua__card::before {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, var(--mm-gua-accent) 0%, transparent 70%);
    opacity: 0.18;
    border-radius: 50%;
    pointer-events: none;
  }

  /* ===== BADGE / SELLO ===== */
  .mm-gua__badge {
    position: relative;
    width: 124px;
    height: 124px;
    margin: 0 auto 18px;
  }

  .mm-gua__badge-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--mm-gua-badge-bg);
    color: var(--mm-gua-badge);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), inset 0 0 0 3px rgba(255, 255, 255, 0.08);
    z-index: 2;
  }

  .mm-gua__badge-num {
    font-family: var(--mm-serif);
    font-size: 52px;
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -2px;
  }

  .mm-gua__badge-unit {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    margin-top: 2px;
    opacity: 0.85;
  }

  /* Ring exterior */
  .mm-gua__badge-ring {
    position: absolute;
    inset: -8px;
    border: 1.5px dashed var(--mm-gua-accent);
    border-radius: 50%;
    opacity: 0.55;
    z-index: 1;
    animation: mm-gua-rotate 28s linear infinite;
  }

  @keyframes mm-gua-rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }

  @media (prefers-reduced-motion: reduce) {
    .mm-gua__badge-ring { animation: none; }
  }

  /* ===== CONTENT ===== */
  .mm-gua__content {
    position: relative;
    z-index: 2;
    text-align: center;
  }

  .mm-gua__eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--mm-gua-accent);
    margin-bottom: 8px;
  }

  .mm-gua__headline {
    font-family: var(--mm-serif);
    font-weight: 600;
    font-size: clamp(22px, 5.6vw, 30px);
    line-height: 1.18;
    letter-spacing: -0.5px;
    margin: 0 0 10px;
    color: var(--mm-gua-text);
  }

  .mm-gua__headline em {
    font-style: italic;
    color: var(--mm-gua-accent);
    font-weight: 600;
  }

  .mm-gua__headline strong {
    color: var(--mm-gua-accent);
    font-weight: 700;
  }

  .mm-gua__description {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.85;
    margin-bottom: 18px;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }
  .mm-gua__description p { margin: 0 0 6px; }
  .mm-gua__description p:last-child { margin-bottom: 0; }

  /* ===== LISTA DE PUNTOS ===== */
  .mm-gua__list {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
  }

  .mm-gua__point {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
  }

  .mm-gua__check {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--mm-gua-accent);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }

  .mm-gua__point-text { flex: 1; min-width: 0; }

  .mm-gua__point-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 2px;
  }

  .mm-gua__point-sub {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    opacity: 0.7;
  }

  /* ===== SEAL ===== */
  .mm-gua__seal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-bottom: 14px;
  }

  .mm-gua__seal-icon { font-size: 14px; }

  /* ===== LEGAL ===== */
  .mm-gua__legal {
    font-size: 10.5px;
    line-height: 1.5;
    opacity: 0.55;
    margin: 0;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  /* ===== TABLET ===== */
  @media (min-width: 700px) {
    .mm-gua { padding: 48px 0 56px; }

    .mm-gua__card {
      padding: 40px 36px 32px;
      display: grid;
      grid-template-columns: 160px 1fr;
      gap: 32px;
      align-items: center;
    }

    .mm-gua__badge { margin: 0; width: 160px; height: 160px; }
    .mm-gua__badge-num { font-size: 64px; }
    .mm-gua__badge-unit { font-size: 11px; }

    .mm-gua__content { text-align: left; }
    .mm-gua__description { margin-left: 0; margin-right: 0; max-width: none; }
    .mm-gua__legal { margin-left: 0; max-width: none; }

    .mm-gua__list { gap: 8px; }
    .mm-gua__point { padding: 12px 14px; }
  }

  /* ===== DESKTOP ===== */
  @media (min-width: 1000px) {
    .mm-gua__wrap { max-width: 880px; }
    .mm-gua__card { padding: 48px 44px 38px; }
  }

  /* ===== MOBILE CHICO ===== */
  @media (max-width: 360px) {
    .mm-gua__card { padding: 30px 16px 24px; }
    .mm-gua__badge { width: 108px; height: 108px; }
    .mm-gua__badge-num { font-size: 44px; }
    .mm-gua__point-title { font-size: 13px; }
    .mm-gua__point-sub { font-size: 11px; }
  }
/* END_SECTION:mm-guarantee */

/* START_SECTION:mm-hero-v2 (INDEX:53) */
.cp-h2 {
    font-family: var(--mm-sans);
    background: var(--cp-h2-bg, #FFFCF7);
    color: var(--cp-h2-text, #1A1A1A);
    padding: 12px 0 24px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-h2__wrap {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .cp-h2__gallery {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cp-h2__main {
    position: relative;
    aspect-ratio: 1 / 1;
    background: var(--cp-h2-card);
    border-radius: 20px;
    overflow: hidden;
  }

  .cp-h2__track {
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  .cp-h2__track::-webkit-scrollbar { display: none; }
  .cp-h2__track:focus-visible {
    outline: 2px solid var(--cp-h2-accent);
    outline-offset: -2px;
  }

  .cp-h2__slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    position: relative;
  }
  .cp-h2__slide img,
  .cp-h2__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
  }

  .cp-h2__dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 4;
    background: rgba(0, 0, 0, 0.4);
    padding: 6px 10px;
    border-radius: 999px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .cp-h2__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    padding: 0;
    transition: all 0.25s ease;
    appearance: none;
    -webkit-appearance: none;
    flex-shrink: 0;
  }
  .cp-h2__dot.is-active {
    background: #FFFFFF;
    width: 18px;
    border-radius: 999px;
  }

  .cp-h2__chips {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    pointer-events: none;
  }

  .cp-h2__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 1;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
  }
  .cp-h2__chip--gift {
    background: var(--cp-h2-accent);
    color: #FFFFFF;
    text-transform: uppercase;
  }
  .cp-h2__chip--social {
    background: #FFFFFF;
    color: var(--cp-h2-text);
    font-weight: 700;
  }
  .cp-h2__chip span:first-child { font-size: 13px; }

  .cp-h2__thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }

  .cp-h2__thumb {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid transparent;
    background: var(--cp-h2-card);
    cursor: pointer;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.2s, transform 0.15s;
  }
  .cp-h2__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cp-h2__thumb-num {
    position: absolute;
    inset: auto auto 6px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-family: var(--mm-mono, monospace);
    font-size: 10px;
    font-weight: 700;
    border-radius: 999px;
    width: 22px;
    height: 22px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .cp-h2__thumb.is-active { border-color: var(--cp-h2-accent); }
  .cp-h2__thumb:active { transform: scale(0.96); }

  .cp-h2__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    margin-top: 4px;
  }
  .cp-h2__rating-stars {
    color: var(--mm-gold, #FFD79A);
    letter-spacing: 1px;
    font-size: 15px;
  }
  .cp-h2__rating strong { font-weight: 700; }
  .cp-h2__rating-text { opacity: 0.7; font-weight: 500; }

  .cp-h2__title {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(36px, 11vw, 56px);
    line-height: 1;
    letter-spacing: -1.5px;
    margin: 2px 0 0;
    display: flex;
    flex-direction: column;
  }
  .cp-h2__title-line { display: block; }
  .cp-h2__title-line--accent { color: var(--cp-h2-accent); }

  .cp-h2__price-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--cp-h2-card);
    border-radius: 16px;
    padding: 16px 18px;
    margin-top: 4px;
  }

  .cp-h2__price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
  }
  .cp-h2__price-now {
    font-family: var(--mm-serif);
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1;
  }
  .cp-h2__price-was {
    font-size: 16px;
    color: var(--cp-h2-muted);
    text-decoration: line-through;
  }
  .cp-h2__price-off {
    background: var(--cp-h2-accent);
    color: #FFFFFF;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.3px;
  }
  .cp-h2__price-off:empty { display: none; }

  .cp-h2__savings {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--cp-h2-accent);
  }
  .cp-h2__savings strong { font-weight: 800; }

  .cp-h2__countdown {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--cp-h2-accent-soft);
    border-radius: 14px;
    border: 1px dashed var(--cp-h2-accent);
  }
  .cp-h2__countdown-icon { font-size: 22px; line-height: 1; }
  .cp-h2__countdown-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
    line-height: 1.3;
  }
  .cp-h2__countdown-text strong { font-weight: 700; }
  .cp-h2__countdown-text span[data-mm-countdown] {
    color: var(--cp-h2-accent);
    font-weight: 800;
  }

  .cp-h2__selector {
    background: var(--cp-h2-card);
    border-radius: 18px;
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .cp-h2__selector-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
  }

  .cp-h2__selector-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .cp-h2__selector-label span:first-child { font-size: 13px; }
  .cp-h2__selector-value { font-size: 12px; color: var(--cp-h2-muted); }
  .cp-h2__selector-value strong { color: var(--cp-h2-text); font-weight: 700; }

  .cp-h2__colors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .cp-h2__color {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 8px;
    background: var(--cp-h2-bg);
    border: 2px solid transparent;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.2s;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    color: inherit;
  }
  .cp-h2__color:hover { border-color: var(--cp-h2-muted); }
  .cp-h2__color.is-active {
    border-color: var(--cp-h2-accent);
    box-shadow: 0 0 0 3px var(--cp-h2-accent-soft);
  }
  .cp-h2__color-dot {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
  }
  .cp-h2__color-name { font-size: 12px; font-weight: 700; }

  .cp-h2__packs {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cp-h2__pack {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 12px;
    background: var(--cp-h2-bg);
    border: 2px solid transparent;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .cp-h2__pack.is-active {
    border-color: var(--cp-h2-accent);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px var(--cp-h2-accent-soft);
  }
  .cp-h2__pack input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .cp-h2__pack-radio {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--cp-h2-muted);
    position: relative;
    transition: all 0.15s;
  }
  .cp-h2__pack.is-active .cp-h2__pack-radio {
    border-color: var(--cp-h2-accent);
    background: var(--cp-h2-accent);
  }
  .cp-h2__pack.is-active .cp-h2__pack-radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFFFFF;
  }

  .cp-h2__pack-info { flex: 1; min-width: 0; }

  .cp-h2__pack-qty {
    font-family: var(--mm-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

  .cp-h2__pack-badge {
    background: var(--cp-h2-text);
    color: var(--cp-h2-bg);
    font-family: var(--mm-sans);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 999px;
    text-transform: uppercase;
  }

  .cp-h2__pack-sub {
    font-size: 11.5px;
    color: var(--cp-h2-muted);
    margin-top: 2px;
    line-height: 1.3;
  }

  .cp-h2__pack-prices {
    text-align: right;
    flex-shrink: 0;
  }

  .cp-h2__pack-now {
    font-family: var(--mm-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
  }

  .cp-h2__pack-was {
    font-size: 11px;
    color: var(--cp-h2-muted);
    text-decoration: line-through;
    margin-top: 2px;
  }

  .cp-h2__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 18px 22px;
    border-radius: 16px;
    background: var(--cp-h2-accent);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(200, 54, 42, 0.36);
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 4px;
  }
  .cp-h2__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(200, 54, 42, 0.46);
    color: #FFFFFF;
  }
  .cp-h2__cta:active { transform: scale(0.98); }
  .cp-h2__cta[data-mm-unavailable] {
    background: var(--cp-h2-muted);
    cursor: not-allowed;
    box-shadow: none;
  }
  .cp-h2__cta-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
  }
  .cp-h2__cta-label > span:first-child { font-size: 18px; line-height: 1; }
  .cp-h2__cta strong { font-weight: 800; }
  .cp-h2__cta-arrow {
    transition: transform 0.2s;
    font-size: 20px;
  }
  .cp-h2__cta:hover .cp-h2__cta-arrow { transform: translateX(4px); }

  .cp-h2__truck {
    background: var(--cp-h2-card);
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 4px;
  }

  .cp-h2__truck-road {
    position: relative;
    height: 44px;
    background: linear-gradient(180deg, #FFFCF7 0%, #F5F0E6 100%);
    overflow: hidden;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  }

  .cp-h2__truck-road::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    height: 2px;
    background: repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.15) 0px,
      rgba(0, 0, 0, 0.15) 8px,
      transparent 8px,
      transparent 18px
    );
    animation: cp-truck-road 1.2s linear infinite;
  }

  @keyframes cp-truck-road {
    from { background-position: 0 0; }
    to { background-position: -36px 0; }
  }

  .cp-h2__truck-svg {
    position: absolute;
    bottom: 8px;
    left: -70px;
    width: 60px;
    height: 30px;
    animation: cp-truck-drive 4.5s cubic-bezier(0.55, 0, 0.45, 1) infinite,
               cp-truck-bounce 0.25s ease-in-out infinite;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.12));
  }

  @keyframes cp-truck-drive {
    0% { left: -70px; }
    45% { left: calc(50% - 30px); }
    55% { left: calc(50% - 30px); }
    100% { left: 100%; }
  }

  @keyframes cp-truck-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1px); }
  }

  .cp-h2__truck-smoke {
    animation: cp-truck-smoke 1.4s ease-out infinite;
    transform-origin: center;
  }
  .cp-h2__truck-smoke--2 { animation-delay: 0.5s; }

  @keyframes cp-truck-smoke {
    0% { transform: translateX(0) scale(0.6); opacity: 0.3; }
    100% { transform: translateX(-14px) scale(1.4); opacity: 0; }
  }

  .cp-h2__truck-dust {
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 28px;
    height: 7px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.08) 0%, transparent 70%);
    opacity: 0;
    animation: cp-truck-dust 4.5s cubic-bezier(0.55, 0, 0.45, 1) infinite;
  }

  @keyframes cp-truck-dust {
    0%, 44% { opacity: 0; transform: translate(-50%, 0); }
    50% { opacity: 0.6; transform: translate(-50%, 0); }
    60% { opacity: 0; transform: translate(-30%, 2px); }
    100% { opacity: 0; }
  }

  .cp-h2__truck-content { padding: 12px 14px; }

  .cp-h2__truck-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13.5px;
  }

  .cp-h2__truck-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2BA84A;
    flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(43, 168, 74, 0.6);
    animation: cp-truck-pulse 1.6s infinite;
  }

  @keyframes cp-truck-pulse {
    0% { box-shadow: 0 0 0 0 rgba(43, 168, 74, 0.6); }
    70% { box-shadow: 0 0 0 8px rgba(43, 168, 74, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 168, 74, 0); }
  }

  .cp-h2__truck-head strong { font-weight: 700; }

  .cp-h2__truck-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .cp-h2__truck-list li {
    font-size: 12px;
    line-height: 1.4;
    color: var(--cp-h2-muted);
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .cp-h2__truck-list li span { font-size: 12.5px; flex-shrink: 0; }

  @media (min-width: 760px) {
    .cp-h2 { padding: 32px 0 48px; }
    .cp-h2__wrap {
      max-width: 1100px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: start;
    }
    .cp-h2__gallery {
      position: sticky;
      top: 20px;
      grid-row: span 10;
    }
    .cp-h2__title { font-size: clamp(44px, 5.4vw, 64px); }
    .cp-h2__price-now { font-size: 38px; }
  }

  @media (max-width: 360px) {
    .cp-h2__title { font-size: 32px; letter-spacing: -1px; }
    .cp-h2__price-now { font-size: 28px; }
    .cp-h2__color-dot { width: 32px; height: 32px; }
    .cp-h2__color-name { font-size: 11px; }
    .cp-h2__pack-qty { font-size: 14.5px; }
    .cp-h2__pack-now { font-size: 14.5px; }
    .cp-h2__cta { padding: 16px 18px; font-size: 14.5px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-h2__truck-svg,
    .cp-h2__truck-road::before,
    .cp-h2__truck-smoke,
    .cp-h2__truck-dust,
    .cp-h2__truck-pulse {
      animation: none !important;
    }
    .cp-h2__truck-svg {
      left: 50%;
      transform: translateX(-50%);
    }
    .cp-h2__track { scroll-behavior: auto; }
  }
/* END_SECTION:mm-hero-v2 */

/* START_SECTION:mm-herov2 (INDEX:54) */
.cp-h2 {
    font-family: var(--mm-sans);
    background: var(--cp-h2-bg, #FFFCF7);
    color: var(--cp-h2-text, #1A1A1A);
    padding: 12px 0 24px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-h2__wrap {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .cp-h2__gallery {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cp-h2__main {
    position: relative;
    aspect-ratio: 1 / 1;
    background: var(--cp-h2-card);
    border-radius: 20px;
    overflow: hidden;
  }

  .cp-h2__track {
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  .cp-h2__track::-webkit-scrollbar { display: none; }
  .cp-h2__track:focus-visible {
    outline: 2px solid var(--cp-h2-accent);
    outline-offset: -2px;
  }

  .cp-h2__slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    position: relative;
  }
  .cp-h2__slide img,
  .cp-h2__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
  }

  .cp-h2__dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 4;
    background: rgba(0, 0, 0, 0.4);
    padding: 6px 10px;
    border-radius: 999px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .cp-h2__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    padding: 0;
    transition: all 0.25s ease;
    appearance: none;
    -webkit-appearance: none;
    flex-shrink: 0;
  }
  .cp-h2__dot.is-active {
    background: #FFFFFF;
    width: 18px;
    border-radius: 999px;
  }

  .cp-h2__chips {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    pointer-events: none;
  }

  .cp-h2__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 1;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
  }
  .cp-h2__chip--gift {
    background: var(--cp-h2-accent);
    color: #FFFFFF;
    text-transform: uppercase;
  }
  .cp-h2__chip--social {
    background: #FFFFFF;
    color: var(--cp-h2-text);
    font-weight: 700;
  }
  .cp-h2__chip span:first-child { font-size: 13px; }

  .cp-h2__thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }

  .cp-h2__thumb {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid transparent;
    background: var(--cp-h2-card);
    cursor: pointer;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    transition: border-color 0.2s, transform 0.15s;
  }
  .cp-h2__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .cp-h2__thumb-num {
    position: absolute;
    inset: auto auto 6px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-family: var(--mm-mono, monospace);
    font-size: 10px;
    font-weight: 700;
    border-radius: 999px;
    width: 22px;
    height: 22px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .cp-h2__thumb.is-active { border-color: var(--cp-h2-accent); }
  .cp-h2__thumb:active { transform: scale(0.96); }

  .cp-h2__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    margin-top: 4px;
  }
  .cp-h2__rating-stars {
    color: var(--mm-gold, #FFD79A);
    letter-spacing: 1px;
    font-size: 15px;
  }
  .cp-h2__rating strong { font-weight: 700; }
  .cp-h2__rating-text { opacity: 0.7; font-weight: 500; }

  .cp-h2__title {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(36px, 11vw, 56px);
    line-height: 1;
    letter-spacing: -1.5px;
    margin: 2px 0 0;
    display: flex;
    flex-direction: column;
  }
  .cp-h2__title-line { display: block; }
  .cp-h2__title-line--accent { color: var(--cp-h2-accent); }

  .cp-h2__price-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--cp-h2-card);
    border-radius: 16px;
    padding: 16px 18px;
    margin-top: 4px;
  }

  .cp-h2__price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
  }
  .cp-h2__price-now {
    font-family: var(--mm-serif);
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1;
  }
  .cp-h2__price-was {
    font-size: 16px;
    color: var(--cp-h2-muted);
    text-decoration: line-through;
  }
  .cp-h2__price-off {
    background: var(--cp-h2-accent);
    color: #FFFFFF;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.3px;
  }
  .cp-h2__price-off:empty { display: none; }

  .cp-h2__savings {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--cp-h2-accent);
  }
  .cp-h2__savings strong { font-weight: 800; }

  .cp-h2__countdown {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--cp-h2-accent-soft);
    border-radius: 14px;
    border: 1px dashed var(--cp-h2-accent);
  }
  .cp-h2__countdown-icon { font-size: 22px; line-height: 1; }
  .cp-h2__countdown-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
    line-height: 1.3;
  }
  .cp-h2__countdown-text strong { font-weight: 700; }
  .cp-h2__countdown-text span[data-mm-countdown] {
    color: var(--cp-h2-accent);
    font-weight: 800;
  }

  .cp-h2__selector {
    background: var(--cp-h2-card);
    border-radius: 18px;
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .cp-h2__selector-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
  }

  .cp-h2__selector-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .cp-h2__selector-label span:first-child { font-size: 13px; }
  .cp-h2__selector-value { font-size: 12px; color: var(--cp-h2-muted); }
  .cp-h2__selector-value strong { color: var(--cp-h2-text); font-weight: 700; }

  .cp-h2__colors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .cp-h2__color {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 8px;
    background: var(--cp-h2-bg);
    border: 2px solid transparent;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.2s;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    color: inherit;
  }
  .cp-h2__color:hover { border-color: var(--cp-h2-muted); }
  .cp-h2__color.is-active {
    border-color: var(--cp-h2-accent);
    box-shadow: 0 0 0 3px var(--cp-h2-accent-soft);
  }
  .cp-h2__color-dot {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
  }
  .cp-h2__color-name { font-size: 12px; font-weight: 700; }

  .cp-h2__packs {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cp-h2__pack {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 12px;
    background: var(--cp-h2-bg);
    border: 2px solid transparent;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.2s;
  }
  .cp-h2__pack.is-active {
    border-color: var(--cp-h2-accent);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px var(--cp-h2-accent-soft);
  }
  .cp-h2__pack input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .cp-h2__pack-radio {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--cp-h2-muted);
    position: relative;
    transition: all 0.15s;
  }
  .cp-h2__pack.is-active .cp-h2__pack-radio {
    border-color: var(--cp-h2-accent);
    background: var(--cp-h2-accent);
  }
  .cp-h2__pack.is-active .cp-h2__pack-radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFFFFF;
  }

  .cp-h2__pack-info { flex: 1; min-width: 0; }

  .cp-h2__pack-qty {
    font-family: var(--mm-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

  .cp-h2__pack-badge {
    background: var(--cp-h2-text);
    color: var(--cp-h2-bg);
    font-family: var(--mm-sans);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 999px;
    text-transform: uppercase;
  }

  .cp-h2__pack-sub {
    font-size: 11.5px;
    color: var(--cp-h2-muted);
    margin-top: 2px;
    line-height: 1.3;
  }

  .cp-h2__pack-prices {
    text-align: right;
    flex-shrink: 0;
  }

  .cp-h2__pack-now {
    font-family: var(--mm-serif);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
  }

  .cp-h2__pack-was {
    font-size: 11px;
    color: var(--cp-h2-muted);
    text-decoration: line-through;
    margin-top: 2px;
  }

  .cp-h2__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 18px 22px;
    border-radius: 16px;
    background: var(--cp-h2-accent);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(200, 54, 42, 0.36);
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 4px;
  }
  .cp-h2__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(200, 54, 42, 0.46);
    color: #FFFFFF;
  }
  .cp-h2__cta:active { transform: scale(0.98); }
  .cp-h2__cta[data-mm-unavailable] {
    background: var(--cp-h2-muted);
    cursor: not-allowed;
    box-shadow: none;
  }
  .cp-h2__cta-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
  }
  .cp-h2__cta-label > span:first-child { font-size: 18px; line-height: 1; }
  .cp-h2__cta strong { font-weight: 800; }
  .cp-h2__cta-arrow {
    transition: transform 0.2s;
    font-size: 20px;
  }
  .cp-h2__cta:hover .cp-h2__cta-arrow { transform: translateX(4px); }

  .cp-h2__truck {
    background: var(--cp-h2-card);
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 4px;
  }

  .cp-h2__truck-road {
    position: relative;
    height: 44px;
    background: linear-gradient(180deg, #FFFCF7 0%, #F5F0E6 100%);
    overflow: hidden;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
  }

  .cp-h2__truck-road::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    height: 2px;
    background: repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.15) 0px,
      rgba(0, 0, 0, 0.15) 8px,
      transparent 8px,
      transparent 18px
    );
    animation: cp-truck-road 1.2s linear infinite;
  }

  @keyframes cp-truck-road {
    from { background-position: 0 0; }
    to { background-position: -36px 0; }
  }

  .cp-h2__truck-svg {
    position: absolute;
    bottom: 8px;
    left: -70px;
    width: 60px;
    height: 30px;
    animation: cp-truck-drive 4.5s cubic-bezier(0.55, 0, 0.45, 1) infinite,
               cp-truck-bounce 0.25s ease-in-out infinite;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.12));
  }

  @keyframes cp-truck-drive {
    0% { left: -70px; }
    45% { left: calc(50% - 30px); }
    55% { left: calc(50% - 30px); }
    100% { left: 100%; }
  }

  @keyframes cp-truck-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1px); }
  }

  .cp-h2__truck-smoke {
    animation: cp-truck-smoke 1.4s ease-out infinite;
    transform-origin: center;
  }
  .cp-h2__truck-smoke--2 { animation-delay: 0.5s; }

  @keyframes cp-truck-smoke {
    0% { transform: translateX(0) scale(0.6); opacity: 0.3; }
    100% { transform: translateX(-14px) scale(1.4); opacity: 0; }
  }

  .cp-h2__truck-dust {
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 28px;
    height: 7px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.08) 0%, transparent 70%);
    opacity: 0;
    animation: cp-truck-dust 4.5s cubic-bezier(0.55, 0, 0.45, 1) infinite;
  }

  @keyframes cp-truck-dust {
    0%, 44% { opacity: 0; transform: translate(-50%, 0); }
    50% { opacity: 0.6; transform: translate(-50%, 0); }
    60% { opacity: 0; transform: translate(-30%, 2px); }
    100% { opacity: 0; }
  }

  .cp-h2__truck-content { padding: 12px 14px; }

  .cp-h2__truck-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13.5px;
  }

  .cp-h2__truck-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2BA84A;
    flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(43, 168, 74, 0.6);
    animation: cp-truck-pulse 1.6s infinite;
  }

  @keyframes cp-truck-pulse {
    0% { box-shadow: 0 0 0 0 rgba(43, 168, 74, 0.6); }
    70% { box-shadow: 0 0 0 8px rgba(43, 168, 74, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 168, 74, 0); }
  }

  .cp-h2__truck-head strong { font-weight: 700; }

  .cp-h2__truck-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .cp-h2__truck-list li {
    font-size: 12px;
    line-height: 1.4;
    color: var(--cp-h2-muted);
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .cp-h2__truck-list li span { font-size: 12.5px; flex-shrink: 0; }

  @media (min-width: 760px) {
    .cp-h2 { padding: 32px 0 48px; }
    .cp-h2__wrap {
      max-width: 1100px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: start;
    }
    .cp-h2__gallery {
      position: sticky;
      top: 20px;
      grid-row: span 10;
    }
    .cp-h2__title { font-size: clamp(44px, 5.4vw, 64px); }
    .cp-h2__price-now { font-size: 38px; }
  }

  @media (max-width: 360px) {
    .cp-h2__title { font-size: 32px; letter-spacing: -1px; }
    .cp-h2__price-now { font-size: 28px; }
    .cp-h2__color-dot { width: 32px; height: 32px; }
    .cp-h2__color-name { font-size: 11px; }
    .cp-h2__pack-qty { font-size: 14.5px; }
    .cp-h2__pack-now { font-size: 14.5px; }
    .cp-h2__cta { padding: 16px 18px; font-size: 14.5px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-h2__truck-svg,
    .cp-h2__truck-road::before,
    .cp-h2__truck-smoke,
    .cp-h2__truck-dust,
    .cp-h2__truck-pulse {
      animation: none !important;
    }
    .cp-h2__truck-svg {
      left: 50%;
      transform: translateX(-50%);
    }
    .cp-h2__track { scroll-behavior: auto; }
  }
/* END_SECTION:mm-herov2 */

/* START_SECTION:mm-home-hero (INDEX:55) */
.cp-home {
    font-family: var(--mm-sans);
    background: var(--cp-home-bg, #FFFCF7);
    color: var(--cp-home-text, #1A1A1A);
    padding: 16px 0 32px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-home__wrap {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  /* ===== IMAGEN HERO ===== */
  .cp-home__media {
    position: relative;
    aspect-ratio: 4 / 5;
    background: var(--cp-home-card);
    border-radius: 20px;
    overflow: hidden;
  }
  .cp-home__media img,
  .cp-home__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .cp-home__rating-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    color: var(--cp-home-text);
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .cp-home__rating-stars {
    color: var(--mm-gold, #FFD79A);
    font-size: 13px;
    letter-spacing: 0.5px;
  }
  .cp-home__rating-badge strong { font-weight: 800; }
  .cp-home__rating-badge span:last-child {
    color: var(--cp-home-muted);
    font-weight: 500;
  }

  /* ===== CONTENIDO ===== */
  .cp-home__content {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .cp-home__eyebrow {
    display: inline-block;
    align-self: flex-start;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--cp-home-accent);
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(200, 54, 42, 0.08);
  }

  .cp-home__title {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(32px, 9vw, 48px);
    line-height: 1.05;
    letter-spacing: -1.2px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .cp-home__title-line {
    display: block;
  }
  .cp-home__title-line--accent {
    color: var(--cp-home-accent);
    font-style: italic;
    font-weight: 600;
  }

  .cp-home__title-brand {
    display: inline-flex;
    align-items: baseline;
    font-weight: 800;
    letter-spacing: -1.3px;
  }
  .cp-home__brand-coddys {
    color: var(--cp-home-text);
  }
  .cp-home__brand-pets {
    color: var(--cp-home-accent);
  }
  .cp-home__brand-reg {
    font-size: 0.4em;
    font-weight: 600;
    vertical-align: super;
    margin-left: 2px;
    opacity: 0.7;
    letter-spacing: 0;
  }

  .cp-home__description {
    font-size: 15px;
    line-height: 1.55;
    color: var(--cp-home-muted);
    margin-top: 2px;
  }
  .cp-home__description p { margin: 0; }
  .cp-home__description strong { color: var(--cp-home-text); font-weight: 700; }

  /* ===== BENEFITS ===== */
  .cp-home__benefits {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--cp-home-card);
    border-radius: 14px;
    padding: 14px 16px;
    margin-top: 4px;
  }

  .cp-home__benefit {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
  }

  .cp-home__benefit-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--cp-home-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
  }

  .cp-home__benefit-text strong {
    font-weight: 700;
  }

  /* ===== CTA ===== */
  .cp-home__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 18px 22px;
    border-radius: 16px;
    background: var(--cp-home-accent);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 32px rgba(200, 54, 42, 0.36);
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
  }
  .cp-home__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(200, 54, 42, 0.46);
    color: #FFFFFF;
  }
  .cp-home__cta:active { transform: scale(0.98); }

  .cp-home__cta-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
  }
  .cp-home__cta-label > span:first-child {
    font-size: 18px;
    line-height: 1;
  }

  .cp-home__cta-arrow {
    transition: transform 0.2s;
    font-size: 20px;
  }
  .cp-home__cta:hover .cp-home__cta-arrow {
    transform: translateX(4px);
  }

  /* ===== TRUST ===== */
  .cp-home__trust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    padding: 4px 0;
  }

  .cp-home__trust-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--cp-home-muted);
    flex: 1;
    justify-content: center;
    text-align: center;
    line-height: 1.3;
  }
  .cp-home__trust-item > span:first-child {
    font-size: 14px;
    line-height: 1;
  }
  .cp-home__trust-item strong {
    color: var(--cp-home-text);
    font-weight: 700;
  }

  /* ===== TABLET+ ===== */
  @media (min-width: 760px) {
    .cp-home { padding: 32px 0 56px; }
    .cp-home__wrap {
      max-width: 1100px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center;
    }
    .cp-home__media {
      aspect-ratio: 4 / 5;
      max-width: 500px;
    }
    .cp-home__content {
      gap: 18px;
    }
    .cp-home__title {
      font-size: clamp(40px, 5.4vw, 56px);
    }
    .cp-home__description {
      font-size: 16.5px;
    }
    .cp-home__benefit {
      font-size: 15px;
    }
    .cp-home__benefits {
      padding: 18px 20px;
    }
    .cp-home__trust-item {
      font-size: 13px;
    }
  }

  /* ===== MOBILE CHICO ===== */
  @media (max-width: 360px) {
    .cp-home__title { font-size: 28px; letter-spacing: -0.8px; }
    .cp-home__description { font-size: 13.5px; }
    .cp-home__benefit { font-size: 12.5px; }
    .cp-home__cta { padding: 16px 18px; font-size: 14px; }
    .cp-home__trust-item { font-size: 11px; }
    .cp-home__rating-badge { font-size: 11px; padding: 6px 10px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-home__cta,
    .cp-home__cta-arrow {
      transition: none !important;
    }
  }
/* END_SECTION:mm-home-hero */

/* START_SECTION:mm-home-product (INDEX:56) */
.mm-home {
    font-family: var(--mm-sans);
    background: var(--mm-home-bg, var(--mm-bg, #FFFCF7));
    color: var(--mm-home-text, var(--mm-ink, #1A1A1A));
    padding: 18px 0 24px;
    -webkit-font-smoothing: antialiased;
  }

  .mm-home__wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px;
  }

  /* ===== HERO ===== */
  .mm-home__hero {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .mm-home__media {
    position: relative;
    aspect-ratio: 4 / 5;
    border-radius: 16px;
    overflow: hidden;
    background: var(--mm-home-card);
  }

  .mm-home__media img,
  .mm-home__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .mm-home__badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--mm-home-accent);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 4px 14px rgba(200, 54, 42, 0.4);
    animation: mm-home-badge-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  }
  @keyframes mm-home-badge-pop {
    0%   { transform: scale(0.6); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }

  /* ===== CONTENT ===== */
  .mm-home__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .mm-home__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--mm-home-text);
    opacity: 0.85;
  }
  .mm-home__stars {
    color: var(--mm-gold, #FFD79A);
    letter-spacing: 1px;
    font-size: 14px;
  }
  .mm-home__rating-text strong { font-weight: 700; }

  .mm-home__eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: var(--mm-home-accent);
  }

  .mm-home__headline {
    font-family: var(--mm-serif);
    font-weight: 600;
    font-size: clamp(28px, 7.6vw, 44px);
    line-height: 1.05;
    letter-spacing: -0.8px;
    margin: 0;
  }
  .mm-home__brand {
    font-weight: 700;
    letter-spacing: -1px;
  }
  .mm-home__brand-accent {
    color: var(--mm-home-accent);
  }
  .mm-home__reg {
    font-size: 0.4em;
    font-weight: 600;
    vertical-align: super;
    margin-left: 2px;
    opacity: 0.7;
  }

  .mm-home__subheadline {
    font-size: 15px;
    line-height: 1.5;
    opacity: 0.85;
    margin-bottom: 2px;
  }
  .mm-home__subheadline p { margin: 0; }
  .mm-home__subheadline strong { font-weight: 700; opacity: 1; }

  /* ===== BENEFITS ===== */
  .mm-home__benefits {
    list-style: none;
    margin: 6px 0 4px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .mm-home__benefit {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    line-height: 1.35;
    font-weight: 500;
  }
  .mm-home__benefit-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--mm-home-card);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
  }

  /* ===== CTAS ===== */
  .mm-home__cta-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
  }

  .mm-home__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 16px 22px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    text-decoration: none;
    transition: transform 0.15s, opacity 0.15s, background 0.2s;
    min-height: 54px;
    box-sizing: border-box;
  }

  .mm-home__cta--primary {
    background: var(--mm-home-accent);
    color: #FFFFFF;
    box-shadow: 0 8px 22px rgba(200, 54, 42, 0.36);
  }
  .mm-home__cta--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(200, 54, 42, 0.46);
  }
  .mm-home__cta--primary:active { transform: scale(0.98); }

  .mm-home__cta--secondary {
    background: transparent;
    color: var(--mm-home-text);
    border: 1.5px solid var(--mm-home-text);
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
  }
  .mm-home__cta--secondary:hover {
    background: var(--mm-home-text);
    color: var(--mm-home-bg);
  }

  .mm-home__cta-arrow {
    transition: transform 0.2s;
  }
  .mm-home__cta--primary:hover .mm-home__cta-arrow {
    transform: translateX(4px);
  }

  /* ===== TRUST ===== */
  .mm-home__trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 12px 0 4px;
    font-size: 11.5px;
    font-weight: 600;
    opacity: 0.75;
  }
  .mm-home__trust span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
  .mm-home__trust span span {
    font-size: 13px;
  }

  /* ===== STATS ===== */
  .mm-home__stats {
    margin-top: 22px;
    padding: 18px 14px;
    background: var(--mm-home-card);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 8px;
  }
  .mm-home__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
  }
  .mm-home__stat-num {
    font-family: var(--mm-serif);
    font-size: clamp(22px, 5.6vw, 30px);
    font-weight: 800;
    color: var(--mm-home-accent);
    line-height: 1;
    letter-spacing: -1px;
  }
  .mm-home__stat-lbl {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    opacity: 0.7;
    margin-top: 5px;
    line-height: 1.2;
  }
  .mm-home__stat-div {
    width: 1px;
    height: 36px;
    background: rgba(0, 0, 0, 0.08);
  }

  /* ===== TABLET+ ===== */
  @media (min-width: 760px) {
    .mm-home { padding: 32px 0 40px; }
    .mm-home__wrap { padding: 0 24px; }

    .mm-home__hero {
      flex-direction: row;
      gap: 40px;
      align-items: center;
    }
    .mm-home__media {
      flex: 1 1 50%;
      max-width: 540px;
    }
    .mm-home__content {
      flex: 1 1 50%;
      gap: 14px;
    }

    .mm-home__subheadline { font-size: 16px; }
    .mm-home__benefit { font-size: 14.5px; }

    .mm-home__cta-stack {
      flex-direction: row;
      gap: 12px;
    }
    .mm-home__cta { width: auto; flex: 1; }
    .mm-home__cta--primary { font-size: 16px; }

    .mm-home__trust {
      justify-content: flex-start;
      gap: 22px;
      font-size: 12.5px;
    }

    .mm-home__stats {
      padding: 26px 24px;
      margin-top: 32px;
    }
    .mm-home__stat-lbl { font-size: 11.5px; }
    .mm-home__stat-div { height: 48px; }
  }

  @media (max-width: 360px) {
    .mm-home__headline { font-size: 26px; }
    .mm-home__subheadline { font-size: 13.5px; }
    .mm-home__benefit { font-size: 12.5px; }
    .mm-home__cta--primary { font-size: 14px; padding: 14px 18px; }
    .mm-home__stat-num { font-size: 20px; }
    .mm-home__stat-lbl { font-size: 9.5px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .mm-home__badge,
    .mm-home__cta { animation: none !important; transition: none !important; }
  }
/* END_SECTION:mm-home-product */

/* START_SECTION:mm-numeros (INDEX:57) */
.cp-num {
    font-family: var(--mm-sans);
    background: var(--cp-num-bg, #FFFCF7);
    color: var(--cp-num-text, #1A1A1A);
    padding: 36px 0 40px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-num__wrap {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 14px;
  }

  /* HEADER */
  .cp-num__header {
    text-align: center;
    margin-bottom: 22px;
  }
  .cp-num__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--cp-num-accent-soft);
    color: var(--cp-num-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 12px;
  }
  .cp-num__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cp-num-accent);
  }
  .cp-num__title {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(26px, 7vw, 36px);
    line-height: 1.12;
    letter-spacing: -0.8px;
    margin: 0;
  }
  .cp-num__title-accent {
    color: var(--cp-num-accent);
    font-style: italic;
  }

  /* COSTO DEL TIEMPO */
  .cp-num__cost {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--cp-num-text);
    color: var(--cp-num-bg);
    border-radius: 18px;
    padding: 22px 20px;
  }
  .cp-num__cost-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cp-num-bg);
  }
  .cp-num__cost-icon svg { width: 28px; height: 28px; }
  .cp-num__cost-body { flex: 1; min-width: 0; }
  .cp-num__cost-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.6;
    margin-bottom: 2px;
  }
  .cp-num__cost-number {
    display: flex;
    align-items: baseline;
    gap: 6px;
    line-height: 1;
  }
  .cp-num__cost-number strong {
    font-family: var(--mm-serif);
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -1.5px;
    color: var(--cp-num-accent);
  }
  .cp-num__cost-number span {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.85;
  }
  .cp-num__cost-desc {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
    opacity: 0.75;
  }

  .cp-num__cost-closing {
    text-align: center;
    font-family: var(--mm-serif);
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    color: var(--cp-num-accent);
    margin-top: 14px;
    line-height: 1.3;
  }

  /* STATS */
  .cp-num__stats-head {
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--cp-num-muted);
    margin: 28px 0 14px;
    position: relative;
  }
  .cp-num__stats-head::before,
  .cp-num__stats-head::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 24%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
  }
  .cp-num__stats-head::before { left: 0; }
  .cp-num__stats-head::after { right: 0; }

  .cp-num__stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .cp-num__stat {
    background: var(--cp-num-card);
    border-radius: 16px;
    padding: 20px 14px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .cp-num__stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  }
  .cp-num__stat-value {
    font-family: var(--mm-serif);
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -1.5px;
    line-height: 1;
    color: var(--cp-num-accent);
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 1px;
  }
  .cp-num__stat-affix {
    font-size: 18px;
    font-weight: 700;
  }
  .cp-num__stat-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--cp-num-muted);
    margin-top: 8px;
    line-height: 1.35;
  }

  /* DESKTOP */
  @media (min-width: 760px) {
    .cp-num { padding: 56px 0 64px; }
    .cp-num__wrap { max-width: 900px; }
    .cp-num__cost {
      padding: 28px 32px;
      gap: 22px;
    }
    .cp-num__cost-icon { width: 60px; height: 60px; }
    .cp-num__cost-number strong { font-size: 48px; }
    .cp-num__stats {
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .cp-num__stat { padding: 26px 16px; }
    .cp-num__stat-value { font-size: 38px; }
  }

  @media (max-width: 360px) {
    .cp-num__cost { padding: 18px 16px; gap: 12px; }
    .cp-num__cost-number strong { font-size: 34px; }
    .cp-num__cost-icon { width: 46px; height: 46px; }
    .cp-num__stat { padding: 16px 11px; }
    .cp-num__stat-value { font-size: 30px; }
    .cp-num__stat-label { font-size: 11px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-num__stat { transition: none; }
  }
/* END_SECTION:mm-numeros */

/* START_SECTION:mm-para-tu-perro (INDEX:58) */
.cp-perro {
    font-family: var(--mm-sans);
    background: var(--cp-perro-bg, #FFFCF7);
    color: var(--cp-perro-text, #1A1A1A);
    padding: 36px 0 40px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-perro__wrap {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 14px;
  }

  /* HEADER */
  .cp-perro__header {
    text-align: center;
    margin-bottom: 22px;
  }
  .cp-perro__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--cp-perro-accent-soft);
    color: var(--cp-perro-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 12px;
  }
  .cp-perro__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cp-perro-accent);
  }
  .cp-perro__title {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(26px, 7vw, 36px);
    line-height: 1.12;
    letter-spacing: -0.8px;
    margin: 0 0 10px;
  }
  .cp-perro__title-accent {
    color: var(--cp-perro-accent);
    font-style: italic;
  }
  .cp-perro__subtitle {
    font-size: 14px;
    line-height: 1.5;
    color: var(--cp-perro-muted);
    margin: 0;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  /* GRID */
  .cp-perro__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .cp-perro__card {
    position: relative;
    background: var(--cp-perro-card);
    border-radius: 16px;
    padding: 18px 14px 16px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  }
  .cp-perro__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
    border-color: var(--cp-perro-accent-soft);
  }

  .cp-perro__icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: var(--cp-perro-accent-soft);
    color: var(--cp-perro-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .cp-perro__icon svg {
    width: 28px;
    height: 28px;
    display: block;
  }

  .cp-perro__tag {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--cp-perro-accent);
    background: transparent;
    padding: 0;
  }

  .cp-perro__card-title {
    font-family: var(--mm-serif);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.3px;
  }

  .cp-perro__card-text {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--cp-perro-muted);
    margin: 0;
  }

  /* CLOSING */
  .cp-perro__closing {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding: 14px 18px;
    background: var(--cp-perro-accent-soft);
    border-radius: 14px;
    text-align: center;
  }
  .cp-perro__closing span {
    font-size: 18px;
    line-height: 1;
    flex-shrink: 0;
  }
  .cp-perro__closing p {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--cp-perro-text);
    line-height: 1.35;
  }

  /* DESKTOP */
  @media (min-width: 760px) {
    .cp-perro { padding: 56px 0 64px; }
    .cp-perro__wrap { max-width: 1000px; }
    .cp-perro__grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .cp-perro__card { padding: 22px 18px 20px; }
    .cp-perro__icon { width: 52px; height: 52px; }
    .cp-perro__icon svg { width: 32px; height: 32px; }
    .cp-perro__card-title { font-size: 18px; }
    .cp-perro__card-text { font-size: 13px; }
  }

  @media (max-width: 360px) {
    .cp-perro__card { padding: 14px 11px 13px; }
    .cp-perro__card-title { font-size: 15px; }
    .cp-perro__card-text { font-size: 11.5px; }
    .cp-perro__icon { width: 42px; height: 42px; }
    .cp-perro__icon svg { width: 25px; height: 25px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-perro__card { transition: none; }
  }
/* END_SECTION:mm-para-tu-perro */

/* START_SECTION:mm-shipping-local (INDEX:62) */
/* ============ SHIPPING LOCAL ============ */
  .mm-ship {
    font-family: var(--mm-sans);
    color: var(--mm-ink);
    padding: 28px 14px;
    -webkit-font-smoothing: antialiased;
  }
  .mm-ship__container {
    max-width: 1100px;
    margin: 0 auto;
  }
  .mm-ship__header {
    margin-bottom: 18px;
    text-align: center;
  }
  .mm-ship__header .mm-section-text {
    margin-left: auto;
    margin-right: auto;
  }

  /* ============ BODY ============ */
  .mm-ship__body {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  /* Media (only with-image) */
  .mm-ship__media {
    aspect-ratio: 4 / 3;
    border-radius: var(--mm-radius-lg);
    overflow: hidden;
    background: var(--mm-bg-soft);
  }
  .mm-ship__media img,
  .mm-ship__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Cards grid */
  .mm-ship__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  /* Card */
  .mm-ship__card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 14px;
    border-radius: 12px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }
  .mm-ship--card-filled .mm-ship__card {
    background: var(--mm-bg-card);
    border: 1px solid var(--mm-line);
  }
  .mm-ship--card-soft .mm-ship__card {
    background: var(--mm-bg-soft);
    border: 1px solid transparent;
  }
  .mm-ship--card-bordered .mm-ship__card {
    background: transparent;
    border: 1.5px solid var(--mm-line);
  }
  .mm-ship__card:hover {
    transform: translateY(-2px);
    box-shadow: var(--mm-shadow-sm);
  }

  /* Icon */
  .mm-ship__icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(200, 54, 42, 0.10);
    color: var(--mm-ship-icon, var(--mm-accent));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mm-ship__icon svg {
    width: 22px;
    height: 22px;
  }

  /* Card body */
  .mm-ship__card-body {
    flex: 1;
    min-width: 0;
  }
  .mm-ship__card-title {
    font-family: var(--mm-serif);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.2px;
    margin: 0 0 3px;
    color: var(--mm-ink);
  }
  .mm-ship__card-text {
    font-size: 12px;
    line-height: 1.45;
    color: var(--mm-ink-soft);
    margin: 0;
  }

  /* Confirm bar */
  .mm-ship__confirm {
    margin-top: 14px;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
  }
  .mm-ship__confirm-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mm-ship__confirm-icon svg {
    width: 12px;
    height: 12px;
  }

  /* ============ TABLET ============ */
  @media (min-width: 600px) {
    .mm-ship__cards {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .mm-ship__card {
      flex-direction: column;
      align-items: flex-start;
      padding: 18px 16px;
      gap: 10px;
    }
    .mm-ship__icon { width: 44px; height: 44px; }
    .mm-ship__card-title { font-size: 16px; }
    .mm-ship__card-text { font-size: 13px; }
  }

  /* ============ DESKTOP ============ */
  @media (min-width: 900px) {
    .mm-ship { padding: 56px 24px; }
    .mm-ship__header { margin-bottom: 32px; }

    /* Layout with-image: imagen al lado */
    .mm-ship--with-image .mm-ship__body {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 40px;
      align-items: center;
    }
    .mm-ship--with-image .mm-ship__media {
      aspect-ratio: 4 / 5;
      height: 100%;
      max-height: 460px;
    }
    .mm-ship--with-image .mm-ship__cards {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .mm-ship--with-image .mm-ship__card {
      flex-direction: row;
      align-items: center;
      padding: 18px 20px;
      gap: 16px;
    }
    .mm-ship--with-image .mm-ship__icon { width: 48px; height: 48px; }
    .mm-ship--with-image .mm-ship__icon svg { width: 26px; height: 26px; }

    .mm-ship__card-title { font-size: 17px; }
    .mm-ship__card-text { font-size: 14px; line-height: 1.5; }
    .mm-ship__confirm { font-size: 14px; padding: 14px 18px; }
  }

  /* ============ MOBILE CHICO ============ */
  @media (max-width: 380px) {
    .mm-ship { padding: 22px 12px; }
    .mm-ship__cards { gap: 6px; }
    .mm-ship__card { padding: 12px 12px; gap: 10px; }
    .mm-ship__icon { width: 36px; height: 36px; border-radius: 9px; }
    .mm-ship__icon svg { width: 19px; height: 19px; }
    .mm-ship__card-title { font-size: 13px; }
    .mm-ship__card-text { font-size: 11px; }
    .mm-ship__confirm { font-size: 12px; padding: 10px 14px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .mm-ship__card { transition: none; }
    .mm-ship__card:hover { transform: none; }
  }
/* END_SECTION:mm-shipping-local */

/* START_SECTION:mm-shipping (INDEX:63) */
.mm-ship {
    font-family: var(--mm-sans);
    color: var(--mm-ship-text, var(--mm-ink));
    background: var(--mm-ship-bg, var(--mm-bg));
    -webkit-font-smoothing: antialiased;
    padding: 32px 0 40px;
  }

  .mm-ship__wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px;
  }

  /* ===== HEADER ===== */
  .mm-ship__header {
    text-align: center;
    margin-bottom: 22px;
  }

  .mm-ship__eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: var(--mm-ship-accent);
    margin-bottom: 8px;
  }

  .mm-ship__headline {
    font-family: var(--mm-serif);
    font-weight: 600;
    font-size: clamp(22px, 5.6vw, 30px);
    line-height: 1.18;
    letter-spacing: -0.5px;
    margin: 0 0 8px;
  }

  .mm-ship__headline em {
    font-style: italic;
    color: var(--mm-ship-accent);
    font-weight: 600;
  }

  .mm-ship__headline strong {
    color: var(--mm-ship-accent);
    font-weight: 700;
  }

  .mm-ship__description {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.85;
    max-width: 480px;
    margin: 0 auto;
  }
  .mm-ship__description p { margin: 0; }

  /* ===== CARD ===== */
  .mm-ship__card {
    background: var(--mm-ship-card);
    border-radius: var(--mm-radius-lg, 14px);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  }

  /* ===== MEDIA ===== */
  .mm-ship__media {
    aspect-ratio: 16 / 10;
    background: rgba(0, 0, 0, 0.04);
    overflow: hidden;
  }

  .mm-ship__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* ===== LISTA DE BENEFICIOS ===== */
  .mm-ship__list {
    list-style: none;
    margin: 0;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .mm-ship__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .mm-ship__item:last-child { border-bottom: none; }

  .mm-ship__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--mm-ship-icon-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .mm-ship__icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
  }

  .mm-ship__emoji {
    font-size: 22px;
    line-height: 1;
  }

  .mm-ship__text {
    flex: 1;
    min-width: 0;
  }

  .mm-ship__item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 2px;
    color: var(--mm-ship-text);
  }

  .mm-ship__item-sub {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    opacity: 0.7;
  }

  /* ===== LAYOUT STACK (default mobile) ===== */
  /* imagen arriba, lista abajo — ya está por defecto */

  /* ===== TABLET ===== */
  @media (min-width: 700px) {
    .mm-ship { padding: 56px 0 64px; }
    .mm-ship__header { margin-bottom: 28px; }
    .mm-ship__description { font-size: 15px; }
    .mm-ship__list { padding: 24px 22px; }
    .mm-ship__item { padding: 14px 6px; }
    .mm-ship__item-title { font-size: 15px; }
    .mm-ship__item-sub { font-size: 13px; }

    /* Layout split en tablet+ */
    .mm-ship--split .mm-ship__card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: stretch;
    }
    .mm-ship--split .mm-ship__media {
      aspect-ratio: auto;
      height: 100%;
      min-height: 320px;
    }
    .mm-ship--split .mm-ship__list {
      align-self: center;
      padding: 28px;
    }
  }

  /* ===== DESKTOP ===== */
  @media (min-width: 1000px) {
    .mm-ship__wrap { max-width: 980px; }
    .mm-ship--split .mm-ship__media { min-height: 380px; }
  }

  /* ===== MOBILE CHICO ===== */
  @media (max-width: 360px) {
    .mm-ship__list { padding: 14px 12px; }
    .mm-ship__icon { flex-basis: 40px; width: 40px; height: 40px; }
    .mm-ship__item-title { font-size: 13px; }
    .mm-ship__item-sub { font-size: 11px; }
  }
/* END_SECTION:mm-shipping */

/* START_SECTION:mm-slider-comparacion (INDEX:64) */
.cp-slider {
    font-family: var(--mm-sans);
    background: var(--cp-sl-bg, #FFFCF7);
    color: var(--cp-sl-text, #1A1A1A);
    padding: 36px 0 40px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-slider__wrap {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 14px;
  }

  /* HEADER */
  .cp-slider__header {
    text-align: center;
    margin-bottom: 20px;
  }
  .cp-slider__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--cp-sl-accent-soft);
    color: var(--cp-sl-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 999px;
    margin-bottom: 12px;
  }
  .cp-slider__eyebrow-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--cp-sl-accent);
  }
  .cp-slider__title {
    font-family: var(--mm-serif);
    font-weight: 700;
    font-size: clamp(26px, 7vw, 36px);
    line-height: 1.12;
    letter-spacing: -0.8px;
    margin: 0 0 10px;
  }
  .cp-slider__title-accent {
    color: var(--cp-sl-accent);
    font-style: italic;
  }
  .cp-slider__subtitle {
    font-size: 14px;
    line-height: 1.5;
    color: var(--cp-sl-muted);
    margin: 0;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  /* COMPARE */
  .cp-slider__compare {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 18px;
    overflow: hidden;
    cursor: ew-resize;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
    background: var(--cp-sl-muted);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  }
  .cp-slider__compare:focus-visible {
    outline: 3px solid var(--cp-sl-accent);
    outline-offset: 2px;
  }

  .cp-slider__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .cp-slider__img img,
  .cp-slider__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
  }

  /* La imagen "antes" va encima y se recorta por width */
  .cp-slider__img--before {
    width: 50%;
    overflow: hidden;
    z-index: 2;
    border-right: 2px solid #fff;
  }
  /* El contenido interno mantiene ancho fijo para que no se deforme */
  .cp-slider__img--before img,
  .cp-slider__img--before .cp-slider__placeholder {
    width: 100vw;
    max-width: 880px;
    height: 100%;
  }
  @media (min-width: 760px) {
    .cp-slider__img--before img { width: 880px; }
  }

  .cp-slider__compare.is-dragging .cp-slider__img--before {
    border-right-color: var(--cp-sl-accent);
  }

  /* Labels */
  .cp-slider__label {
    position: absolute;
    bottom: 14px;
    z-index: 3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    padding: 6px 12px;
    border-radius: 999px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .cp-slider__label--before { left: 14px; }
  .cp-slider__label--after { right: 14px; }

  /* Divisor */
  .cp-slider__divider {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #fff;
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: none;
  }

  .cp-slider__handle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    color: var(--cp-sl-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    pointer-events: none;
  }
  .cp-slider__handle svg { width: 22px; height: 22px; }

  /* Hint de entrada (invita a arrastrar) */
  @keyframes cp-slider-hint {
    0%, 100% { transform: translateX(-50%); }
    30% { transform: translateX(calc(-50% - 16px)); }
    60% { transform: translateX(calc(-50% + 16px)); }
  }
  .cp-slider__compare.is-hint .cp-slider__divider {
    animation: cp-slider-hint 1.4s ease-in-out;
  }
  .cp-slider__compare.is-hint .cp-slider__img--before {
    transition: width 1.4s ease-in-out;
  }

  /* Footer */
  .cp-slider__footer {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--cp-sl-muted);
    margin: 14px 0 0;
    line-height: 1.4;
  }

  /* DESKTOP */
  @media (min-width: 760px) {
    .cp-slider { padding: 56px 0 64px; }
    .cp-slider__wrap { max-width: 920px; }
    .cp-slider__compare { aspect-ratio: 16 / 10; }
    .cp-slider__handle { width: 52px; height: 52px; }
    .cp-slider__handle svg { width: 26px; height: 26px; }
  }

  @media (max-width: 360px) {
    .cp-slider__compare { aspect-ratio: 1 / 1; }
    .cp-slider__handle { width: 40px; height: 40px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-slider__compare.is-hint .cp-slider__divider,
    .cp-slider__compare.is-hint .cp-slider__img--before {
      animation: none;
      transition: none;
    }
  }
/* END_SECTION:mm-slider-comparacion */

/* START_SECTION:mm-social-proof (INDEX:65) */
.cp-sp {
    font-family: var(--mm-sans);
    background: var(--cp-sp-bg, #FFFCF7);
    color: var(--cp-sp-text, #1A1A1A);
    padding: 48px 0 56px;
    -webkit-font-smoothing: antialiased;
  }

  .cp-sp__wrap {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 18px;
  }

  /* ===== HEADER MANIFESTO ===== */
  .cp-sp__header {
    text-align: center;
    margin-bottom: 32px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }

  .cp-sp__eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--cp-sp-accent);
    margin-bottom: 14px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(200, 54, 42, 0.08);
  }

  .cp-sp__headline {
    font-family: var(--mm-serif);
    font-weight: 600;
    font-size: clamp(28px, 7.6vw, 44px);
    line-height: 1.08;
    letter-spacing: -1px;
    margin: 0 0 14px;
  }
  .cp-sp__headline em {
    font-style: italic;
    color: var(--cp-sp-accent);
    font-weight: 600;
  }
  .cp-sp__headline strong {
    color: var(--cp-sp-accent);
    font-weight: 700;
  }

  .cp-sp__description {
    font-size: 14.5px;
    line-height: 1.55;
    opacity: 0.7;
  }
  .cp-sp__description p { margin: 0; }
  .cp-sp__description strong { font-weight: 700; opacity: 1; }

  /* ===== 3 STATS HÉROES ===== */
  .cp-sp__stats {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 8px;
    padding: 28px 18px;
    background: var(--cp-sp-card);
    border-radius: 20px;
    margin-bottom: 32px;
  }

  .cp-sp__stat {
    flex: 1;
    text-align: center;
    min-width: 0;
  }

  .cp-sp__stat-num {
    font-family: var(--mm-serif);
    font-size: clamp(32px, 9vw, 56px);
    font-weight: 800;
    color: var(--cp-sp-accent);
    line-height: 1;
    letter-spacing: -2px;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
  }

  .cp-sp__stat-suffix {
    font-size: 0.55em;
    font-weight: 700;
    letter-spacing: -1px;
    margin-left: 1px;
  }

  .cp-sp__stat-lbl {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    opacity: 0.7;
    margin-top: 8px;
    line-height: 1.3;
  }

  .cp-sp__stat-div {
    width: 1px;
    height: 48px;
    background: var(--cp-sp-divider);
    flex-shrink: 0;
  }

  /* ===== IMAGEN ===== */
  .cp-sp__media {
    aspect-ratio: 16 / 10;
    border-radius: 18px;
    overflow: hidden;
    background: var(--cp-sp-card);
    margin-bottom: 32px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
  }
  .cp-sp__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* ===== REVIEWS VERTICALES ===== */
  .cp-sp__reviews {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 32px;
  }

  .cp-sp__review {
    background: var(--cp-sp-card);
    border-radius: 16px;
    padding: 20px 18px;
    border: 1px solid var(--cp-sp-divider);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .cp-sp__review:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  }

  .cp-sp__review-stars {
    display: block;
    color: var(--mm-gold, #FFD79A);
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    line-height: 1;
  }

  .cp-sp__review-text {
    font-family: var(--mm-serif);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 14px;
    color: var(--cp-sp-text);
    letter-spacing: -0.2px;
  }

  .cp-sp__review-author {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--cp-sp-divider);
  }

  .cp-sp__review-avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--cp-sp-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
  }

  .cp-sp__review-author-info {
    flex: 1;
    min-width: 0;
  }

  .cp-sp__review-name {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
  }

  .cp-sp__review-location {
    font-size: 11.5px;
    margin: 2px 0 0;
    opacity: 0.6;
    line-height: 1.2;
  }

  /* ===== CTA ===== */
  .cp-sp__cta-wrap {
    text-align: center;
  }

  .cp-sp__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 28px;
    border-radius: 999px;
    background: var(--cp-sp-accent);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(200, 54, 42, 0.34);
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .cp-sp__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(200, 54, 42, 0.44);
  }
  .cp-sp__cta:active {
    transform: scale(0.97);
  }

  /* ===== TABLET+ ===== */
  @media (min-width: 700px) {
    .cp-sp { padding: 80px 0 88px; }
    .cp-sp__header { margin-bottom: 44px; }

    .cp-sp__stats {
      padding: 36px 28px;
      margin-bottom: 44px;
    }
    .cp-sp__stat-lbl { font-size: 12px; margin-top: 10px; }
    .cp-sp__stat-div { height: 64px; }

    .cp-sp__media {
      aspect-ratio: 21 / 9;
      margin-bottom: 44px;
    }

    .cp-sp__reviews {
      flex-direction: row;
      gap: 16px;
      margin-bottom: 40px;
    }
    .cp-sp__review { flex: 1; padding: 24px 22px; }
    .cp-sp__review-text { font-size: 17px; }
  }

  @media (min-width: 1000px) {
    .cp-sp__wrap { max-width: 1000px; }
  }

  /* ===== MOBILE CHICO ===== */
  @media (max-width: 360px) {
    .cp-sp__stats { padding: 22px 12px; gap: 4px; }
    .cp-sp__stat-num { font-size: 30px; letter-spacing: -1.5px; }
    .cp-sp__stat-lbl { font-size: 9.5px; margin-top: 6px; }
    .cp-sp__stat-div { height: 38px; }
    .cp-sp__review-text { font-size: 14.5px; }
  }
/* END_SECTION:mm-social-proof */

/* START_SECTION:mm-sticky-cta (INDEX:66) */
.mm-sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    font-family: var(--mm-sans);
    background: var(--mm-sticky-bg);
    color: var(--mm-sticky-text);
    transform: translateY(110%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
    -webkit-font-smoothing: antialiased;
  }

  .mm-sticky.is-visible {
    transform: translateY(0);
  }

  /* ===== TOP (countdown bar) ===== */
  .mm-sticky__top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.20);
    font-size: 11px;
    font-weight: 700;
  }

  .mm-sticky__pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--mm-sticky-highlight);
    animation: mm-sticky-pulse 1.6s infinite;
    flex-shrink: 0;
  }
  @keyframes mm-sticky-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(255, 215, 154, 0.7); }
    70%  { box-shadow: 0 0 0 6px rgba(255, 215, 154, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 215, 154, 0); }
  }

  .mm-sticky__top-label {
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.3px;
  }

  .mm-sticky__top-time {
    color: var(--mm-sticky-highlight);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
  }

  .mm-sticky__top-time.is-passed {
    color: rgba(255, 255, 255, 0.65);
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
  }

  /* ===== BAR (precio + CTA) ===== */
  .mm-sticky__bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }

  /* ===== PRECIO ===== */
  .mm-sticky__price {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }

  .mm-sticky__badge {
    font-size: 10px;
    font-weight: 800;
    padding: 3px 7px;
    border-radius: 4px;
    background: var(--mm-sticky-accent);
    color: #fff;
    letter-spacing: 0.4px;
    line-height: 1;
  }

  .mm-sticky__price-stack {
    display: flex;
    flex-direction: column;
    line-height: 1;
  }

  .mm-sticky__price-old {
    font-size: 10px;
    text-decoration: line-through;
    opacity: 0.55;
    margin-bottom: 2px;
  }

  .mm-sticky__price-now {
    font-family: var(--mm-serif);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.3px;
  }

  /* ===== BOTÓN ===== */
  .mm-sticky__btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 14px;
    border-radius: 999px;
    background: var(--mm-sticky-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(200, 54, 42, 0.4);
    transition: transform 0.15s ease;
    cursor: pointer;
  }
  .mm-sticky__btn:active {
    transform: scale(0.97);
  }

  .mm-sticky__btn-arrow {
    transition: transform 0.2s ease;
  }
  .mm-sticky__btn:hover .mm-sticky__btn-arrow {
    transform: translateX(3px);
  }

  /* ===== DESKTOP: oculto ===== */
  @media (min-width: 760px) {
    .mm-sticky {
      display: none !important;
    }
  }

  /* ===== MOBILE CHICO ===== */
  @media (max-width: 360px) {
    .mm-sticky__bar { padding: 8px 10px; padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
    .mm-sticky__price-now { font-size: 14px; }
    .mm-sticky__btn { font-size: 12px; padding: 12px 10px; }
    .mm-sticky__top { font-size: 10px; }
  }

  /* ===== DESTELLO en selectores del hero v2 ===== */
  .cp-h2__selector--flash {
    animation: cp-h2-flash 2s cubic-bezier(0.4, 0, 0.2, 1);
  }

  @keyframes cp-h2-flash {
    0% {
      box-shadow: 0 0 0 0 rgba(200, 54, 42, 0.6);
      transform: scale(1);
    }
    20% {
      box-shadow: 0 0 0 8px rgba(200, 54, 42, 0.25);
      transform: scale(1.015);
    }
    40% {
      box-shadow: 0 0 0 12px rgba(200, 54, 42, 0);
      transform: scale(1);
    }
    60% {
      box-shadow: 0 0 0 0 rgba(200, 54, 42, 0.5);
      transform: scale(1.01);
    }
    100% {
      box-shadow: 0 0 0 16px rgba(200, 54, 42, 0);
      transform: scale(1);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-h2__selector--flash {
      animation: none !important;
    }
    .mm-sticky__pulse {
      animation: none !important;
    }
  }
/* END_SECTION:mm-sticky-cta */

/* START_SECTION:mm-story-block (INDEX:67) */
.mm-story {
    font-family: var(--mm-sans);
    color: var(--mm-ink);
    padding: 28px 14px;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
  }
  .mm-story__container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .mm-story__media {
    position: relative;
    border-radius: var(--mm-radius-lg);
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--mm-bg-soft);
  }
  .mm-story__media img,
  .mm-story__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .mm-story--style-frame .mm-story__media {
    border: 1px solid var(--mm-line);
    box-shadow: var(--mm-shadow-sm);
  }
  .mm-story--style-tilted .mm-story__media {
    transform: rotate(-1deg);
    box-shadow: var(--mm-shadow-md);
    border: 4px solid var(--mm-bg-card);
  }

  .mm-story__badge {
    position: absolute;
    padding: 8px 14px;
    border-radius: 999px;
    font-family: var(--mm-serif);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1.2;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    z-index: 2;
    white-space: nowrap;
  }
  .mm-story__badge--top-left { top: 12px; left: 12px; }
  .mm-story__badge--top-right { top: 12px; right: 12px; }
  .mm-story__badge--bottom-left { bottom: 12px; left: 12px; }
  .mm-story__badge--bottom-right { bottom: 12px; right: 12px; }

  .mm-story__text {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .mm-story--align-left .mm-story__text { text-align: left; }
  .mm-story--align-center .mm-story__text { text-align: center; }
  .mm-story--align-center .mm-story__bullets { align-items: flex-start; display: inline-flex; flex-direction: column; align-self: center; }

  .mm-story__title {
    font-family: var(--mm-serif);
    font-weight: 600;
    font-size: clamp(22px, 5.5vw, 36px);
    line-height: 1.1;
    letter-spacing: -0.5px;
    color: var(--mm-ink);
    margin: 0;
  }
  .mm-story__title em {
    font-style: italic;
    color: var(--mm-accent);
    font-weight: 400;
  }
  .mm-story__title strong {
    color: var(--mm-accent);
    font-weight: 700;
  }

  .mm-story__description {
    font-size: 14px;
    color: var(--mm-ink-soft);
    line-height: 1.55;
  }
  .mm-story__description p { margin: 0 0 8px; }
  .mm-story__description p:last-child { margin-bottom: 0; }
  .mm-story__description strong { color: var(--mm-ink); }
  .mm-story__description em {
    font-style: italic;
    color: var(--mm-accent);
  }

  .mm-story__bullets {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .mm-story__bullets li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--mm-ink);
  }
  .mm-story__bullet-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--mm-success);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }
  .mm-story__bullet-icon svg {
    width: 11px;
    height: 11px;
  }

  .mm-story__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-top: 6px;
    align-self: flex-start;
    transition: transform 0.15s ease, opacity 0.15s ease;
    text-decoration: none;
  }
  .mm-story--align-center .mm-story__cta { align-self: center; }
  .mm-story__cta--primary {
    background: var(--mm-accent);
    color: #FFFFFF;
    box-shadow: 0 4px 14px rgba(200, 54, 42, 0.3);
  }
  .mm-story__cta--secondary {
    background: var(--mm-ink);
    color: #FFFFFF;
  }
  .mm-story__cta--ghost {
    background: transparent;
    color: var(--mm-ink);
    border: 1.5px solid var(--mm-ink);
  }
  .mm-story__cta:hover { opacity: 0.92; }
  .mm-story__cta:active { transform: scale(0.97); }

  @media (min-width: 800px) {
    .mm-story { padding: 56px 24px; }
    .mm-story__container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center;
    }
    .mm-story--align-center .mm-story__text { text-align: left; }
    .mm-story--align-center .mm-story__bullets { display: flex; align-self: stretch; }
    .mm-story--align-center .mm-story__cta { align-self: flex-start; }

    .mm-story--img-right .mm-story__media { order: 2; }
    .mm-story--img-right .mm-story__text { order: 1; }
    .mm-story--img-left .mm-story__media { order: 1; }
    .mm-story--img-left .mm-story__text { order: 2; }

    .mm-story__media { aspect-ratio: 4 / 3; }
    .mm-story__description { font-size: 15px; line-height: 1.6; }
    .mm-story__bullets { gap: 10px; margin-top: 6px; }
    .mm-story__bullets li { font-size: 14px; gap: 10px; }
    .mm-story__bullet-icon { width: 20px; height: 20px; }
    .mm-story__bullet-icon svg { width: 12px; height: 12px; }
    .mm-story__badge { font-size: 14px; padding: 10px 16px; }
    .mm-story__cta { padding: 14px 26px; font-size: 15px; }
  }

  @media (min-width: 1000px) {
    .mm-story__container { gap: 64px; }
  }

  @media (max-width: 380px) {
    .mm-story { padding: 22px 12px; }
    .mm-story__container { gap: 14px; }
    .mm-story__description { font-size: 13px; }
    .mm-story__bullets li { font-size: 12px; }
    .mm-story__cta { padding: 10px 18px; font-size: 13px; }
    .mm-story__badge { font-size: 11px; padding: 6px 10px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .mm-story__cta { transition: none; }
    .mm-story--style-tilted .mm-story__media { transform: none; }
  }
/* END_SECTION:mm-story-block */

/* START_SECTION:resenas (INDEX:76) */
.mm-rev {
    font-family: var(--mm-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    color: var(--mm-rev-text, #1A1A1A);
    background: var(--mm-rev-bg, #FFFCF7);
    padding: 40px 0 48px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .mm-rev__wrap {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 16px;
  }

  /* HEADER */
  .mm-rev__header { margin-bottom: 22px; }
  .mm-rev__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--mm-rev-accent);
    margin-bottom: 8px;
    text-align: center;
  }
  .mm-rev__headline {
    font-family: var(--mm-serif, 'Playfair Display', Georgia, serif);
    font-weight: 600;
    font-size: clamp(24px, 6vw, 32px);
    line-height: 1.18;
    letter-spacing: -0.6px;
    margin: 0 0 20px;
    text-align: center;
  }

  /* SUMMARY CARD */
  .mm-rev__summary {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px 20px;
    background: var(--mm-rev-card);
    border-radius: 16px;
    margin-bottom: 18px;
    border: 1px solid rgba(0, 0, 0, 0.05);
  }
  .mm-rev__avg {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .mm-rev__avg-num {
    font-family: var(--mm-serif, 'Playfair Display', Georgia, serif);
    font-size: 52px;
    font-weight: 700;
    color: var(--mm-rev-text);
    line-height: 0.95;
    letter-spacing: -2.5px;
  }
  .mm-rev__avg-right { flex: 1; display: flex; flex-direction: column; gap: 5px; }
  .mm-rev__stars {
    display: flex;
    gap: 2px;
    color: var(--mm-rev-star);
    line-height: 1;
  }
  .mm-rev__stars span { font-size: 18px; line-height: 1; }
  .mm-rev__total {
    font-size: 13px;
    font-weight: 500;
    color: rgba(26, 26, 26, 0.6);
    line-height: 1.3;
  }
  .mm-rev__total strong {
    font-weight: 700;
    color: rgba(26, 26, 26, 0.85);
  }

  .mm-rev__dist {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
  }
  .mm-rev__dist-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
  }
  .mm-rev__dist-lbl {
    flex: 0 0 10px;
    font-weight: 600;
    color: rgba(26, 26, 26, 0.6);
    font-size: 12px;
  }
  .mm-rev__dist-star { flex: 0 0 10px; color: rgba(26, 26, 26, 0.4); }
  .mm-rev__dist-bar {
    flex: 1;
    height: 7px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 999px;
    overflow: hidden;
  }
  .mm-rev__dist-bar span {
    display: block;
    height: 100%;
    background: var(--mm-rev-star);
    border-radius: 999px;
    transition: width 0.4s ease;
  }
  .mm-rev__dist-pct {
    flex: 0 0 36px;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
    color: rgba(26, 26, 26, 0.7);
    font-variant-numeric: tabular-nums;
  }

  /* FILTERS */
  .mm-rev__filters {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 0 -16px 4px;
    padding: 2px 16px 4px;
  }
  .mm-rev__filters::-webkit-scrollbar { display: none; }
  .mm-rev__filter {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    color: rgba(26, 26, 26, 0.75);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
  }
  .mm-rev__filter:hover {
    border-color: rgba(0, 0, 0, 0.2);
    color: var(--mm-rev-text);
  }
  .mm-rev__filter.is-active {
    background: var(--mm-rev-text);
    color: #fff;
    border-color: var(--mm-rev-text);
  }
  .mm-rev__filter-count {
    font-weight: 600;
    opacity: 0.65;
    font-variant-numeric: tabular-nums;
  }
  .mm-rev__filter.is-active .mm-rev__filter-count { opacity: 0.7; }

  /* LIST + ITEM */
  .mm-rev__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .mm-rev__item {
    background: #fff;
    border-radius: 14px;
    padding: 18px 18px 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: border-color 0.15s ease;
  }
  .mm-rev__item:hover { border-color: rgba(0, 0, 0, 0.1); }

  /* TOP / AUTHOR */
  .mm-rev__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
  }
  .mm-rev__author {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    flex: 1;
  }
  .mm-rev__avatar {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
  }
  .mm-rev__avatar--g0 { background: linear-gradient(135deg, #FF8A65 0%, #F4511E 100%); }
  .mm-rev__avatar--g1 { background: linear-gradient(135deg, #7E57C2 0%, #5E35B1 100%); }
  .mm-rev__avatar--g2 { background: linear-gradient(135deg, #26A69A 0%, #00897B 100%); }
  .mm-rev__avatar--g3 { background: linear-gradient(135deg, #42A5F5 0%, #1E88E5 100%); }
  .mm-rev__avatar--g4 { background: linear-gradient(135deg, #EC407A 0%, #D81B60 100%); }
  .mm-rev__avatar--g5 { background: linear-gradient(135deg, #FFA726 0%, #FB8C00 100%); }

  .mm-rev__author-info { min-width: 0; }
  .mm-rev__author-name {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 1.25;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--mm-rev-text);
    letter-spacing: -0.1px;
  }
  .mm-rev__verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    background: #22C55E;
    color: #fff;
    border-radius: 50%;
    flex-shrink: 0;
  }
  .mm-rev__meta {
    font-size: 12px;
    color: rgba(26, 26, 26, 0.5);
    margin: 2px 0 0;
    line-height: 1.2;
    font-weight: 500;
  }

  .mm-rev__stars-row {
    display: flex;
    gap: 2px;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 3px;
  }
  .mm-rev__star { color: rgba(0, 0, 0, 0.12); }
  .mm-rev__star.is-on { color: var(--mm-rev-star); }

  /* BODY */
  .mm-rev__title {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 1.35;
    color: var(--mm-rev-text);
    letter-spacing: -0.15px;
  }
  .mm-rev__body {
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
    color: rgba(26, 26, 26, 0.85);
  }
  .mm-rev__body p { margin: 0; }
  .mm-rev__body.is-truncated {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mm-rev__expand {
    background: none;
    border: none;
    padding: 6px 0 0;
    margin: 0;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: rgba(26, 26, 26, 0.6);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: color 0.15s;
  }
  .mm-rev__expand:hover { color: var(--mm-rev-text); }

  /* PHOTOS */
  .mm-rev__photos {
    display: flex;
    gap: 6px;
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .mm-rev__photo {
    flex: 0 0 auto;
    width: 68px;
    height: 68px;
    border-radius: 10px;
    overflow: hidden;
    border: none;
    padding: 0;
    background: rgba(0, 0, 0, 0.04);
    cursor: zoom-in;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }
  .mm-rev__photo:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }
  .mm-rev__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* SELLER REPLY */
  .mm-rev__reply {
    margin-top: 12px;
    padding: 12px 14px;
    background: rgba(0, 0, 0, 0.025);
    border-radius: 10px;
  }
  .mm-rev__reply-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    flex-wrap: wrap;
  }
  .mm-rev__reply-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--mm-rev-text);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    line-height: 1.1;
  }
  .mm-rev__reply-label {
    font-size: 11px;
    font-weight: 600;
    color: rgba(26, 26, 26, 0.55);
    letter-spacing: 0.2px;
  }
  .mm-rev__reply-body {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(26, 26, 26, 0.8);
  }

  /* BOTTOM / HELPFUL */
  .mm-rev__bottom {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .mm-rev__helpful {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 6px 11px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    color: rgba(26, 26, 26, 0.7);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.15s ease;
  }
  .mm-rev__helpful:hover {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.18);
    color: var(--mm-rev-text);
  }
  .mm-rev__helpful.is-on {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.3);
    color: #16A34A;
  }
  .mm-rev__helpful-count { font-variant-numeric: tabular-nums; opacity: 0.7; }
  .mm-rev__helpful.is-on .mm-rev__helpful-count { opacity: 0.85; }

  /* ======================================================
     SHOW MORE — Botón "Ver más reseñas" REDISEÑADO v4
     Tipografía serif para acompañar el headline,
     centrado perfecto, presencia estética y profesional
     ====================================================== */
  .mm-rev__more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 360px;
    margin: 24px auto 0;
    padding: 16px 28px;
    border-radius: 999px;
    border: 1.5px solid var(--mm-rev-text);
    background: transparent;
    color: var(--mm-rev-text);
    font-family: var(--mm-serif, 'Playfair Display', Georgia, serif);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2px;
    text-align: center;
    text-transform: none;
    cursor: pointer;
    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.18s ease, box-shadow 0.22s ease;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
  }
  .mm-rev__more-text {
    display: inline-block;
    line-height: 1;
    font-style: italic;
  }
  .mm-rev__more-arrow {
    flex-shrink: 0;
    display: block;
    transition: transform 0.22s ease;
  }
  .mm-rev__more:hover {
    background: var(--mm-rev-text);
    color: #fff;
    border-color: var(--mm-rev-text);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  }
  .mm-rev__more:hover .mm-rev__more-arrow {
    transform: translateY(3px);
  }
  .mm-rev__more:active {
    transform: scale(0.98);
  }
  .mm-rev__more:focus-visible {
    outline: 2px solid var(--mm-rev-accent);
    outline-offset: 3px;
  }
  /* ====================================================== */

  /* LIGHTBOX */
  .mm-rev__lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.93);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
  }
  .mm-rev__lightbox[hidden] { display: none; }
  .mm-rev__lightbox-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 10px;
  }
  .mm-rev__lightbox-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
    transition: background 0.15s;
  }
  .mm-rev__lightbox-close:hover { background: rgba(255, 255, 255, 0.2); }

  /* DESKTOP */
  @media (min-width: 700px) {
    .mm-rev { padding: 64px 0 72px; }
    .mm-rev__summary {
      flex-direction: row;
      align-items: center;
      gap: 36px;
      padding: 26px 28px;
    }
    .mm-rev__avg-num { font-size: 68px; letter-spacing: -3px; }
    .mm-rev__avg { flex: 0 0 auto; }
    .mm-rev__dist {
      flex: 1;
      padding-top: 0;
      border-top: none;
      border-left: 1px solid rgba(0, 0, 0, 0.06);
      padding-left: 36px;
    }
    .mm-rev__list { gap: 12px; }
    .mm-rev__item { padding: 22px; }
    .mm-rev__photo { width: 84px; height: 84px; }
    .mm-rev__avatar { width: 42px; height: 42px; font-size: 15px; }
    .mm-rev__author-name { font-size: 15px; }
    .mm-rev__more {
      max-width: 320px;
      font-size: 17px;
      padding: 17px 32px;
      margin-top: 28px;
    }
  }

  @media (min-width: 1000px) {
    .mm-rev__wrap { max-width: 880px; }
  }

  @media (max-width: 360px) {
    .mm-rev__photo { width: 58px; height: 58px; }
    .mm-rev__avg-num { font-size: 44px; }
    .mm-rev__item { padding: 16px 14px 12px; }
    .mm-rev__more { font-size: 15px; padding: 14px 24px; }
  }
/* END_SECTION:resenas */

/* START_SECTION:top-bar (INDEX:79) */
/* ============================================================
     ESTILOS BASE GLOBALES — Muddy Mat Landing
     Paleta: Clásico Conversión (crema · negro · rojo)
     Cargados una sola vez desde la sección "Barra superior".
     Todas las clases y variables usan el prefijo `mm-` para no
     chocar con el resto del tema de Shopify.
  ============================================================ */

  @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

  :root {
    --mm-bg: #FFFCF7;
    --mm-bg-soft: #F5F0E6;
    --mm-bg-card: #FFFFFF;
    --mm-ink: #0A0A0A;
    --mm-ink-soft: #4A4A47;
    --mm-ink-mute: #8A8A85;
    --mm-brand: #1A1A1A;
    --mm-brand-soft: #2D2D2D;
    --mm-accent: #C8362A;
    --mm-accent-dark: #A82216;
    --mm-gold: #C8932A;
    --mm-line: #E8DFCD;
    --mm-success: #2C7A4B;
    --mm-radius: 14px;
    --mm-radius-lg: 22px;
    --mm-shadow-sm: 0 2px 8px rgba(10,10,10,0.06);
    --mm-shadow-md: 0 8px 24px rgba(10,10,10,0.10);
    --mm-shadow-lg: 0 20px 50px rgba(10,10,10,0.18);
    --mm-serif: 'Fraunces', Georgia, serif;
    --mm-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  }

  /* Reset acotado al scope de las secciones MM (no rompe el resto del tema) */
  .mm-section,
  .mm-section *,
  .mm-section *::before,
  .mm-section *::after {
    box-sizing: border-box;
  }
  .mm-section img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  .mm-section a {
    color: inherit;
    text-decoration: none;
  }
  .mm-section button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  /* ============ TOP BAR ============ */
  .mm-top-bar {
    width: 100%;
    text-align: center;
    padding: 9px 16px;
    font-family: var(--mm-sans);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    -webkit-font-smoothing: antialiased;
  }
  .mm-top-bar--link {
    transition: opacity 0.2s ease;
  }
  .mm-top-bar--link:hover {
    opacity: 0.92;
  }
  .mm-top-bar__emoji {
    flex-shrink: 0;
    line-height: 1;
  }
  .mm-top-bar__text strong,
  .mm-top-bar__text b {
    font-weight: 700;
    color: var(--mm-highlight, #FFD79A);
  }

  @media (max-width: 380px) {
    .mm-top-bar {
      font-size: 12px;
      padding: 8px 12px;
      gap: 4px;
    }
  }
/* END_SECTION:top-bar */

/* START_SECTION:topv2bar (INDEX:80) */
/* ============================================================
     ESTILOS BASE GLOBALES — Muddy Mat Landing
     Paleta: Clásico Conversión (crema · negro · rojo)
     Cargados una sola vez desde la sección "Barra superior".
     Todas las clases y variables usan el prefijo `mm-` para no
     chocar con el resto del tema de Shopify.
  ============================================================ */

  @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

  :root {
    --mm-bg: #FFFCF7;
    --mm-bg-soft: #F5F0E6;
    --mm-bg-card: #FFFFFF;
    --mm-ink: #0A0A0A;
    --mm-ink-soft: #4A4A47;
    --mm-ink-mute: #8A8A85;
    --mm-brand: #1A1A1A;
    --mm-brand-soft: #2D2D2D;
    --mm-accent: #C8362A;
    --mm-accent-dark: #A82216;
    --mm-gold: #C8932A;
    --mm-line: #E8DFCD;
    --mm-success: #2C7A4B;
    --mm-radius: 14px;
    --mm-radius-lg: 22px;
    --mm-shadow-sm: 0 2px 8px rgba(10,10,10,0.06);
    --mm-shadow-md: 0 8px 24px rgba(10,10,10,0.10);
    --mm-shadow-lg: 0 20px 50px rgba(10,10,10,0.18);
    --mm-serif: 'Fraunces', Georgia, serif;
    --mm-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  }

  /* Reset acotado al scope de las secciones MM (no rompe el resto del tema) */
  .mm-section,
  .mm-section *,
  .mm-section *::before,
  .mm-section *::after {
    box-sizing: border-box;
  }
  .mm-section img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  .mm-section a {
    color: inherit;
    text-decoration: none;
  }
  .mm-section button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  /* ============ TOP BAR ============ */
  .mm-top-bar {
    width: 100%;
    text-align: center;
    padding: 9px 16px;
    font-family: var(--mm-sans);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    -webkit-font-smoothing: antialiased;
  }
  .mm-top-bar--link {
    transition: opacity 0.2s ease;
  }
  .mm-top-bar--link:hover {
    opacity: 0.92;
  }
  .mm-top-bar__emoji {
    flex-shrink: 0;
    line-height: 1;
  }
  .mm-top-bar__text strong,
  .mm-top-bar__text b {
    font-weight: 700;
    color: var(--mm-highlight, #FFD79A);
  }

  @media (max-width: 380px) {
    .mm-top-bar {
      font-size: 12px;
      padding: 8px 12px;
      gap: 4px;
    }
  }
/* END_SECTION:topv2bar */

/* START_SECTION:whatsapp-button (INDEX:82) */
.cp-wa {
    position: fixed;
    bottom: 22px;
    right: 22px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--cp-wa-bg, #25D366);
    color: var(--cp-wa-icon, #fff);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 9998;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35), 0 2px 6px rgba(0, 0, 0, 0.12);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    cursor: pointer;
  }

  .cp-wa:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 28px rgba(37, 211, 102, 0.5), 0 4px 10px rgba(0, 0, 0, 0.15);
  }

  .cp-wa:active {
    transform: scale(0.96);
  }

  .cp-wa__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
  }

  .cp-wa__icon {
    width: 100%;
    height: 100%;
    display: block;
  }

  /* Tooltip */
  .cp-wa__tooltip {
    position: absolute;
    right: calc(100% + 14px);
    top: 50%;
    transform: translateY(-50%);
    background: #1A1A1A;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 14px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .cp-wa__tooltip::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: #1A1A1A;
  }

  .cp-wa:hover .cp-wa__tooltip {
    opacity: 1;
    transform: translateY(-50%) translateX(-3px);
  }

  /* Animación pulse - llama la atención */
  .cp-wa--pulse::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--cp-wa-bg, #25D366);
    z-index: -1;
    animation: cp-wa-pulse 2s ease-out infinite;
  }

  @keyframes cp-wa-pulse {
    0% {
      transform: scale(1);
      opacity: 0.6;
    }
    100% {
      transform: scale(1.5);
      opacity: 0;
    }
  }

  /* Mobile */
  @media (max-width: 600px) {
    .cp-wa {
      bottom: 18px;
      right: 18px;
      width: 56px;
      height: 56px;
    }
    .cp-wa__icon-wrap {
      width: 30px;
      height: 30px;
    }
    .cp-wa__tooltip {
      display: none;
    }
  }

  /* Respeta usuarios que prefieren menos animación */
  @media (prefers-reduced-motion: reduce) {
    .cp-wa,
    .cp-wa--pulse::before {
      animation: none;
      transition: none;
    }
  }
/* END_SECTION:whatsapp-button */