/* =========================================================
   MOLDURAMA — COMPATIBILIDAD CON PÁGINAS EXISTENTES
   Viste las clases que ya usan tus páginas (mx-page, mx-prod-page,
   mxm-*, mxpro*) con el diseño nuevo. Sin !important.
   Todo va dentro de .mm-legacy (lo pone la plantilla del tema),
   con :where() para no subir la especificidad.
   Requiere los tokens --mm-* de la hoja base.
   ========================================================= */

/* ---------- 0. Limpieza de lo que agrega WordPress ---------- */
:where(.mm-legacy) br{display:none}
:where(.mm-legacy) p:empty{display:none}
:where(.mm-legacy) p:has(> :is(.mx-kicker,.mx-prod-kicker,.mx-small-kicker):only-child){margin:0}
:where(.mm-legacy) :is(.mx-actions,.mx-prod-actions,.mxm-actions,.mxpro__ctaRow,.mxm-model-footer,.mx-anchor-strip__inner,.mx-prod-jump__inner,.mx-mini-nav,.mx-prod-mini-nav,.mx-related-cluster__links,.mx-link-cluster__links) > p{display:contents}
:where(.mm-legacy) :is(.mx-page,.mx-prod-page,.mxm-page,.mxpro){display:block;width:100%;margin:0;padding:0}
:where(.mm-legacy) img{max-width:100%;height:auto;display:block}
:where(.mm-legacy) :is(.mx-hide){display:none}
:where(.mm-legacy) .mx-center{text-align:center}
:where(.mm-legacy) .mx-mt-0{margin-top:0}
:where(.mm-legacy) .mx-mt-1{margin-top:12px}
:where(.mm-legacy) .mx-mt-2{margin-top:24px}
:where(.mm-legacy) .mx-mt-3{margin-top:36px}

