/* MT · Muestras (página 30298) con el estilo v3 — DEC-2026-0278 (Aleix 12-nov: «B. Necesitamos actualizar nuevo diseño …
   asegurando no perder SEO, mejorar y funcionalidad»; y, 2.ª ronda: foto en la portada, selector Baldosas hidráulicas / Terrazo
   y el párrafo al lado del titular).
   Va sobre la plantilla Elementor 37270, copia de la 30300 con el selector y el panel de terrazo (los widgets de la 30300 conservan
   su id, así que sus cadenas de TRP y sus estilos siguen valiendo). La 37270 y este CSS solo se sirven con ?v3=1
   (mu-plugins/mt-v3-muestras.php). Las rejillas de producto, los botones de carrito y «Cargar más» son los de Elementor/WooCommerce. */
body.page-id-30298{background:#F7F3EA}
body.page-id-30298 .elementor-37270{background:#F7F3EA;color:#0D0E0B}
body.page-id-30298 .elementor-37270,body.page-id-30298 .elementor-37270 :is(h1,h2,h3,p,div,span,a){font-family:'Archivo',Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
/* los widgets de Elementor fijan Roboto con más especificidad: en titulares y textos se fuerza Archivo (los iconos no se tocan) */
body.page-id-30298 .elementor-37270 :is(.elementor-heading-title,.elementor-widget-text-editor,.elementor-widget-text-editor :is(p,span,a,strong,em,b,div,li)){font-family:'Archivo',Roboto,Arial,sans-serif!important}
/* Portada: la foto de la plantilla (baldosas 20×10, nuestra) a sangre, con el velo de las portadas v3 (más denso abajo, donde va
   el H1); H1 abajo a la izquierda, en la columna de 1240. Aleix 12-nov: «en el hero se tendría que poner una foto». */
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-e1c2bc7{position:relative;background-color:#0D0E0B!important;background-size:cover!important;background-position:50% 50%!important;min-height:clamp(380px,56vh,540px);display:flex!important;flex-direction:column!important;--justify-content:flex-end;justify-content:flex-end!important;align-items:stretch;padding:0 clamp(20px,6.45vw,93px) 48px!important}
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-e1c2bc7::before{content:""!important;position:absolute!important;inset:0!important;display:block!important;background:linear-gradient(180deg,rgba(13,14,11,.34) 0%,rgba(13,14,11,.08) 38%,rgba(13,14,11,.62) 100%)!important;opacity:1!important;z-index:1!important}
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-e1c2bc7>*:not(.elementor-element-b3a1c09){position:relative;z-index:2}
/* la foto va en un <picture> (widget b3a1c09) bajo el velo: escritorio la horizontal, móvil la vertical (una sola descarga) */
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-b3a1c09{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;z-index:0}
body.page-id-30298 .elementor-37270 .elementor-element-b3a1c09 :is(.elementor-widget-container,.mt-mu-hero){display:block;width:100%;height:100%}
body.page-id-30298 .elementor-37270 .mt-mu-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-width:none}
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-2047049e{width:100%;max-width:1240px;margin:0 auto!important}
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-2047049e .elementor-heading-title{font-weight:100!important;font-size:56px!important;line-height:1.1!important;letter-spacing:-.01em!important;text-transform:uppercase;color:#F7F3EA!important;text-align:left!important}
/* Entradilla y carrusel del móvil (contenedor a4bd015): sobre Papel Cal, sin degradado ni marco blanco */
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-a4bd015,body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-80bde31{background:#F7F3EA!important;background-image:none!important}
body.page-id-30298 .elementor-37270 .elementor-element-1898ef3 :is(.autoscroll-carousel,.autoscroll-track,div){background:transparent!important}
/* Contenido: columna de 1240 con margen lateral v3 */
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-2433aba{background:#F7F3EA!important;padding:64px clamp(20px,6.45vw,93px) 96px!important}
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-2433aba>.e-con-inner{max-width:1240px!important;padding:0!important}
/* el espaciador de Elementor entre la portada y el H2 sobra: el aire lo da el padding v3 */
body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-4757d46{display:none!important}
/* H2 de la página, en la voz del titular v3 */
body.page-id-30298 .elementor-37270 .elementor-element:is(.elementor-element-033800e,.elementor-element-b3a1c05) .elementor-heading-title{font-weight:100!important;font-size:56px!important;line-height:1.1!important;letter-spacing:-.01em!important;text-transform:uppercase;color:#0D0E0B!important}
/* Textos: cuerpo v3 (Archivo 300, 17 px, Piedra), columna de texto, justificado con guiones */
body.page-id-30298 .elementor-37270 :is(.elementor-element-47279ca,.elementor-element-b3a1c06,.elementor-element-1740eb0,.elementor-element-f3813e1) :is(p,div){font-weight:300!important;font-size:17px!important;line-height:1.55!important;letter-spacing:.015em!important;color:#3C3D39!important;max-width:620px;text-align:justify;hyphens:auto}
/* Rótulos de las tres rejillas (Diseños · Colores en stock · Carta de colores): titular pequeño con filete */
body.page-id-30298 .elementor-37270 :is(.elementor-element-47b1cea,.elementor-element-5f68333,.elementor-element-049e4d4){margin-top:48px!important;padding-top:32px;border-top:1px solid rgba(13,14,11,.16)}
body.page-id-30298 .elementor-37270 :is(.elementor-element-47b1cea,.elementor-element-5f68333,.elementor-element-049e4d4) :is(p,div){font-weight:100!important;font-size:28px!important;line-height:1.1!important;letter-spacing:-.01em!important;text-transform:uppercase;color:#0D0E0B!important}
/* Fichas: la foto se funde con el Papel Cal (conserva su canto y su sombra), nombre 16/500, botón de línea cuadrado */
body.page-id-30298 .elementor-37270 .e-loop-item img{mix-blend-mode:multiply}
body.page-id-30298 .elementor-37270 .e-loop-item .elementor-widget-text-editor,body.page-id-30298 .elementor-37270 .e-loop-item .elementor-widget-text-editor *{font-size:16px!important;font-weight:500!important;letter-spacing:.01em!important;color:#0D0E0B!important}
body.page-id-30298 .elementor-37270 :is(.e-loop-item .add_to_cart_button,.e-loop-item .added_to_cart,.elementor-widget-loop-grid .elementor-button){background:transparent!important;color:#0D0E0B!important;border:1px solid #0D0E0B!important;border-radius:0!important;box-shadow:none!important;font-family:'Archivo',Roboto,Arial,sans-serif!important;font-size:11px!important;font-weight:500!important;line-height:1!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:11px 14px!important;white-space:nowrap!important;transition:background .2s,color .2s,border-color .2s}
body.page-id-30298 .elementor-37270 :is(.e-loop-item .add_to_cart_button,.e-loop-item .added_to_cart,.elementor-widget-loop-grid .elementor-button):hover{background:#702427!important;border-color:#702427!important;color:#F7F3EA!important}
body.page-id-30298 .elementor-37270 .e-loop-item .add_to_cart_button.loading{opacity:.6}
/* Rejillas: la columna nunca es más ancha que su hueco (con 1fr, el botón en una línea ensanchaba las 7 columnas a 180 px y la
   página se salía a 1537 px). En la columna v3 de 1240 caben 6 fichas; el botón se parte en dos líneas solo si no cabe (FR, PT). */
body.page-id-30298 .elementor-37270 .elementor-widget-loop-grid .elementor-loop-container{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr))!important}
body.page-id-30298 .elementor-37270 :is(.e-loop-item,.e-loop-item .e-con,.e-loop-item .e-con-inner,.e-loop-item .elementor-widget){min-width:0!important;max-width:100%}
body.page-id-30298 .elementor-37270 :is(.e-loop-item .add_to_cart_button,.e-loop-item .added_to_cart){max-width:100%;white-space:normal!important;line-height:1.25!important;padding:11px 12px!important}
@media (min-width:1025px){body.page-id-30298 .elementor-37270 .elementor-widget-loop-grid{--grid-columns:5!important}}
@media (min-width:1440px){body.page-id-30298 .elementor-37270 .elementor-widget-loop-grid{--grid-columns:6!important}}
body.page-id-30298 .elementor-37270 .e-loop-item .added_to_cart{margin-top:8px;display:inline-block}
@media (max-width:767px){
  /* en el móvil el botón puede partirse: en una sola línea ensanchaba la ficha (180 px) y la rejilla de 2 se salía */
  body.page-id-30298 .elementor-37270 :is(.e-loop-item .add_to_cart_button,.e-loop-item .added_to_cart){white-space:normal!important;line-height:1.25!important;padding:10px 12px!important}
  body.page-id-30298 .elementor-37270 :is(.e-loop-item,.e-loop-item .e-con,.e-loop-item .e-con-inner,.e-loop-item .elementor-widget){min-width:0!important;max-width:100%}
  body.page-id-30298 .elementor-37270 .e-loop-item img{max-width:100%!important;height:auto!important}
  body.page-id-30298 .elementor-37270 :is(.elementor-element-47b1cea,.elementor-element-5f68333,.elementor-element-049e4d4) :is(p,div){text-align:left!important}
  body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-e1c2bc7{min-height:clamp(440px,70svh,600px);padding-bottom:32px!important}
  body.page-id-30298 .elementor-37270 .elementor-element:is(.elementor-element-2047049e,.elementor-element-033800e,.elementor-element-b3a1c05) .elementor-heading-title{font-size:28px!important;text-align:left!important}
  body.page-id-30298 .elementor-37270 .elementor-element.elementor-element-2433aba{padding-top:40px!important;padding-bottom:64px!important}
  body.page-id-30298 .elementor-37270 :is(.elementor-element-47279ca,.elementor-element-b3a1c06,.elementor-element-1740eb0,.elementor-element-f3813e1) :is(p,div){font-size:16px!important;text-align:left}
  body.page-id-30298 .elementor-37270 :is(.elementor-element-47b1cea,.elementor-element-5f68333,.elementor-element-049e4d4) :is(p,div){font-size:20px!important}
}

/* ── 2.ª ronda (Aleix 12-nov) ───────────────────────────────────────────────────────────────────────────────────────── */
/* Selector Baldosas hidráulicas / Terrazo (widget HTML b3a1c08): dos opciones en línea, cuadradas, con filete; la elegida en
   tinta sobre Polvo. Por defecto, baldosa hidráulica. #terrazo abre el terrazo (enlazable desde las páginas de terrazo). */
body.page-id-30298 .elementor-37270 .mt-mu-tabs{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border:1px solid rgba(13,14,11,.16);margin:0 0 64px}
body.page-id-30298 .elementor-37270 .mt-mu-tab{appearance:none;-webkit-appearance:none;margin:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px 28px!important;font-family:'Archivo',Roboto,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:.06em;text-transform:uppercase;color:#6B6B66!important;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s}
body.page-id-30298 .elementor-37270 .mt-mu-tab+.mt-mu-tab{border-left:1px solid rgba(13,14,11,.16)!important}
body.page-id-30298 .elementor-37270 .mt-mu-tab[aria-selected="true"]{background:#EDE9E0!important;color:#0D0E0B!important}
@media (hover:hover) and (pointer:fine){body.page-id-30298 .elementor-37270 .mt-mu-tab:hover{color:#0D0E0B!important}}
body.page-id-30298 .elementor-37270 .mt-mu-tab:focus-visible{outline:1px solid #702427;outline-offset:2px}
/* Paneles: se ve uno; el de terrazo, solo si se elige (o con #terrazo) */
body.page-id-30298 .elementor-37270 .mt-mu-panel{padding:0!important;gap:0!important}
body.page-id-30298 .elementor-37270 .mt-mu-ter{display:none!important}
html.mt-mu-ter-on body.page-id-30298 .elementor-37270 .mt-mu-hid{display:none!important}
html.mt-mu-ter-on body.page-id-30298 .elementor-37270 .mt-mu-ter{display:flex!important}
/* Titular y párrafo lado a lado (como el contenido doble v3: titular 620, aire 206, texto 413): ahorra alto */
@media (min-width:1025px){
  body.page-id-30298 .elementor-37270 .mt-mu-intro{display:grid!important;grid-template-columns:minmax(0,620fr) minmax(0,206fr) minmax(0,413fr);align-items:start;gap:0!important;padding:0!important}
  body.page-id-30298 .elementor-37270 .mt-mu-intro>.elementor-element:first-child{grid-column:1}
  body.page-id-30298 .elementor-37270 .mt-mu-intro>.elementor-element:nth-child(2){grid-column:3;margin-top:8px}
  body.page-id-30298 .elementor-37270 .mt-mu-intro>.elementor-element:nth-child(2) :is(p,div){max-width:none!important}
}
@media (max-width:1024px){body.page-id-30298 .elementor-37270 .mt-mu-intro{flex-direction:column!important;gap:24px!important;padding:0!important}}
@media (max-width:767px){
  body.page-id-30298 .elementor-37270 .mt-mu-tabs{display:grid;width:100%;margin-bottom:40px}
  body.page-id-30298 .elementor-37270 .mt-mu-tab{padding:14px 12px!important;font-size:13px!important;white-space:normal}
}
/* Panel de terrazo: entre el titular y las fichas, el mismo aire y filete que en hidráulica antes de «Diseños» */
body.page-id-30298 .elementor-37270 .mt-mu-ter .elementor-widget-loop-grid{margin-top:48px!important;padding-top:48px!important;border-top:1px solid rgba(13,14,11,.16)}
@media (max-width:767px){body.page-id-30298 .elementor-37270 .mt-mu-ter .elementor-widget-loop-grid{margin-top:32px!important;padding-top:32px!important}}