/* =========================================================
   MOLDURAS MX — Home (solo se carga en la portada)
   Escrito para el HTML actual de la página de inicio.
   Todo va dentro de .mx-home, así no afecta al resto del sitio.
   Orden: base · botones · secciones en el orden de la página.
   ========================================================= */

/* ---------- BASE ---------- */
.mx-home{font-size:16px;line-height:1.6;overflow-x:clip}
.mx-home *,.mx-home *::before,.mx-home *::after{box-sizing:border-box}
.mx-home img{display:block;max-width:100%}
.mx-home figure,.mx-home p,.mx-home ul{margin:0}
.mx-home a{text-decoration:none}
/* Anula el espacio automático que Gutenberg pone entre bloques hermanos. */
.mx-home .is-layout-flow>*{margin-block:0}
.mx-home h1,.mx-home h2,.mx-home h3{margin:0;color:var(--mx-ink);font-family:var(--mx-font-head);font-weight:400;letter-spacing:-.045em}

.mx-home .wrap{width:min(var(--mx-wrap),calc(100% - 2 * var(--mx-gutter)));margin-inline:auto}

.mx-home .eyebrow{display:block;margin:0 0 16px;color:var(--mx-green);font:700 12px/1.4 var(--mx-font-body);letter-spacing:.16em}

/* Cabecera de sección reutilizable */
.mx-home .section-head{max-width:860px;margin-bottom:32px}
.mx-home .section-head h2{margin-bottom:14px;font-size:clamp(33px,3.6vw,49px);line-height:1.17}
.mx-home .section-head p:not([class]){color:var(--mx-muted);line-height:1.6}

/* Tarjeta con enlace completo: el <a> cubre toda la tarjeta */
.mx-home .home-card{position:relative}
.mx-home .home-card-hit{position:absolute;inset:0;z-index:10}
.mx-home .home-card-hit a{position:absolute;inset:0;display:block;overflow:hidden;color:transparent;font-size:0;line-height:0}
.mx-home .home-card-hit a:focus-visible{outline:3px solid var(--mx-green);outline-offset:-3px}

/* Imagen que rellena su contenedor */
.mx-home :is(.hero,.factory-photo,.customer-card,.catalog-card)>.wp-block-image{position:absolute;inset:0}
.mx-home :is(.hero,.factory-photo,.customer-card,.catalog-card)>.wp-block-image img{width:100%;height:100%;object-fit:cover}