/* ---------- 1. Contenedor y secciones ---------- */
:where(.mm-legacy) :is(.mx-wrap,.mx-prod-wrap,.mxpro__wrap){width:100%;max-width:var(--mm-max);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
:where(.mm-legacy) :is(.mx-section,.mx-section--white,.mx-prod-section,.mxpro__section){padding:clamp(48px,6vw,80px) 0;background:#fff}
:where(.mm-legacy) :is(.mx-section--soft,.mx-prod-section--soft,.mxpro__section--soft){background:var(--mm-soft)}
:where(.mm-legacy) :is(.mx-section--tight,.mx-prod-section--tight){padding:clamp(32px,4vw,48px) 0}
:where(.mm-legacy) .mxm-page{max-width:var(--mm-max);margin:0 auto;padding:0}
:where(.mm-legacy) .mxm-page--embedded{padding:0}
:where(.mm-legacy) .mxm-section{margin:40px 0}

/* ---------- 2. Texto ---------- */
:where(.mm-legacy){color:var(--mm-text);font-size:16.5px;line-height:1.7}
:where(.mm-legacy) :is(h1,h2,h3,h4){color:var(--mm-ink);font-weight:600;letter-spacing:-.015em;line-height:1.2;margin:0 0 .5em;text-wrap:balance}
:where(.mm-legacy) h2{font-size:clamp(26px,3vw,38px);line-height:1.15}
:where(.mm-legacy) h3{font-size:clamp(18px,1.6vw,21px)}
:where(.mm-legacy) p{margin:0 0 1em}
:where(.mm-legacy) :is(p,li,td) a:not([class]){color:var(--mm-ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--mm-gold);text-decoration-thickness:1.5px;text-underline-offset:4px}
:where(.mm-legacy) :is(p,li,td) a:not([class]):hover{color:var(--mm-gold-ink)}
:where(.mm-legacy) strong{color:var(--mm-ink);font-weight:600}

/* Kicker (texto pequeño sobre el título) */
:where(.mm-legacy) :is(.mx-kicker,.mx-small-kicker,.mx-prod-kicker,.mx-related-cluster__kicker,.mx-index__eyebrow,.mx-plate-decision__kicker,.mxm-kicker,.mxpro__eyebrow){display:block;margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-gold-ink);background:none;border:0;padding:0}
:where(.mm-legacy) :is(.mx-title,.mx-prod-title,.mxpro__title){color:var(--mm-ink)}
:where(.mm-legacy) :is(.mx-subtitle,.mx-lead,.mx-prod-lead,.mxpro__lead,.mx-section__intro){font-size:clamp(16.5px,1.5vw,18.5px);line-height:1.65;color:var(--mm-text);max-width:70ch;margin:0 0 24px}

/* Títulos de sección: línea dorada corta arriba */
:where(.mm-legacy) :is(.mx-section__head,.mx-content-box,.mx-prod-text,.mxpro__head,.mx-related-cluster__head,.mx-related-head,.mx-related-strip__head,.mx-link-cluster__text) > h2:first-child::before,
:where(.mm-legacy) :is(.mx-section > .mx-wrap,.mx-section > .mx-wrap > div:first-child) > .mx-kicker:first-child::before{content:"";display:block;width:48px;height:2px;background:var(--mm-gold);margin-bottom:18px}
:where(.mm-legacy) :is(.mx-section__head,.mxpro__head){max-width:820px;margin:0 0 36px}
:where(.mm-legacy) :is(.mx-section__head--center,.mx-prod-text--center){max-width:820px;margin-left:auto;margin-right:auto;text-align:center}
:where(.mm-legacy) :is(.mx-section__head--center,.mx-prod-text--center) > h2:first-child::before{margin-left:auto;margin-right:auto}
:where(.mm-legacy) :is(.mx-section__head--center,.mx-prod-text--center) :is(p,.mx-subtitle,.mx-lead){margin-left:auto;margin-right:auto}
:where(.mm-legacy) .mx-prod-text--center{margin-bottom:36px}

/* ---------- 3. Portada de página (hero) ---------- */
:where(.mm-legacy) :is(.mx-hero,.mx-prod-header){position:relative;display:block;background:var(--mm-soft);border-bottom:1px solid var(--mm-line);overflow:hidden;color:var(--mm-text)}
:where(.mm-legacy) .mx-hero__bg{position:absolute;top:0;right:0;width:42%;height:100%;object-fit:cover;margin:0;opacity:1}
:where(.mm-legacy) :is(.mx-hero,.mx-prod-header) > :is(.mx-wrap,.mx-prod-wrap){position:relative;z-index:1;padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(40px,5vw,72px)}
:where(.mm-legacy) :is(.mx-hero,.mx-prod-header) > :is(.mx-wrap,.mx-prod-wrap) > :not(.mx-hero__content),
:where(.mm-legacy) .mx-hero__content{max-width:min(640px,52vw)}
:where(.mm-legacy) .mx-hero > .mx-wrap > .mx-hero__content{padding-top:clamp(16px,3vw,40px)}
:where(.mm-legacy) :is(.mx-hero,.mx-prod-header) h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
:where(.mm-legacy) .mx-hero--center .mx-hero__content{margin:0 auto;text-align:center}
:where(.mm-legacy) :is(.mx-breadcrumb,.mx-prod-breadcrumb){display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;font-size:14px;color:var(--mm-muted)}
:where(.mm-legacy) :is(.mx-breadcrumb,.mx-prod-breadcrumb) a{color:var(--mm-text);text-decoration:none}
:where(.mm-legacy) :is(.mx-breadcrumb,.mx-prod-breadcrumb) a:hover{color:var(--mm-gold-ink)}
:where(.mm-legacy) :is(.mx-breadcrumb,.mx-prod-breadcrumb) > span:last-child{color:var(--mm-ink);font-weight:500}
:where(.mm-legacy) :is(.mx-hero-specs){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--mm-line);border:1px solid var(--mm-line);margin:18px 0 6px}
:where(.mm-legacy) .mx-hero-spec{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:#fff}
:where(.mm-legacy) .mx-hero-spec span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-muted)}
:where(.mm-legacy) .mx-hero-spec strong{font-size:17px;color:var(--mm-ink)}

/* ---------- 4. Botones ---------- */
:where(.mm-legacy) :is(.mx-actions,.mx-prod-actions,.mxm-actions,.mxpro__ctaRow){display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 0}
:where(.mm-legacy) :is(.mx-btn,.mx-prod-btn,.mxm-btn,.mxpro__btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:var(--mm-radius);font:600 15px/1.2 var(--mm-font);text-align:center;text-decoration:none;white-space:normal;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;box-shadow:none;transform:none}
:where(.mm-legacy) :is(.mx-btn--primary,.mx-prod-btn--primary,.mxpro__btn--solid){background:var(--mm-gold);color:#141414;border-color:var(--mm-gold)}
:where(.mm-legacy) :is(.mx-btn--primary,.mx-prod-btn--primary,.mxpro__btn--solid):hover{background:#a8822f;border-color:#a8822f}
:where(.mm-legacy) :is(.mx-btn--dark,.mx-prod-btn--dark,.mxm-btn--woo){background:var(--mm-ink);color:#fff;border-color:var(--mm-ink)}
:where(.mm-legacy) :is(.mx-btn--dark,.mx-prod-btn--dark,.mxm-btn--woo):hover{background:#000}
:where(.mm-legacy) :is(.mx-btn--light,.mx-prod-btn--light,.mxpro__btn--line){background:#fff;color:var(--mm-ink);border-color:var(--mm-line)}
:where(.mm-legacy) :is(.mx-btn--light,.mx-prod-btn--light,.mxpro__btn--line):hover{border-color:var(--mm-ink)}
:where(.mm-legacy) :is(.mx-btn--outline,.mx-prod-btn--outline,.mxm-btn--outline){background:transparent;color:var(--mm-ink);border-color:var(--mm-ink)}
:where(.mm-legacy) :is(.mx-btn--outline,.mx-prod-btn--outline,.mxm-btn--outline):hover{background:var(--mm-ink);color:#fff}
/* Todo botón que abre WhatsApp va en verde */
:where(.mm-legacy) :is(.mx-btn,.mx-prod-btn,.mxm-btn,.mxpro__btn):is([href*="wa.me"],[href*="whatsapp"]),
:where(.mm-legacy) .mxm-btn--whatsapp{background:var(--mm-wa);color:#fff;border-color:var(--mm-wa)}
:where(.mm-legacy) :is(.mx-btn,.mx-prod-btn,.mxm-btn,.mxpro__btn):is([href*="wa.me"],[href*="whatsapp"]):hover,
:where(.mm-legacy) .mxm-btn--whatsapp:hover{background:var(--mm-wa-dark);border-color:var(--mm-wa-dark)}
:where(.mm-legacy) :is(.mx-btn,.mx-prod-btn)::before{content:none}

/* Enlace de texto */
:where(.mm-legacy) :is(.mx-link,.mx-prod-link,.mxpro__link){display:inline;color:var(--mm-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--mm-gold);text-decoration-thickness:1.5px;text-underline-offset:5px}
:where(.mm-legacy) :is(.mx-link,.mx-prod-link,.mxpro__link):hover{color:var(--mm-gold-ink)}

/* ---------- 5. Índice "En esta página" ---------- */
:where(.mm-legacy) :is(.mx-anchor-strip,.mx-prod-jump){background:var(--mm-soft);border-top:1px solid var(--mm-line);border-bottom:1px solid var(--mm-line);padding:0}
:where(.mm-legacy) :is(.mx-anchor-strip__inner,.mx-prod-jump__inner){display:flex;align-items:center;gap:8px 14px;min-height:60px;padding-top:12px;padding-bottom:12px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
:where(.mm-legacy) .mx-prod-jump__inner{padding-left:0;padding-right:0}
:where(.mm-legacy) :is(.mx-anchor-strip__inner,.mx-prod-jump__inner)::-webkit-scrollbar{display:none}
:where(.mm-legacy) .mx-anchor-strip__inner > strong,
:where(.mm-legacy) .mx-prod-jump__inner::before{flex:0 0 auto;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-gold-ink)}
:where(.mm-legacy) .mx-prod-jump__inner::before{content:"En esta página"}
:where(.mm-legacy) .mx-anchor-strip__nav{display:flex;gap:8px}
:where(.mm-legacy) :is(.mx-anchor-strip__nav,.mx-prod-jump__inner) a{flex:0 0 auto;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.3;color:var(--mm-ink);text-decoration:none;background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius)}
:where(.mm-legacy) :is(.mx-anchor-strip__nav,.mx-prod-jump__inner) a:hover{border-color:var(--mm-gold);color:var(--mm-gold-ink)}
:where(.mm-legacy) :is(section,article,div)[id]{scroll-margin-top:140px}

/* ---------- 6. Rejillas y columnas ---------- */
:where(.mm-legacy) :is(.mx-grid,.mx-prod-grid,.mx-related-grid,.mx-related-cluster__grid,.mxpro__grid,.mxpro__summary,.mxpro__guideGrid,.mxm-modelos-grid){display:grid;gap:24px;align-items:stretch}
:where(.mm-legacy) :is(.mx-grid--2,.mx-prod-grid--2,.mxpro__guideGrid){grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.mm-legacy) :is(.mx-grid--3,.mx-grid--cards,.mx-prod-grid--3,.mx-related-grid,.mx-related-cluster__grid,.mxpro__grid,.mxpro__summary){grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.mm-legacy) :is(.mx-grid--4,.mx-prod-grid--4,.mxm-modelos-grid){grid-template-columns:repeat(4,minmax(0,1fr))}
:where(.mm-legacy) :is(.mx-grid,.mx-prod-grid,.mx-split,.mx-prod-split) > *{min-width:0}
:where(.mm-legacy) :is(.mx-grid,.mx-prod-grid,.mx-prod-info,.mx-content-box,.mx-section__head,.mx-prod-text--center) + :is(.mx-grid,.mx-prod-grid,.mx-prod-info,.mx-table-wrap,.mx-prod-table-wrap,.mx-faq,.mx-prod-faq,.mxm-page){margin-top:32px}
:where(.mm-legacy) :is(.mx-split,.mx-prod-split,.mx-prod-split--reverse){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
:where(.mm-legacy) .mx-split--wide-left{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
:where(.mm-legacy) .mx-split--wide-right{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
:where(.mm-legacy) .mx-prod-split--reverse > :first-child{order:2}
:where(.mm-legacy) :is(.mx-content-box,.mx-content-box--compact,.mx-prod-text,.mx-link-cluster,.mx-info-footer,.mx-related-panel){background:none;border:0;padding:0;box-shadow:none}

/* ---------- 7. Tarjetas ---------- */
:where(.mm-legacy) :is(.mx-card,.mx-related-card,.mx-related-cluster__card,.mx-prod-info-item,.mxpro__card,.mxpro__summaryCard,.mxpro__guideCard,.mxm-content-card,.mxm-faq-item){position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);overflow:hidden;box-shadow:none;transition:border-color .2s}
:where(.mm-legacy) :is(.mx-card,.mx-related-card,.mx-related-cluster__card,.mx-prod-info-item)::before{content:none}
:where(.mm-legacy) :is(.mx-card--pad,.mx-related-cluster__card,.mx-related-card,.mx-prod-info-item,.mxpro__summaryCard,.mxpro__guideCard,.mxm-content-card,.mxm-faq-item){padding:24px;border-top:2px solid var(--mm-gold)}
:where(.mm-legacy) :is(.mx-card,.mx-related-card,.mx-related-cluster__card,.mxpro__card):has(a):hover{border-color:var(--mm-gold)}
:where(.mm-legacy) :is(.mx-card,.mx-related-card,.mx-related-cluster__card,.mx-prod-info-item,.mxpro__card,.mxpro__summaryCard,.mxpro__guideCard) :is(h2,h3,h4){font-size:clamp(18px,1.5vw,20px);line-height:1.25;margin:0 0 8px}
:where(.mm-legacy) :is(.mx-card,.mx-related-card,.mx-related-cluster__card,.mx-prod-info-item,.mxpro__card,.mxpro__summaryCard,.mxpro__guideCard) p{font-size:15px;line-height:1.6;color:var(--mm-muted);margin:0 0 10px}
:where(.mm-legacy) :is(.mx-card,.mx-prod-info-item) p:last-child{margin-bottom:0}
:where(.mm-legacy) :is(.mx-card__img,.mxpro__imageWrap){display:block;aspect-ratio:4/3;overflow:hidden;background:var(--mm-soft)}
:where(.mm-legacy) :is(.mx-card__img,.mxpro__imageWrap) img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
:where(.mm-legacy) .mx-card:hover .mx-card__img img{transform:scale(1.04)}
:where(.mm-legacy) :is(.mx-card__body,.mxpro__body){flex:1 1 auto;padding:20px 20px 12px;display:flex;flex-direction:column}
:where(.mm-legacy) .mx-card__footer{padding:0 20px 20px;margin-top:auto}
:where(.mm-legacy) :is(.mx-card__tag,.mxpro__tag){display:block;margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-gold-ink);background:none;padding:0;border:0}
:where(.mm-legacy) .mx-card h3 a{color:inherit;text-decoration:none}
:where(.mm-legacy) .mxpro__icon{display:block;margin-bottom:14px;color:var(--mm-gold);font-size:26px;line-height:1;background:none;border:0;width:auto;height:auto}

/* ---------- 8. Imágenes ---------- */
:where(.mm-legacy) :is(.mx-imgbox,.mx-prod-figure){margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:var(--mm-radius);background:var(--mm-soft);border:1px solid var(--mm-line)}
:where(.mm-legacy) :is(.mx-imgbox,.mx-prod-figure) img{width:100%;height:100%;object-fit:cover}
:where(.mm-legacy) :is(.mx-imgbox,.mx-prod-figure):has(figcaption){aspect-ratio:auto}
:where(.mm-legacy) :is(.mx-imgbox,.mx-prod-figure):has(figcaption) img{aspect-ratio:4/3;height:auto}
:where(.mm-legacy) :is(.mx-imgbox,.mx-prod-figure) figcaption{padding:12px 14px;font-size:14px;color:var(--mm-muted);background:#fff;border-top:1px solid var(--mm-line);margin:0}

/* ---------- 9. Listas ---------- */
:where(.mm-legacy) :is(.mx-list,.mx-prod-list){list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
:where(.mm-legacy) :is(.mx-list,.mx-prod-list) li,
:where(.mm-legacy) .mx-prod-check{position:relative;display:block;padding-left:28px;font-size:15.5px;line-height:1.55;color:var(--mm-text)}
:where(.mm-legacy) :is(.mx-list,.mx-prod-list) li::before,
:where(.mm-legacy) .mx-prod-check::before{content:"";position:absolute;left:5px;top:5px;width:7px;height:12px;border:solid var(--mm-gold);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);background:none}
:where(.mm-legacy) .mx-list--plain li{padding-left:0}
:where(.mm-legacy) .mx-list--plain li::before{content:none}
:where(.mm-legacy) .mx-prod-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin-top:18px}
:where(.mm-legacy) .mx-prod-check span{display:inline}

/* ---------- 10. Notas y avisos ---------- */
:where(.mm-legacy) :is(.mx-note,.mx-prod-note,.mx-related-inline,.mx-highlight,.mx-intro,.mx-intro-box,.mx-alert,.mxm-note){margin-top:24px;padding:16px 20px;background:var(--mm-soft);border:0;border-left:2px solid var(--mm-gold);border-radius:0;color:var(--mm-text);font-size:15px;line-height:1.6;box-shadow:none}

/* ---------- 11. Tablas ---------- */
:where(.mm-legacy) :is(.mx-table-wrap,.mx-prod-table-wrap){overflow-x:auto;border:1px solid var(--mm-line);border-radius:var(--mm-radius);background:#fff}
:where(.mm-legacy) :is(.mx-table,.mx-prod-table){width:100%;min-width:600px;border-collapse:collapse;font-size:15px;line-height:1.5}
:where(.mm-legacy) :is(.mx-table,.mx-prod-table) th{background:var(--mm-soft);color:var(--mm-ink);font-weight:600;text-align:left;padding:13px 16px;border-bottom:2px solid var(--mm-gold)}
:where(.mm-legacy) :is(.mx-table,.mx-prod-table) td{padding:12px 16px;border-bottom:1px solid var(--mm-line);vertical-align:top;color:var(--mm-text)}
:where(.mm-legacy) :is(.mx-table,.mx-prod-table) tr:last-child td{border-bottom:0}
:where(.mm-legacy) :is(.mx-table,.mx-prod-table) td:first-child{color:var(--mm-ink);font-weight:500}

/* ---------- 12. Preguntas frecuentes ---------- */
:where(.mm-legacy) :is(.mx-faq,.mx-prod-faq,.mxm-faq){display:block;max-width:880px;border-top:1px solid var(--mm-line);margin-top:24px}
:where(.mm-legacy) :is(.mx-faq,.mx-prod-faq) details{border:0;border-bottom:1px solid var(--mm-line);border-radius:0;background:transparent;box-shadow:none}
:where(.mm-legacy) :is(.mx-faq,.mx-prod-faq) summary{list-style:none;cursor:pointer;position:relative;padding:20px 44px 20px 0;font-weight:600;font-size:17px;line-height:1.4;color:var(--mm-ink)}
:where(.mm-legacy) :is(.mx-faq,.mx-prod-faq) summary::-webkit-details-marker{display:none}
:where(.mm-legacy) :is(.mx-faq,.mx-prod-faq) summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;border:solid var(--mm-gold);border-width:0 2px 2px 0;background:none;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
:where(.mm-legacy) :is(.mx-faq,.mx-prod-faq) details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
:where(.mm-legacy) :is(.mx-faq,.mx-prod-faq) details > :not(summary){padding:0 44px 20px 0;margin:0;color:var(--mm-text)}
:where(.mm-legacy) .mxm-faq{border-top:0;display:grid;gap:14px}

/* ---------- 13. Franjas de cotización (CTA) ---------- */
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final){position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 40px;padding:clamp(26px,4vw,44px);background:#1a1a1a;color:rgba(255,255,255,.8);border:0;border-top:3px solid var(--mm-gold);border-radius:var(--mm-radius);box-shadow:none;overflow:hidden}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final)::before,
:where(.mm-legacy) :is(.mx-band,.mx-prod-cta)::after{content:none}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) :is(h2,h3){color:#fff;font-size:clamp(24px,2.8vw,34px);margin:0 0 8px;grid-column:1}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) p{color:rgba(255,255,255,.78);margin:0;grid-column:1;max-width:62ch}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) :is(.mx-actions,.mx-prod-actions,.mxm-actions){grid-column:2;grid-row:1 / span 3;margin:0;justify-content:flex-end}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) :is(.mx-btn--light,.mx-prod-btn--light,.mx-btn--outline,.mx-prod-btn--outline,.mxpro__btn--line):not([href*="wa.me"]){background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) :is(.mx-btn--light,.mx-prod-btn--light,.mx-btn--outline,.mx-prod-btn--outline,.mxpro__btn--line):not([href*="wa.me"]):hover{background:#fff;color:var(--mm-ink)}

/* ---------- 14. Enlaces relacionados y mini menús ---------- */
:where(.mm-legacy) :is(.mx-mini-nav,.mx-prod-mini-nav,.mx-index__nav,.mx-link-cluster__links,.mx-related-cluster__links){display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:22px 0 0;padding:0}
:where(.mm-legacy) :is(.mx-mini-nav,.mx-prod-mini-nav,.mx-index__nav,.mx-link-cluster__links,.mx-related-cluster__links) > a{display:flex;align-items:center;min-height:48px;padding:10px 16px;background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);color:var(--mm-ink);font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;transition:border-color .15s}
:where(.mm-legacy) :is(.mx-mini-nav,.mx-prod-mini-nav,.mx-index__nav,.mx-link-cluster__links,.mx-related-cluster__links) > a:hover{border-color:var(--mm-gold);color:var(--mm-gold-ink)}
:where(.mm-legacy) .mx-related-cluster__card .mx-related-cluster__links{grid-template-columns:1fr;margin-top:12px}
:where(.mm-legacy) .mx-related-cluster__card .mx-related-cluster__links > a{min-height:0;padding:8px 0;border:0;border-bottom:1px solid var(--mm-line);border-radius:0}
:where(.mm-legacy) :is(.mx-related-cluster,.mx-related-strip){background:var(--mm-soft)}
:where(.mm-legacy) .mx-related-cluster__head{max-width:820px;margin:0 0 28px}
:where(.mm-legacy) .mx-related-strip__box{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 48px;align-items:start}
:where(.mm-legacy) .mx-index{padding:24px;border:1px solid var(--mm-line);border-radius:var(--mm-radius);background:#fff}
:where(.mm-legacy) .mx-index__head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:18px;margin-bottom:12px}

/* ---------- 15. Bloques especiales (placas) ---------- */
:where(.mm-legacy) .mx-plate-decision{padding:clamp(48px,6vw,80px) 0;background:#1a1a1a;color:rgba(255,255,255,.8)}
:where(.mm-legacy) .mx-plate-decision h2{color:#fff}
:where(.mm-legacy) .mx-plate-decision__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
:where(.mm-legacy) .mx-plate-decision__kicker{color:var(--mm-gold-light)}
:where(.mm-legacy) .mx-plate-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
:where(.mm-legacy) .mx-plate-option{display:flex;flex-direction:column;padding:22px;background:#fff;border-top:2px solid var(--mm-gold);border-radius:var(--mm-radius);color:var(--mm-text)}
:where(.mm-legacy) .mx-plate-option__eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-muted)}
:where(.mm-legacy) .mx-plate-option__measure{display:block;margin:10px 0 6px;font-size:26px;line-height:1.1;color:var(--mm-ink)}
:where(.mm-legacy) .mx-plate-option__thickness{margin:0 0 12px;font-weight:600;color:var(--mm-gold-ink)}
:where(.mm-legacy) .mx-plate-option__density{margin-top:auto;padding-top:12px;border-top:1px solid var(--mm-line);font-size:14px}
:where(.mm-legacy) .mx-plate-decision__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:18px 20px;border:1px solid rgba(255,255,255,.16)}
:where(.mm-legacy) .mx-real-proof__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:where(.mm-legacy) .mx-real-proof__figure{margin:0;background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);overflow:hidden}
:where(.mm-legacy) .mx-real-proof__figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
:where(.mm-legacy) .mx-real-proof__figure figcaption{padding:14px 16px;border-top:2px solid var(--mm-gold);font-size:15px}

/* ---------- 16. Catálogo de modelos (mxm) ---------- */
:where(.mm-legacy) .mxm-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 28px}
:where(.mm-legacy) :is(.mxm-tag,.mxm-trust,.mxpro__badge){display:inline-flex;align-items:center;padding:5px 10px;font-size:13px;font-weight:500;color:var(--mm-ink);background:#fff;border:1px solid var(--mm-line);border-radius:2px}
:where(.mm-legacy) :is(.mxm-trust-row,.mxpro__badges){display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
:where(.mm-legacy) .mxm-model-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);overflow:hidden;transition:border-color .2s}
:where(.mm-legacy) .mxm-model-card:hover{border-color:var(--mm-gold)}
:where(.mm-legacy) .mxm-model-badge{position:absolute;z-index:2;top:10px;left:10px;padding:4px 8px;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#fff;background:rgba(20,20,20,.82);border-radius:2px}
:where(.mm-legacy) .mxm-model-media{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--mm-soft)}
:where(.mm-legacy) .mxm-model-media img{width:100%;height:100%;object-fit:cover}
:where(.mm-legacy) .mxm-model-body{display:flex;flex-direction:column;flex:1;padding:16px}
:where(.mm-legacy) .mxm-model-body h3{font-size:17px;margin:0 0 6px}
:where(.mm-legacy) .mxm-model-body > p{font-size:14px;line-height:1.5;color:var(--mm-muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:where(.mm-legacy) .mxm-model-specs{list-style:none;margin:0 0 14px;padding:0}
:where(.mm-legacy) .mxm-model-specs li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--mm-line);font-size:13.5px;color:var(--mm-muted)}
:where(.mm-legacy) .mxm-model-specs strong{color:var(--mm-ink);font-weight:600}
:where(.mm-legacy) .mxm-model-footer{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
:where(.mm-legacy) .mxm-model-footer .mxm-btn{min-height:42px;padding:0 10px;font-size:14px}
:where(.mm-legacy) .mxm-hero{padding:32px;margin:0 0 28px;background:var(--mm-soft);border:1px solid var(--mm-line);border-radius:var(--mm-radius)}

/* ---------- 17. Página de productos (mxpro) ---------- */
:where(.mm-legacy) .mxpro__hero{padding:clamp(32px,5vw,64px) 0;background:var(--mm-soft);border-bottom:1px solid var(--mm-line)}
:where(.mm-legacy) .mxpro__heroCard{background:none;border:0;padding:0;box-shadow:none}
:where(.mm-legacy) .mxpro__card h3{font-size:19px}
:where(.mm-legacy) .mxpro__final{margin-top:32px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  :where(.mm-legacy) :is(.mx-grid--4,.mx-prod-grid--4,.mxm-modelos-grid,.mx-plate-options){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  :where(.mm-legacy) .mx-hero__bg{position:static;width:100%;height:auto;aspect-ratio:16/9}
  :where(.mm-legacy) :is(.mx-hero,.mx-prod-header) > :is(.mx-wrap,.mx-prod-wrap) > :not(.mx-hero__content),
  :where(.mm-legacy) .mx-hero__content{max-width:none}
  :where(.mm-legacy) :is(.mx-split,.mx-prod-split,.mx-prod-split--reverse,.mx-split--wide-left,.mx-split--wide-right,.mx-related-strip__box,.mx-index__head){grid-template-columns:minmax(0,1fr)}
  :where(.mm-legacy) .mx-prod-split--reverse > :first-child{order:0}
  :where(.mm-legacy) :is(.mx-grid--3,.mx-grid--cards,.mx-prod-grid--3,.mx-related-grid,.mx-related-cluster__grid,.mxpro__grid,.mxpro__summary,.mx-grid--4,.mx-prod-grid--4,.mxm-modelos-grid,.mx-plate-options){grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final){grid-template-columns:minmax(0,1fr)}
  :where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) :is(.mx-actions,.mx-prod-actions,.mxm-actions){grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:8px}
  :where(.mm-legacy) .mx-plate-decision__head,
  :where(.mm-legacy) .mx-plate-decision__foot{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  :where(.mm-legacy){font-size:16px}
  :where(.mm-legacy) :is(.mx-wrap,.mx-prod-wrap,.mxpro__wrap){padding-left:16px;padding-right:16px}
  /* En celular: títulos, portada, botones y franjas centrados; texto largo legible */
  :where(.mm-legacy) :is(.mx-hero,.mx-prod-header,.mx-section__head,.mx-prod-text--center,.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final,.mx-card,.mx-prod-info-item,.mx-related-cluster__card,.mxm-model-card,.mxpro__card,.mxpro__hero),
  :where(.mm-legacy) :is(h1,h2,h3),:where(.mm-legacy) :is(.mx-kicker,.mx-prod-kicker,.mx-subtitle,.mx-lead,.mx-prod-lead){text-align:center}
  :where(.mm-legacy) :is(h2)::before{margin-left:auto;margin-right:auto}
  :where(.mm-legacy) :is(.mx-subtitle,.mx-lead,.mx-prod-lead){margin-left:auto;margin-right:auto}
  :where(.mm-legacy) :is(.mx-breadcrumb,.mx-prod-breadcrumb,.mxm-tags,.mxm-trust-row,.mxpro__badges){justify-content:center}
  :where(.mm-legacy) :is(.mx-actions,.mx-prod-actions,.mxm-actions,.mxpro__ctaRow){flex-direction:column;align-items:stretch}
  :where(.mm-legacy) :is(.mx-actions,.mx-prod-actions,.mxm-actions,.mxpro__ctaRow) :is(.mx-btn,.mx-prod-btn,.mxm-btn,.mxpro__btn){width:100%}
  :where(.mm-legacy) :is(.mx-grid,.mx-grid--2,.mx-grid--3,.mx-grid--4,.mx-grid--cards,.mx-prod-grid,.mx-prod-grid--2,.mx-prod-grid--3,.mx-prod-grid--4,.mx-related-grid,.mx-related-cluster__grid,.mxpro__grid,.mxpro__summary,.mxpro__guideGrid,.mx-prod-checks,.mx-real-proof__grid,.mx-plate-options,.mx-hero-specs){grid-template-columns:minmax(0,1fr)}
  :where(.mm-legacy) .mxm-modelos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  :where(.mm-legacy) .mxm-model-body{padding:12px}
  :where(.mm-legacy) .mxm-model-body > p,
  :where(.mm-legacy) .mxm-model-specs{display:none}
  :where(.mm-legacy) .mxm-model-footer{grid-template-columns:1fr}
  :where(.mm-legacy) :is(.mx-faq,.mx-prod-faq) summary{text-align:left}
}

/* Franjas de cotización: el texto conserva su ancho y los botones se acomodan en varias líneas */
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final){grid-template-columns:minmax(0,1fr) fit-content(540px)}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) :is(.mx-actions,.mx-prod-actions,.mxm-actions,.mxpro__ctaRow){display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) a:not([class*="btn"]){color:var(--mm-gold-light);border-bottom:1px solid var(--mm-gold);text-decoration:none}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) a:not([class*="btn"]):hover{color:#fff}
:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final) :is(strong,b,li){color:#fff}
@media (max-width:900px){:where(.mm-legacy) :is(.mx-cta,.mx-band,.mx-prod-cta,.mxm-cta-strip,.mxpro__final){grid-template-columns:minmax(0,1fr)}}
:where(.mm-legacy) :is(.mx-anchor-strip,.mx-prod-jump):not(:has(a[href^="#"])){display:none}