/* Iconos en cuadro verde claro */
.mx-home :is(.audience-icon,.shipping-icon){display:grid;place-items:center;flex:none;background:#e0f0e7;color:var(--mx-green)}
.mx-home :is(.audience-icon,.shipping-icon) svg{width:23px;height:23px}

/* ---------- BOTONES ---------- */
.mx-home .home-link{margin:0}
.mx-home .darkbtn,
.mx-home .linkwhite,
.mx-home .outlinebtn,
.mx-home .trust-shop{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 24px;font:600 14px/1.2 var(--mx-font-body);transition:background-color .2s}
.mx-home .darkbtn{min-width:236px;background:var(--mx-green);color:#fff}
.mx-home .darkbtn:hover{background:var(--mx-green-dark);color:#fff}
.mx-home .linkwhite,
.mx-home .outlinebtn{border:1px solid #fff;color:#fff}
.mx-home .linkwhite:hover,
.mx-home .outlinebtn:hover{background:rgb(255 255 255 / .15);color:#fff}

/* ---------- HERO ---------- */
.mx-home .hero{position:relative;height:610px;overflow:hidden;background:#526b62}
.mx-home .hero>.wp-block-image img{object-position:center 55%;filter:saturate(.84) brightness(.78)}
.mx-home .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(12 32 28 / .83) 0%,rgb(14 38 34 / .46) 58%,rgb(14 38 34 / .12) 100%)}
.mx-home .hero>.wrap{position:relative;z-index:1;display:flex;align-items:center;height:100%}
.mx-home .hero-copy{width:860px;max-width:80%;color:#fff}
.mx-home .hero-copy .home-small{display:block;margin-bottom:17px;color:#fff;font:600 11px/1.4 var(--mx-font-body);letter-spacing:.18em}
.mx-home .hero-copy h1{margin-bottom:19px;color:#fff;font-size:clamp(39px,4.8vw,68px);font-weight:500;line-height:1.1;letter-spacing:-.055em}
.mx-home .hero-copy>p:not([class]){max-width:690px;margin-bottom:16px;color:#fff;font-size:18px;line-height:1.55}
.mx-home .hero-copy .hero-proof{margin-bottom:27px;color:#e9f9f3;font:600 13px/1.4 var(--mx-font-body);letter-spacing:.08em}
.mx-home .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px}

/* ---------- FRANJA DE BENEFICIOS ---------- */
.mx-home .benefit-strip{border-bottom:1px solid var(--mx-line);background:#fff}
.mx-home .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.mx-home .benefit-item{display:flex;align-items:center;gap:13px;min-height:96px;padding:19px 16px;border-right:1px solid var(--mx-line)}
.mx-home .benefit-item:last-child{border-right:0}
.mx-home .benefit-mark{min-width:33px;color:var(--mx-green);font:400 22px/1 var(--mx-font-head)}
.mx-home .benefit-item .home-strong{color:var(--mx-ink);font-size:14px;font-weight:700}
.mx-home .benefit-detail{margin-top:1px;color:#787670;font-size:13px;line-height:1.4}

/* ---------- INTRODUCCIÓN ---------- */
.mx-home .home-seo-intro{padding:38px 0;border-block:1px solid #d8e7df;background:#eef6f2}
.mx-home .home-seo-intro-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2fr);align-items:center;column-gap:44px}
.mx-home .home-seo-intro-heading .eyebrow{margin-bottom:10px}
.mx-home .home-seo-intro-heading h2{max-width:310px;font-size:clamp(24px,2.2vw,32px);font-weight:500;line-height:1.2;letter-spacing:-.04em}
.mx-home .home-seo-intro-text{padding:2px 0 2px 28px;border-left:2px solid #9dc9b7;color:#40594f;font-size:17px;line-height:1.7}
.mx-home .home-seo-intro-text a{color:#07564e;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mx-home .home-seo-intro-text a:focus-visible{outline:2px solid #07564e;outline-offset:3px}

/* ---------- CATEGORÍAS ---------- */
.mx-home .catalog-categories{padding:49px 0 24px;background:var(--mx-paper)}
.mx-home .catalog-heading{margin:0 auto 30px;text-align:center}
.mx-home .catalog-heading h2{margin-bottom:12px;font-size:clamp(34px,3.25vw,46px);line-height:1.2}
.mx-home .ell3-section-sub{max-width:660px;margin:0 auto 17px;color:var(--mx-muted);line-height:1.6}
.mx-home .ell3-viewall{display:inline-flex;align-items:center;gap:28px;padding-bottom:5px;border-bottom:1px solid var(--mx-green);color:var(--mx-green);font:400 12px/1.5 var(--mx-font-body)}
.mx-home .ell3-viewall:hover{color:var(--mx-green-dark);border-color:var(--mx-green-dark)}

/* 3 tarjetas grandes arriba y 4 + 4 debajo */
.mx-home .catalog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.mx-home .catalog-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;background:#d8e4de;color:#fff}
.mx-home .catalog-card:nth-child(-n+3){grid-column:span 4;aspect-ratio:1.65/1}
.mx-home .catalog-card:nth-child(n+4){grid-column:span 3;aspect-ratio:1.35/1}
.mx-home .catalog-card>.wp-block-image img{transition:transform .3s}
.mx-home .catalog-card:hover>.wp-block-image img{transform:scale(1.045)}
.mx-home .catalog-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgb(6 33 28 / .84),rgb(6 33 28 / .19) 62%,transparent)}
.mx-home .catalog-card::before{content:"→";position:absolute;right:19px;bottom:18px;z-index:2;color:#fff;font:400 23px/1 var(--mx-font-body);pointer-events:none}
.mx-home .catalog-card:hover::before{color:#a1f1cf}
.mx-home .catalog-copy{position:absolute;left:20px;right:35px;bottom:19px;z-index:2;pointer-events:none}
.mx-home .catalog-title{color:#fff;font:500 20px/1.12 var(--mx-font-head);letter-spacing:-.045em}
.mx-home .catalog-sub{margin-top:7px;color:#e9f5ef;font-size:14px;line-height:1.3}

/* ---------- MÁS VENDIDOS (WooCommerce) ---------- */
.mx-home .ell3-best{padding:66px 0 76px;border-top:1px solid var(--mx-line);background:var(--mx-mint)}
.mx-home .best-heading{margin:0 auto 28px;text-align:center}
.mx-home .best-heading .home-small{margin-bottom:14px;color:var(--mx-green);font:700 12px/1.4 var(--mx-font-body);letter-spacing:.16em}
.mx-home .best-heading h2{margin-bottom:12px;font-size:clamp(34px,3.25vw,46px);line-height:1.2}
.mx-home .best-heading p:not([class]){max-width:660px;margin:0 auto 16px;color:var(--mx-muted)}

/* Tarjetas: más especificidad que WooCommerce/Blocksy (.woocommerce ul.products li.product …)
   sin usar !important. Toda la tarjeta es clicable y la barra inferior invita a entrar. */
.mx-home .best-products ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.mx-home .best-products ul.products::before,
.mx-home .best-products ul.products::after{display:none}
.mx-home .best-products ul.products li.product{position:relative;display:flex;flex-direction:column;float:none;width:auto;min-width:0;margin:0;padding:0;overflow:hidden;border:1px solid #dce8e1;background:#fff;box-shadow:none;text-align:left;transition:transform .25s,box-shadow .25s,border-color .25s}
.mx-home .best-products ul.products li.product:hover{transform:translateY(-4px);border-color:#b9d8ca;box-shadow:0 14px 28px rgb(6 49 41 / .12)}
.mx-home .best-products ul.products li.product:focus-within{outline:3px solid var(--mx-green);outline-offset:2px}
.mx-home .best-products ul.products li.product>a.woocommerce-LoopProduct-link,
.mx-home .best-products ul.products li.product>a.woocommerce-loop-product__link{display:flex;flex-direction:column;flex:1;color:inherit}

/* Imagen cuadrada que llena todo el espacio (sin franjas vacías) */
.mx-home .best-products ul.products li.product figure{margin:0;overflow:hidden}
.mx-home .best-products ul.products li.product .ct-media-container{display:block;aspect-ratio:1/1;margin:0;overflow:hidden;background:#f3f6f4}
.mx-home .best-products ul.products li.product img{display:block;width:100%;height:100%;aspect-ratio:1/1;margin:0;padding:0;object-fit:cover;background:#f3f6f4;border-radius:0;transition:transform .35s}
.mx-home .best-products ul.products li.product:hover img{transform:scale(1.04)}

/* Etiqueta de oferta, si el producto la tiene */
.mx-home .best-products ul.products li.product .onsale{position:absolute;top:10px;left:10px;z-index:2;min-width:0;min-height:0;margin:0;padding:6px 9px;border-radius:0;background:var(--mx-green);color:#fff;font:700 10px/1 var(--mx-font-body);letter-spacing:.08em;text-transform:uppercase}

/* Título: dos líneas como máximo, todas las tarjetas a la misma altura */
.mx-home .best-products ul.products li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.4em + 14px);margin:0 0 10px;padding:14px 16px 0;color:var(--mx-ink);font:500 15px/1.4 var(--mx-font-body);letter-spacing:0}
.mx-home .best-products ul.products li.product .woocommerce-loop-product__title a{color:inherit;text-decoration:none}
/* El enlace del título cubre toda la tarjeta (imagen, precio y barra) */
.mx-home .best-products ul.products li.product .woocommerce-loop-product__title a::after{content:"";position:absolute;inset:0;z-index:1}

/* Precio + barra "Ver producto" */
.mx-home .best-products ul.products li.product .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-height:0;margin:auto 0 0;padding:0 16px;background:none;color:var(--mx-ink);font:700 18px/1.25 var(--mx-font-body)}
.mx-home .best-products ul.products li.product .price :is(.amount,bdi,ins){color:inherit;text-decoration:none}
.mx-home .best-products ul.products li.product .price del{color:var(--mx-muted);font-size:14px;font-weight:400}
.mx-home .best-products ul.products li.product .price::after{content:"Ver producto ⟶";flex:0 0 calc(100% + 32px);margin:14px -16px 0;padding:13px 16px;background:var(--mx-ink);color:#fff;font:600 13px/1 var(--mx-font-body);letter-spacing:.02em;transition:background-color .2s}
.mx-home .best-products ul.products li.product:hover .price::after{background:var(--mx-green)}
/* Rango de precios ($250 – $1,200): se muestra "Desde $250". */
.mx-home .best-products ul.products li.product .price:has(> span[aria-hidden="true"]:not(.woocommerce-Price-amount))::before{content:"Desde";flex-basis:100%;color:var(--mx-muted);font:600 11px/1.4 var(--mx-font-body);letter-spacing:.08em;text-transform:uppercase}
.mx-home .best-products ul.products li.product .price:has(> span[aria-hidden="true"]:not(.woocommerce-Price-amount)) > span[aria-hidden="true"]:not(.woocommerce-Price-amount),
.mx-home .best-products ul.products li.product .price:has(> span[aria-hidden="true"]:not(.woocommerce-Price-amount)) > .woocommerce-Price-amount ~ .woocommerce-Price-amount{display:none}

/* Solo imagen, título y precio: se ocultan los extras de WooCommerce y Blocksy */
.mx-home .best-products ul.products li.product :is(.button,.added_to_cart,.star-rating){display:none}
/* Extras de la tarjeta de Blocksy: solo dentro de "Más vendidos". */
.mx-home .best-products .entry-meta,
.mx-home .best-products .meta-categories,
.mx-home .best-products .entry-excerpt,
.mx-home .best-products .ct-woo-card-actions,
.mx-home .best-products .ct-woo-card-extra{
    display: none;
}

/* ---------- FÁBRICA ---------- */
.mx-home .factory-story{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#eaf2ed}
.mx-home .factory-photo{position:relative;overflow:hidden;min-height:510px;background:#ddd7cb}
.mx-home .photo-tag{position:absolute;left:20px;bottom:20px;z-index:2;padding:9px 12px;background:#fff;color:#34332f;font-size:12px}
.mx-home .factory-copy{align-self:center;padding:56px clamp(28px,5vw,85px)}
.mx-home .factory-copy h2{margin-bottom:22px;font-size:clamp(36px,4vw,58px);line-height:1.14}
.mx-home .factory-lead{max-width:600px;margin:0 0 16px;color:#415950;font-size:17px;line-height:1.7}
.mx-home .factory-flow{display:inline-block;margin:15px 0 16px;padding:12px 17px;background:var(--mx-green);color:#fff;font:700 12px/1.4 var(--mx-font-body);letter-spacing:.14em}
.mx-home .factory-detail{margin:0 0 26px;color:#596c63}

/* ---------- COMPRA A TU MEDIDA ---------- */
.mx-home .customer-section{padding:65px 0 72px}
.mx-home .customer-section .section-intro{padding-bottom:27px;text-align:center}
.mx-home .section-intro h2{margin-bottom:13px;font-size:clamp(34px,3.8vw,48px);line-height:1.2}
.mx-home .section-intro p:not([class]){max-width:650px;margin-inline:auto;color:var(--mx-muted)}
.mx-home .customer-split{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:462px;gap:20px}
.mx-home .customer-card{position:relative;overflow:hidden;background:#ccc3ba;color:#fff}
.mx-home .customer-card>.wp-block-image img{filter:brightness(.72);transition:transform .3s}
.mx-home .customer-card:hover>.wp-block-image img{transform:scale(1.035)}
.mx-home .customer-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(2 25 20 / .82),transparent 75%)}
.mx-home .customer-card>.wp-block-group{position:absolute;left:32px;right:32px;bottom:74px;z-index:2}
.mx-home .customer-card h2{margin-bottom:12px;color:#fff;font-size:36px;line-height:1.15}
.mx-home .customer-card p{max-width:390px;font-size:15px}
.mx-home .customer-cta{position:absolute;left:32px;bottom:29px;z-index:11}
.mx-home .customer-cta a{display:inline-block;padding-bottom:5px;border-bottom:1px solid #fff;color:#fff;font-size:12px}

/* ---------- CONSTRUCCIÓN EPS ---------- */
.mx-home .construction-section{padding:69px 0 76px;background:#f2f7f4}
.mx-home .construction-section h2{max-width:850px;margin-bottom:15px;font-size:clamp(34px,3.6vw,49px);line-height:1.17}
.mx-home .construction-section .lead{max-width:820px;margin-bottom:23px;color:var(--mx-muted)}
.mx-home .home-seo-construction{max-width:970px;margin:6px 0 23px;padding:16px 20px;border-left:3px solid var(--mx-green);background:#fff;color:#40594f;font-size:17px;line-height:1.7}
.mx-home .construction-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:25px}
.mx-home .construction-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dbe7e0;background:#fff}
.mx-home .construction-card>.wp-block-image{height:135px;overflow:hidden}
.mx-home .construction-card>.wp-block-image img{width:100%;height:100%;object-fit:cover}
.mx-home .construction-label{display:flex;flex:1;align-items:center;justify-content:space-between;gap:4px;min-height:54px;padding:10px;color:var(--mx-ink);font:500 14px/1.2 var(--mx-font-head)}
.mx-home .construction-card:hover .construction-label{color:var(--mx-green)}
.mx-home .delivery-hint{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mx-home .delivery-hint p:not([class]){max-width:730px;color:#4e6459;font-size:14px}
.mx-home .delivery-hint .darkbtn{min-width:230px}

/* ---------- COMPRA POR METROS ---------- */
.mx-home .meters-section{padding:69px 0;background:#e9f1ed}
.mx-home .meter-layout{display:grid;grid-template-columns:2fr 1fr;align-items:stretch;gap:22px}
.mx-home .meter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.mx-home .meter-card{display:flex;flex-direction:column;align-items:flex-start;min-height:170px;padding:26px 21px 20px;background:#fff;color:var(--mx-ink);cursor:pointer;transition:background-color .2s}
.mx-home .meter-card:hover{background:#d9ede2}
.mx-home .meter-card:focus-within{outline:3px solid #8ecab8;outline-offset:-3px}
.mx-home .meter-value{font:400 30px/1.2 var(--mx-font-head)}
.mx-home .meter-desc{margin-top:5px;color:#6d6b66;font-size:14px;line-height:1.5}
.mx-home .meter-link{margin-top:auto;padding-top:15px;color:var(--mx-green);font:700 12px/1.2 var(--mx-font-body);letter-spacing:.06em}
.mx-home .meter-card.is-featured{background:var(--mx-green);outline:3px solid #8ecab8;outline-offset:-3px;color:#fff}
.mx-home .meter-card.is-featured:hover{background:var(--mx-green-dark)}
.mx-home .meter-card.is-featured :is(.meter-desc,.meter-link){color:#fff}
.mx-home .meter-badge{position:absolute;top:9px;right:10px;z-index:2;padding:5px 7px;background:#fff;color:var(--mx-green-dark);font:700 9px/1 var(--mx-font-body);letter-spacing:.09em}

.mx-home .meter-promo{display:flex;flex-direction:column;justify-content:flex-end;padding:31px;background:var(--mx-green);color:#fff}
.mx-home .meter-promo h3{margin-bottom:12px;color:#fff;font-size:31px}
.mx-home .meter-promo>p:not([class]){margin-bottom:24px;color:#f7eee8;font-size:14px;line-height:1.5}
.mx-home .meter-choice-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.mx-home .meter-choice-actions .darkbtn{display:flex;width:100%;min-width:0;min-height:50px;background:#083f39}
.mx-home .meter-choice-actions .darkbtn:hover{background:#052f2a}
.mx-home .meter-choice-note{margin-top:15px;color:#d8eee5;font-size:12px;line-height:1.45}
.mx-home [hidden]{display:none}

/* ---------- COMPRA SEGÚN QUIÉN ERES ---------- */
.mx-home .audiences-section{padding:69px 0}
.mx-home .audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mx-home .audience-link{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:205px;padding:20px;border:1px solid var(--mx-line);background:#fff;transition:transform .2s,box-shadow .2s,background-color .2s}
.mx-home .audience-link:hover{transform:translateY(-3px);background:#f1f8f3;box-shadow:0 11px 24px rgb(10 74 57 / .1)}
.mx-home .audience-icon{width:42px;height:42px}
.mx-home .audience-title{margin:15px 0 6px;color:#24352d;font:500 18px/1.2 var(--mx-font-head)}
.mx-home .audience-text{color:#65736c;font-size:14px;line-height:1.45}
.mx-home .audience-cta{margin-top:auto;padding-top:14px;color:var(--mx-green);font:700 12px/1.25 var(--mx-font-body);letter-spacing:.06em}
.mx-home .audience-footer{margin-top:25px;text-align:center}
.mx-home .audience-footer .darkbtn{min-width:220px}

/* ---------- MAYOREO ---------- */
.mx-home .wholesale-section{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;min-height:520px;background:#e5f0e9}
.mx-home .wholesale-section>.wp-block-image{position:relative;overflow:hidden;min-height:520px}
.mx-home .wholesale-section>.wp-block-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mx-home .wholesale-copy{align-self:center;padding:55px clamp(27px,5vw,90px)}
.mx-home .wholesale-copy h2{margin-bottom:17px;font-size:clamp(34px,4vw,55px);line-height:1.15}
.mx-home .wholesale-copy>p:not([class]){max-width:510px;color:#5e5b56}
.mx-home .home-seo-wholesale{max-width:560px;margin:15px 0 22px;padding:4px 0 4px 16px;border-left:2px solid #9dc9b7;color:#42584f;font-size:17px;line-height:1.7}
.mx-home .wholesale-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:26px 0 30px;padding:0;list-style:none}
.mx-home .wholesale-copy li{padding-top:9px;border-top:1px solid #c8bcb0;font-size:14px}

/* ---------- ENVÍOS ---------- */
.mx-home .shipping-section{padding:70px 0}
.mx-home .shipping-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px}
.mx-home .shipping-copy h2{margin-bottom:18px;font-size:clamp(35px,4vw,53px);line-height:1.15}
.mx-home .shipping-copy>p:not([class]){color:var(--mx-muted)}
.mx-home .shipping-steps{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}
.mx-home .shipping-chip{padding:8px 11px;border:1px solid #c9c3ba;font-size:13px;white-space:nowrap}
.mx-home .shipping-strong{display:block;margin:0 0 22px;color:var(--mx-green);font:700 12px/1.4 var(--mx-font-body)}
.mx-home .shipping-extra{display:inline-block;margin-top:17px;padding-bottom:3px;border-bottom:1px solid var(--mx-green);color:var(--mx-green);font:700 11px/1.4 var(--mx-font-body)}
.mx-home .shipping-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mx-home .shipping-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:199px;padding:22px;border:1px solid #dae9e0;background:#eef5f0}
.mx-home .shipping-icon{width:44px;height:44px}
.mx-home .shipping-card .home-strong{margin-top:12px;color:var(--mx-ink);font:500 18px/1.25 var(--mx-font-head)}
.mx-home .shipping-card p:not([class]){margin-top:7px;color:#596b61;font-size:14px;line-height:1.5}

/* ---------- PROYECTOS ---------- */
.mx-home .projects-section{padding:72px 0;background:var(--mx-paper)}
.mx-home .project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mx-home .project-link{min-width:0;color:#333}
.mx-home .project-link>.wp-block-image{height:225px;overflow:hidden;background:#e0d9cf}
.mx-home .project-link>.wp-block-image img{width:100%;height:100%;object-fit:cover}
.mx-home .project-link h3{margin:15px 0 6px;font-size:17px;line-height:1.25}
.mx-home .project-cta{display:inline-block;padding-bottom:3px;border-bottom:1px solid #666;font-size:14px;line-height:1.5}

/* ---------- RESPALDO ---------- */
.mx-home .trust-section{padding:66px 0 70px;background:var(--mx-green);color:#fff}
.mx-home .trust-section .eyebrow{color:#e9fff4}
.mx-home .trust-section h2{max-width:860px;margin-bottom:31px;color:#fff;font-size:clamp(32px,3.5vw,47px);line-height:1.18}
.mx-home .trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1px;border:1px solid rgb(255 255 255 / .32);background:rgb(255 255 255 / .32)}
.mx-home .trust-grid>.wp-block-group{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:205px;padding:25px;background:var(--mx-green)}
.mx-home .trust-grid .home-strong{color:#fff;font:500 20px/1.2 var(--mx-font-head)}
.mx-home .trust-grid p:not([class]){margin-top:8px;color:#d7f2e6;font-size:14px;line-height:1.5}
.mx-home .trust-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:23px;background:rgb(255 255 255 / .14);color:#fff}
.mx-home .trust-icon svg{width:23px;height:23px}
.mx-home .trust-grid>.google-proof{background:#fff;color:var(--mx-ink)}
.mx-home .google-mark{display:inline-block;background:conic-gradient(#4285f4 0 95deg,#34a853 95deg 180deg,#fbbc05 180deg 270deg,#ea4335 270deg 360deg);-webkit-background-clip:text;background-clip:text;color:transparent;font:700 32px/1 var(--mx-font-body)}
.mx-home .google-proof .home-strong{margin-top:10px;color:var(--mx-ink);font-size:28px}
.mx-home .google-stars{margin-top:5px;color:#efac26;font-size:19px;letter-spacing:.05em}
.mx-home .google-proof p:not([class]){color:#56665e}
.mx-home .trust-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:25px}
.mx-home .trust-shop{min-height:53px;padding:0 22px;background:#fff;color:var(--mx-green-dark);font-weight:700}
.mx-home .trust-cta{display:inline-flex;padding:5px 0;border-bottom:1px solid #fff;color:#fff;font:700 12px/1.2 var(--mx-font-body)}
.mx-home .trust-note{margin-top:20px;color:#e9fff4;font-size:14px}

/* ---------- AYUDA PARA CALCULAR ---------- */
.mx-home .help-section{padding:55px 0;background:#e2f0e8}
.mx-home .help-layout{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px}
.mx-home .help-layout h2{margin-bottom:8px;font-size:34px;line-height:1.16}
.mx-home .help-layout p:not([class]){margin:0}
.mx-home .help-steps{display:flex;flex-wrap:wrap;gap:9px}
.mx-home .help-chip{padding:9px 12px;border:1px solid #a7c8b8;font-size:13px}
.mx-home .help-layout .darkbtn{min-width:200px}

/* ---------- GUÍAS ---------- */
.mx-home .guides-section{padding:70px 0}
.mx-home .guides-section .section-head{max-width:1000px}
.mx-home .home-seo-guides{max-width:960px;margin-top:16px;padding:2px 0 2px 17px;border-left:2px solid #9dc9b7;color:#40594f;font-size:17px;line-height:1.7}
.mx-home .guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mx-home .guide-link{min-width:0;color:#30302e}
.mx-home .guide-link>.wp-block-image{height:205px;overflow:hidden;background:#ddd}
.mx-home .guide-link>.wp-block-image img{width:100%;height:100%;object-fit:cover}
.mx-home .guide-type{display:block;margin-top:15px;color:var(--mx-green);font:700 12px/1.4 var(--mx-font-body);letter-spacing:.1em}
.mx-home .guide-link h3{margin:8px 0;font-size:20px;line-height:1.25}
.mx-home .guide-link p:not([class]){color:var(--mx-muted);font-size:14px;line-height:1.5}

/* ---------- PREGUNTAS FRECUENTES ---------- */
.mx-home .faq-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-block:58px 75px}
.mx-home .faq-section h2{margin-bottom:14px;font-size:33px}
.mx-home .faq-section>.wp-block-group:first-child p:not([class]){margin-bottom:22px;color:#67645e}
.mx-home .wp-block-details{padding:14px 0;border-bottom:1px solid var(--mx-line)}
.mx-home .wp-block-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:16px;font-weight:600;line-height:1.5}
.mx-home .wp-block-details summary::-webkit-details-marker{display:none}
.mx-home .wp-block-details summary::after{content:"＋";color:var(--mx-green)}
.mx-home .wp-block-details[open] summary::after{content:"－"}
.mx-home .wp-block-details>p{margin:10px 22px 0 0;color:#67645e;font-size:15px;line-height:1.6}

/* ---------- LLAMADO FINAL ---------- */
.mx-home .final-cta{padding:65px 0;background:var(--mx-ink);color:#fff}
.mx-home .final-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}
.mx-home .final-cta h2{margin-bottom:10px;color:#fff;font-size:clamp(33px,4vw,50px);line-height:1.15}
.mx-home .final-cta p:not([class]){color:#ddd7d1}
.mx-home .final-actions{display:flex;flex-wrap:wrap;gap:12px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1100px){
  .mx-home .catalog-card:nth-child(-n+3){aspect-ratio:1.3/1}
  .mx-home .catalog-card:nth-child(n+4){aspect-ratio:1/1}
  .mx-home .best-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx-home .construction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mx-home .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mx-home .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx-home .factory-story,.mx-home .wholesale-section{min-height:0}
  .mx-home .factory-photo,.mx-home .wholesale-section>.wp-block-image{min-height:450px}
  .mx-home .shipping-layout{gap:30px}
  .mx-home .help-layout{grid-template-columns:1fr 1fr}
  .mx-home .help-layout .darkbtn{grid-column:1/-1;justify-self:start}
}

@media (max-width:760px){
  .mx-home .wrap{width:calc(100% - 24px)}

  .mx-home .hero{height:570px}
  .mx-home .hero-copy{width:100%;max-width:100%}
  .mx-home .hero-copy h1{font-size:38px}
  .mx-home .hero-copy>p:not([class]){font-size:16px}
  .mx-home .hero-copy .hero-proof{font-size:12px}
  .mx-home .hero .darkbtn{min-width:180px;min-height:48px;padding:14px 18px}
  .mx-home .linkwhite{min-height:48px;padding:13px 15px}

  .mx-home .benefit-grid{grid-template-columns:1fr 1fr}
  .mx-home .benefit-item{padding:17px 10px;border-bottom:1px solid var(--mx-line)}
  .mx-home .benefit-item:nth-child(2){border-right:0}
  .mx-home .benefit-item .home-strong{font-size:13px}
  .mx-home .benefit-detail{font-size:12px}

  .mx-home .home-seo-intro{padding:26px 0}
  .mx-home .home-seo-intro-layout{grid-template-columns:1fr;row-gap:14px}
  .mx-home .home-seo-intro-heading h2{max-width:none;font-size:25px}
  .mx-home .home-seo-intro-text{padding-left:15px;font-size:16px;line-height:1.65}

  .mx-home .catalog-categories{padding:42px 0 16px}
  .mx-home .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mx-home .catalog-card:nth-child(n){grid-column:span 1;aspect-ratio:1/1}
  .mx-home .catalog-card:nth-child(3){grid-column:span 2;aspect-ratio:2.05/1}
  .mx-home .catalog-copy{left:10px;right:23px;bottom:12px}
  .mx-home .catalog-title{font-size:15px;line-height:1.25}
  .mx-home .catalog-sub{font-size:12px;line-height:1.35}
  .mx-home .catalog-card::before{right:8px;bottom:10px;font-size:17px}

  .mx-home .ell3-best{padding:50px 0 45px}
  .mx-home .best-products ul.products{gap:10px}
  .mx-home .best-products ul.products li.product .woocommerce-loop-product__title{min-height:calc(2 * 1.4em + 10px);margin-bottom:8px;padding:10px 11px 0;font-size:13px}
  .mx-home .best-products ul.products li.product .price{padding:0 11px;font-size:16px}
  .mx-home .best-products ul.products li.product .price::after{flex-basis:calc(100% + 22px);margin:10px -11px 0;padding:11px;font-size:12px}

  .mx-home .factory-story,.mx-home .wholesale-section{grid-template-columns:1fr}
  .mx-home .factory-photo{min-height:290px;height:290px}
  .mx-home .wholesale-section>.wp-block-image{min-height:310px;height:310px}
  .mx-home .factory-copy,.mx-home .wholesale-copy{padding:38px 22px}
  .mx-home .factory-lead,.mx-home .home-seo-wholesale,.mx-home .home-seo-construction,.mx-home .home-seo-guides{font-size:16px;line-height:1.65}

  .mx-home .customer-section{padding:50px 0 52px}
  .mx-home .customer-split{grid-template-columns:1fr;grid-auto-rows:315px;gap:10px}
  .mx-home .customer-card>.wp-block-group{left:19px;right:19px;bottom:63px}
  .mx-home .customer-card h2{font-size:25px}
  .mx-home .customer-cta{left:19px;bottom:22px}

  .mx-home .construction-section{padding:52px 0 56px}
  .mx-home .home-seo-construction{padding:12px 14px}
  .mx-home .construction-grid{grid-template-columns:1fr 1fr}
  .mx-home .construction-card:last-child{grid-column:span 2}
  .mx-home .construction-card>.wp-block-image{height:112px}
  .mx-home .construction-label{min-height:48px;padding:8px;font-size:13px}
  .mx-home .delivery-hint{display:block}
  .mx-home .delivery-hint .darkbtn{width:100%;margin-top:18px}

  .mx-home .meters-section,.mx-home .audiences-section,.mx-home .shipping-section,.mx-home .projects-section,.mx-home .guides-section{padding:55px 0}
  .mx-home .meter-layout{grid-template-columns:1fr}
  .mx-home .meter-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mx-home .meter-card{min-height:155px;padding:27px 13px 15px}
  .mx-home .meter-value{font-size:24px}
  .mx-home .meter-desc{font-size:13px}
  .mx-home .meter-promo{min-height:200px}

  .mx-home .audience-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mx-home .audience-link{padding:15px}
  .mx-home .audience-title{font-size:15px}
  .mx-home .audience-text{font-size:13px}
  .mx-home .audience-cta{font-size:11px}

  .mx-home .wholesale-copy ul{grid-template-columns:1fr}
  .mx-home .shipping-layout{grid-template-columns:1fr;gap:24px}
  .mx-home .shipping-card{min-height:168px;padding:15px}
  .mx-home .shipping-card .home-strong{font-size:15px}
  .mx-home .shipping-card p:not([class]){font-size:13px}

  .mx-home .project-grid{grid-template-columns:1fr 1fr;gap:17px 10px}
  .mx-home .project-link:last-child{grid-column:span 2}
  .mx-home .project-link>.wp-block-image{height:170px}
  .mx-home .project-link h3{font-size:15px}

  .mx-home .trust-section{padding:53px 0}
  .mx-home .trust-grid{grid-template-columns:1fr 1fr}
  .mx-home .trust-grid>.wp-block-group{min-height:170px;padding:18px}
  .mx-home .trust-grid .home-strong{font-size:16px}
  .mx-home .trust-actions{gap:12px}

  .mx-home .help-section{padding:46px 0}
  .mx-home .help-layout{grid-template-columns:1fr;gap:17px}
  .mx-home .help-layout h2{font-size:29px}

  .mx-home .guide-grid{gap:18px 10px}
  .mx-home .guide-link>.wp-block-image{height:150px}
  .mx-home .guide-link h3{font-size:16px}
  .mx-home .guide-link p:not([class]){font-size:13px}

  .mx-home .faq-section{grid-template-columns:1fr;gap:20px;padding-block:48px 60px}
  .mx-home .wp-block-details summary{font-size:15px}

  .mx-home .final-cta>.wrap{display:block}
  .mx-home .final-actions{margin-top:24px}
}