
/* =====================================================================
   QWOOD â€” CATALOGO PARQUETS Â· SSOT responsive saneado Â· 2026-03-14
   NORDIC FOREST ELEVATION Â· 2026-03-24
   RESPONSIVE POLISH Â· 2026-03-24
   Scope: body.qwood-catalog-parquets-page + .qwood-wrapper.qw-catalog-parquets

   Cambios responsive polish:
   - Grid 2-col extendido hasta 640px (antes 768px)
   - Single-col centrado con max-width 480px (640-520px)
   - Card entrance stagger animation removed (now via reveal.js IntersectionObserver)
   - Image aspect-ratio 3/2 en multi-col para alturas consistentes
   - Precio con subtle background pill para jerarquia visual
   - Mejor escalado padding/gap en breakpoints intermedios
   - Touch targets mejorados en actions (min-height 46px)
   - Banner proporcionado en mobile
   ===================================================================== */

/* Tokens heredados de design-system.css (SSOT).
   Solo se definen aqui aliases locales del catalogo. */
body.qwood-catalog-parquets-page .qwood-wrapper.qw-catalog-parquets{
  --qwood-color-subtle:var(--qwood-color-border, rgba(15,23,42,.10));
  --qwood-color-subtle-2:var(--qwood-color-border-soft, rgba(15,23,42,.06));
  --qwood-shadow-md:var(--qwood-shadow-card, 0 18px 42px rgba(15,23,42,.08));
}

body.qwood-catalog-parquets-page{ background:#ffffff; }
body.qwood-catalog-parquets-page .qwood-wrapper.qw-catalog-parquets,
body.qwood-catalog-parquets-page .qwood-wrapper.qw-catalog-parquets *{ box-sizing:border-box; }
body.qwood-catalog-parquets-page .qwood-wrapper.qw-catalog-parquets{
  font-family:var(--qwood-font);
  color:var(--qwood-color-text);
  margin:0 0 3rem;
  position:relative;
  isolation:isolate;
  background:#ffffff;
}
body.qwood-catalog-parquets-page .qwood-wrapper.qw-catalog-parquets [hidden]{ display:none !important; }

body.qwood-catalog-parquets-page .site-main,
body.qwood-catalog-parquets-page .content-area,
body.qwood-catalog-parquets-page #primary{ margin-top:0; padding-top:0; }

body.qwood-catalog-parquets-page .site-content .col-full{
  max-width:1200px;
  margin:0 auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
}

/* ---- Migas de pan: ocultas visualmente, preservadas para SEO ---- */
body.qwood-catalog-parquets-page .storefront-breadcrumb,
body.qwood-catalog-parquets-page .woocommerce-breadcrumb,
body.qwood-catalog-parquets-page nav.woocommerce-breadcrumb,
body.qwood-catalog-parquets-page .breadcrumb-trail{
  position:absolute !important;
  width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

body.qwood-catalog-parquets-page.woocommerce-shop .woocommerce-result-count,
body.qwood-catalog-parquets-page.woocommerce-shop .woocommerce-ordering,
body.qwood-catalog-parquets-page.woocommerce-shop ul.products,
body.qwood-catalog-parquets-page.woocommerce-shop nav.woocommerce-pagination{
  display:none !important;
}

/* ---- Watermarks (mask-image + bg-color â€” sistema home, audit 2026-05-07) ---- */
body.qwood-catalog-parquets-page .qwood-wrapper.qw-catalog-parquets{
  --qw-wm-pino:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cg fill='black'%3E%3Cpolygon points='50,5 28,42 38,42 18,80 32,80 8,125 92,125 68,80 82,80 62,42 72,42'/%3E%3Crect x='44' y='125' width='12' height='15'/%3E%3C/g%3E%3C/svg%3E");
  --qw-wm-hoja-2:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 110'%3E%3Cg fill='black'%3E%3Cpath d='M75 8 C 60 4 35 8 22 22 C 8 38 6 60 18 78 C 30 95 55 100 72 90 C 85 80 88 60 80 38 C 78 25 78 16 75 8 Z'/%3E%3Cpath d='M73 12 C 55 28 38 50 28 76 L 22 88 L 28 88 C 36 70 50 50 70 32'/%3E%3C/g%3E%3C/svg%3E");
}
/* USP bar â€” sin watermark (audit 2026-05-07: solo la punta del pino quedaba
   visible bajo los cards, no se leÃ­a como Ã¡rbol). Movido a la card asesorÃ­a
   donde hay altura suficiente. */
body.qwood-catalog-parquets-page .qw-catalog-usp::before{
  display:none;
}
/* AsesorÃ­a CTA â€” patrÃ³n home: pino TL + hoja BR */
body.qwood-catalog-parquets-page .qw-catalog-cta{
  overflow:hidden; /* contiene los watermarks dentro de la card */
}
body.qwood-catalog-parquets-page .qw-catalog-cta::before{
  content:"";
  position:absolute;
  left:1rem;
  top:1rem;
  width:130px;
  height:180px;
  mask-image:var(--qw-wm-pino);
  -webkit-mask-image:var(--qw-wm-pino);
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-size:contain;
  background-color:var(--qwood-color-primary, #1bcf17);
  opacity:.10;
  pointer-events:none;
  z-index:0;
  transform:rotate(-4deg);
}
body.qwood-catalog-parquets-page .qw-catalog-cta::after{
  content:"";
  position:absolute;
  right:1rem;
  bottom:1rem;
  width:160px;
  height:200px;
  mask-image:var(--qw-wm-hoja-2);
  -webkit-mask-image:var(--qw-wm-hoja-2);
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-size:contain;
  background-color:var(--qwood-color-primary, #1bcf17);
  opacity:.10;
  pointer-events:none;
  z-index:0;
  transform:rotate(8deg);
}

body.qwood-catalog-parquets-page .qwood-catalog-banner,
body.qwood-catalog-parquets-page .qw-catalog-head,
body.qwood-catalog-parquets-page .qw-parquet-grid{
  position:relative;
  z-index:1;
}

/* ---- Banner (hero-style, full-width â€” same pattern as ficha producto) ---- */
/* 2026-05-10: en mobile col-full tiene padding horizontal 24px, asÃ­ que
   necesitamos el breakout 100vw para que el banner toque ambos bordes
   del viewport. Mantenido igual al patrÃ³n original. */
body.qwood-catalog-parquets-page .qwood-catalog-banner{
  width:100vw;
  margin-left:calc(-50vw + 50%);
  margin-top:calc(-1 * var(--qw-nav-h, 72px));
  margin-bottom:0;
  border-radius:0;
  overflow:hidden;
  border:none;
  box-shadow:none;
  position:relative;
  min-height:clamp(320px, 42vw, 480px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:#2a1e14;
}
/* Image — zoom reducido 10% (scale 3 → 2.7) a petición del owner 2026-07-08 */
body.qwood-catalog-parquets-page .qwood-catalog-banner__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  transform:scale(2.7);
  transform-origin:center center;
}
/* Solid dark overlay for banner image readability (SSOT QWOOD: no gradients) */
body.qwood-catalog-parquets-page .qwood-catalog-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(10,8,4,.32);
  pointer-events:none;
  z-index:1;
}
/* Inner content â€” centered over image+overlay */
body.qwood-catalog-parquets-page .qwood-catalog-banner__inner{
  position:relative;
  z-index:2;
  padding:calc(var(--qw-nav-h, 72px) + 24px) 24px clamp(40px, 5vw, 60px);
  text-align:center;
  width:100%;
  max-width:800px;
  margin:0 auto;
}
body.qwood-catalog-parquets-page .qwood-catalog-banner__title{
  position:relative;
  z-index:1;
  margin:0;
  color:#fff;
  font-weight:900;
  letter-spacing:-.025em;
  text-transform:none;
  text-shadow:0 2px 16px rgba(0,0,0,.4), 0 6px 32px rgba(0,0,0,.15);
  font-size:clamp(30px, 4.8vw, 60px);
  line-height:1.08;
}

/* ---- Results count ---- */
body.qwood-catalog-parquets-page .qw-catalog-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:1.4rem;
}
body.qwood-catalog-parquets-page .qw-results-count{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:.55rem .95rem;
  min-height:2.5rem;
  border-radius:var(--qwood-radius-pill);
  border:none;
  background:#ffffff;
  color:rgba(15,23,42,.84);
  font-weight:800;
  font-size:.88rem;
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
body.qwood-catalog-parquets-page .qw-results-count::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--qwood-color-primary);
  box-shadow:0 0 0 4px rgba(27,207,23,.12);
  animation:qw-count-pulse 2.4s var(--qwood-ease) infinite;
}
@keyframes qw-count-pulse{
  0%,100%{ box-shadow:0 0 0 4px rgba(27,207,23,.12); }
  50%{ box-shadow:0 0 0 7px rgba(27,207,23,.06); }
}

/* ---- Grid ---- */
body.qwood-catalog-parquets-page .qw-parquet-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:1.5rem;
  margin:0 0 2rem;
}

/* ---- Card ---- */
body.qwood-catalog-parquets-page .qw-parquet-card{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr;
  background:#ffffff;
  border-radius:24px;
  border:none;
  box-shadow:var(--qwood-shadow-soft);
  overflow:hidden;
  transition:
    transform var(--qwood-speed, 220ms) var(--qwood-ease, cubic-bezier(.2,.8,.2,1)),
    box-shadow var(--qwood-speed, 220ms) var(--qwood-ease, cubic-bezier(.2,.8,.2,1)),
    border-color var(--qwood-speed, 220ms) var(--qwood-ease, cubic-bezier(.2,.8,.2,1));
}
body.qwood-catalog-parquets-page .qw-parquet-card:hover{
  transform:translateY(-5px);
  border-color:rgba(27,207,23,.28);
  box-shadow:
    0 18px 42px rgba(27,207,23,.12),
    0 0 0 1px rgba(27,207,23,.08),
    0 0 24px rgba(27,207,23,.10);
}

/* ---- Card media (absolute img + white bg para PNGs con alpha) ---- */
body.qwood-catalog-parquets-page .qw-parquet-media{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  aspect-ratio:3/2;
  background:#fff;
  line-height:0;
  font-size:0;
}
body.qwood-catalog-parquets-page .qw-parquet-media::after{ display:none; }
body.qwood-catalog-parquets-page .qw-parquet-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  border:0 !important;
  border-radius:0 !important;
  margin:0;
  padding:0;
  max-width:none;
  transform:scale(1);
  transition:transform var(--qwood-speed-slow, 300ms) var(--qwood-ease, cubic-bezier(.2,.8,.2,1));
}
body.qwood-catalog-parquets-page .qw-parquet-card:hover .qw-parquet-media img{
  transform:scale(1.04);
}

/* ---- Card body ---- */
body.qwood-catalog-parquets-page .qw-parquet-body{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.85rem;
  padding:1.1rem 1.1rem 1.2rem;
}
/* Wave â€” overlaps upward into the image, no gap possible */
body.qwood-catalog-parquets-page .qw-parquet-body::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-27px;
  height:28px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 30' preserveAspectRatio='none'%3E%3Cpath d='M0,18 C80,28 160,6 240,16 C310,24 370,10 400,14 L400,30 L0,30Z' fill='white'/%3E%3C/svg%3E");
  background-size:100% 100%;
  pointer-events:none;
  z-index:2;
}
body.qwood-catalog-parquets-page .qw-parquet-head{
  display:grid;
  gap:.4rem;
  align-items:start;
  justify-items:center;
  text-align:center;
}
body.qwood-catalog-parquets-page .qw-parquet-title{
  margin:0;
  min-width:0;
  color:var(--qwood-color-text);
  font-size:1.08rem;
  line-height:1.25;
  font-weight:900;
  text-align:center;
  text-wrap:balance;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ---- Price (subtle pill background) ---- */
body.qwood-catalog-parquets-page .qw-parquet-price{
  display:flex;
  align-items:baseline;
  justify-content:center;
  min-height:1.5rem;
  margin:0;
  text-align:center;
}
body.qwood-catalog-parquets-page .qw-parquet-price--visible{
  display:inline-flex;
  align-items:baseline;
  gap:.2rem;
  min-width:0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--qwood-color-text-strong, #0f172a);
  font-size:clamp(15px, .55vw + 13px, 18px);
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.01em;
  white-space:nowrap;
}
body.qwood-catalog-parquets-page .qw-parquet-price--visible .amount,
body.qwood-catalog-parquets-page .qw-parquet-price .amount{
  font-weight:900;
  color:var(--qwood-color-text-strong, #0f172a);
}
body.qwood-catalog-parquets-page .qw-parquet-price--visible small,
body.qwood-catalog-parquets-page .qw-parquet-price--visible .qw-price-unit{
  font-size:.78em;
  font-weight:900;
  opacity:1;
  color:var(--qwood-color-text-strong, #0f172a);
  letter-spacing:.01em;
}

/* ---- Measures ---- */
body.qwood-catalog-parquets-page .qw-measures{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  width:100%;
  margin:0;
}
body.qwood-catalog-parquets-page .qw-measure-pill{
  flex:1 1 calc(50% - .28rem);
  min-width:0;
  min-height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.72rem .9rem;
  border-radius:var(--qwood-radius-pill);
  border:none;
  background:#fff;
  color:rgba(15,23,42,.86);
  font-size:.89rem;
  font-weight:900;
  letter-spacing:.01em;
  text-align:center;
  line-height:1.12;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:normal;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(15,23,42,.055);
  transition:
    transform var(--qwood-speed, 220ms) var(--qwood-ease),
    box-shadow var(--qwood-speed, 220ms) var(--qwood-ease),
    background-color var(--qwood-speed, 220ms) var(--qwood-ease),
    color var(--qwood-speed-fast, 140ms) var(--qwood-ease);
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
body.qwood-catalog-parquets-page .qw-measure-pill:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(15,23,42,.088);
  background:rgba(27,207,23,.04);
}
body.qwood-catalog-parquets-page .qw-measure-pill:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px var(--qwood-color-primary-ring), 0 12px 26px rgba(15,23,42,.08);
}
body.qwood-catalog-parquets-page .qw-measure-pill.is-active{
  background:var(--qwood-color-primary);
  color:#fff;
  box-shadow:0 8px 20px rgba(27,207,23,.22), 0 0 16px rgba(27,207,23,.15);
  animation:qw-pill-pop .26s var(--qwood-ease-spring, cubic-bezier(.34,1.56,.64,1));
}
@keyframes qw-pill-pop{
  from{ transform:scale(.94); }
  to{ transform:scale(1); }
}
body.qwood-catalog-parquets-page .qw-measure-pill.is-disabled,
body.qwood-catalog-parquets-page .qw-measure-pill:disabled{
  opacity:.45;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}

/* ---- Variant carousel ---- */
body.qwood-catalog-parquets-page .qw-measure-panel{ width:100%; }
body.qwood-catalog-parquets-page .qw-variants{
  width:100%;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 36px;
  align-items:center;
  gap:8px;
  margin:0;
}
body.qwood-catalog-parquets-page .qw-var-prev,
body.qwood-catalog-parquets-page .qw-var-next{
  width:36px;
  height:36px;
  padding:0;
  border-radius:999px;
  border:none;
  background:#fff;
  color:rgba(15,23,42,.88);
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:18px;
  font-weight:900;
  box-shadow:0 8px 20px rgba(15,23,42,.066);
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  transition:
    transform var(--qwood-speed-fast, 140ms) var(--qwood-ease),
    box-shadow var(--qwood-speed, 220ms) var(--qwood-ease),
    color var(--qwood-speed-fast, 140ms) var(--qwood-ease),
    opacity var(--qwood-speed, 220ms) var(--qwood-ease);
}
body.qwood-catalog-parquets-page .qw-var-prev:hover,
body.qwood-catalog-parquets-page .qw-var-next:hover{
  transform:translateY(-2px) scale(1.06);
  color:var(--qwood-color-primary);
  box-shadow:0 14px 28px rgba(15,23,42,.11);
}
body.qwood-catalog-parquets-page .qw-var-prev[disabled],
body.qwood-catalog-parquets-page .qw-var-next[disabled]{
  opacity:.42;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
body.qwood-catalog-parquets-page .qw-var-prev:focus-visible,
body.qwood-catalog-parquets-page .qw-var-next:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px var(--qwood-color-primary-ring);
}
body.qwood-catalog-parquets-page .qw-var-track{
  min-width:0;
  /* `overflow:clip` + `overflow-clip-margin` evita el corte de sombra del pill
     mientras seguimos clippeando los slides off-screen del carousel. */
  overflow:clip;
  overflow-clip-margin:18px;
}
body.qwood-catalog-parquets-page .qw-var-pill{
  width:100%;
  min-width:0;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.66rem .84rem;
  border-radius:999px;
  border:none;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.066);
  color:rgba(15,23,42,.88);
  text-align:center;
  font-weight:900;
  font-size:.88rem;
  line-height:1.18;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.qwood-catalog-parquets-page .qw-var-pill.is-active{
  background:#fff;
  box-shadow:0 10px 24px rgba(27,207,23,.14);
  color:var(--qwood-color-primary-dark, #1bcf17);
}

/* ---- Actions ---- */
body.qwood-catalog-parquets-page .qw-parquet-actions{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
}
body.qwood-catalog-parquets-page .qw-parquet-actions > *{
  min-width:0;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.78rem .95rem;
  border-radius:var(--qwood-radius-pill);
  text-decoration:none;
  line-height:1;
  font-size:.84rem;
  font-weight:900;
  transition:
    transform var(--qwood-speed-fast, 140ms) var(--qwood-ease),
    box-shadow var(--qwood-speed, 220ms) var(--qwood-ease),
    background-color var(--qwood-speed, 220ms) var(--qwood-ease),
    color var(--qwood-speed-fast, 140ms) var(--qwood-ease),
    border-color var(--qwood-speed, 220ms) var(--qwood-ease);
}
body.qwood-catalog-parquets-page .qw-btn-sample{
  background:var(--qwood-color-primary-aa, #1bcf17) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 8px 20px rgba(27,207,23,.20), 0 0 14px rgba(27,207,23,.12) !important;
}
body.qwood-catalog-parquets-page .qw-btn-sample:hover{
  background:var(--qwood-color-primary-dark) !important;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(27,207,23,.28), 0 0 20px rgba(27,207,23,.18) !important;
}
body.qwood-catalog-parquets-page .qw-btn-sample:active{
  transform:translateY(0) scale(.97);
  box-shadow:0 8px 18px rgba(27,207,23,.16) !important;
}
body.qwood-catalog-parquets-page .qw-btn-sample:focus-visible{
  outline:none;
  box-shadow: var(--qwood-ring, 0 0 0 2px #fff, 0 0 0 4px #0b6f0a) !important; /* FIX 2026-08-06: era 1,26:1 */
}
body.qwood-catalog-parquets-page .qw-details-link,
body.qwood-catalog-parquets-page a.qw-details-link{
  background:#ffffff !important;
  color:rgba(15,23,42,.86) !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(15,23,42,.066) !important;
}
body.qwood-catalog-parquets-page .qw-details-link:hover{
  background:rgba(27,207,23,.05) !important;
  border-color:rgba(27,207,23,.30) !important;
  color:var(--qwood-color-primary-dark) !important;
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(15,23,42,.099) !important;
}
body.qwood-catalog-parquets-page .qw-details-link:active{
  transform:translateY(0) scale(.97);
  box-shadow:0 6px 14px rgba(15,23,42,.06) !important;
}
body.qwood-catalog-parquets-page .qw-details-link:focus-visible{
  outline:none !important;
  border-color:var(--qwood-color-primary) !important;
  box-shadow: var(--qwood-ring, 0 0 0 2px #fff, 0 0 0 4px #0b6f0a) !important; /* FIX 2026-08-06: era 1,21:1 */
}

/* ---- Empty state ---- */
body.qwood-catalog-parquets-page .qw-catalog-empty{
  position:relative;
  z-index:1;
  padding:2.5rem 2rem;
  background:#ffffff;
  border:none;
  border-radius:24px;
  box-shadow:var(--qwood-shadow-soft);
  text-align:center;
}
body.qwood-catalog-parquets-page .qw-catalog-empty::before{
  content:"";
  display:block;
  width:48px;
  height:48px;
  margin:0 auto .8rem;
  background:var(--qwood-color-primary);
  opacity:.22;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3s-7.5-.2-12.1 4.4C4.3 12 4.2 18.5 4.2 18.5s6.5-.1 11.1-4.7C19.9 9.2 21 3 21 3ZM7.8 16.2c1.3-3.4 4.4-6.6 8.4-8.6c-2 4-5.2 7.1-8.6 8.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3s-7.5-.2-12.1 4.4C4.3 12 4.2 18.5 4.2 18.5s6.5-.1 11.1-4.7C19.9 9.2 21 3 21 3ZM7.8 16.2c1.3-3.4 4.4-6.6 8.4-8.6c-2 4-5.2 7.1-8.6 8.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.qwood-catalog-parquets-page .qw-catalog-empty__title{
  margin:0 0 .45rem;
  font-size:1.15rem;
  font-weight:900;
}
body.qwood-catalog-parquets-page .qw-catalog-empty__text{
  margin:0;
  color:var(--qwood-color-muted);
  line-height:1.7;
  max-width:420px;
  margin-inline:auto;
}

/* ---- Banner badge + subtitle ---- */
body.qwood-catalog-parquets-page .qw-catalog-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.4rem 1rem;
  border-radius:var(--qwood-radius-pill);
  background:rgba(27,207,23,.88);
  color:#fff;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  position:relative;
  z-index:1;
  margin-bottom:.75rem;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  box-shadow:0 2px 12px rgba(27,207,23,.25);
}
body.qwood-catalog-parquets-page .qw-catalog-banner__sub{
  position:relative;
  z-index:1;
  margin:.75rem 0 0;
  color:rgba(255,255,255,.88);
  font-size:clamp(14px, 1.5vw, 19px);
  font-weight:600;
  font-style:italic;
  letter-spacing:.015em;
  text-shadow:0 1px 8px rgba(0,0,0,.25);
}
/* Wave â€” same pattern as ficha producto .qw-hero-wave */
body.qwood-catalog-parquets-page .qw-catalog-wave{
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  z-index:3;
  pointer-events:none;
  line-height:0;
  font-size:0;
}
body.qwood-catalog-parquets-page .qw-catalog-wave svg,
body.qwood-catalog-parquets-page .qw-catalog-wave .qw-wave-sep{
  display:block;
  width:100%;
  height:clamp(50px, 7vw, 80px);
}

/* ---- USP micro-bar ---- */
body.qwood-catalog-parquets-page .qw-catalog-usp{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:1.2rem 2rem;
  padding:1.4rem 1rem .6rem;
  position:relative;
  z-index:1;
}
body.qwood-catalog-parquets-page .qw-catalog-usp__item{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.82rem;
  font-weight:800;
  color:var(--qwood-color-text);
}
body.qwood-catalog-parquets-page .qw-catalog-usp__icon{
  width:32px;
  height:32px;
  border-radius:10px;
  background:#ffffff;
  color:var(--qwood-color-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  box-shadow:0 6px 16px rgba(15,23,42,.077);
}
body.qwood-catalog-parquets-page .qw-catalog-usp__icon--alt{
  background:#ffffff;
  color:var(--qwood-color-primary);
}

/* ---- Trust bar ---- */
body.qwood-catalog-parquets-page .qw-catalog-trust{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.8rem 2rem;
  padding:.6rem 1rem 1.2rem;
  position:relative;
  z-index:1;
}
body.qwood-catalog-parquets-page .qw-catalog-trust__item{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-size:.82rem;
  color:var(--qwood-color-text);
}
body.qwood-catalog-parquets-page .qw-catalog-trust__item strong{
  font-weight:900;
  font-size:.88rem;
}
body.qwood-catalog-parquets-page .qw-catalog-trust__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--qwood-color-primary);
  box-shadow:0 0 0 3px rgba(27,207,23,.12);
  flex-shrink:0;
}
body.qwood-catalog-parquets-page .qw-catalog-trust__label{
  color:var(--qwood-color-muted, #64748b);
  font-weight:500;
}

/* ---- CTA final ---- */
body.qwood-catalog-parquets-page .qw-catalog-wave--cta{
  position:relative;
  z-index:1;
  line-height:0;
  margin-top:1rem;
}
body.qwood-catalog-parquets-page .qw-catalog-wave--cta svg,
body.qwood-catalog-parquets-page .qw-catalog-wave--cta .qw-wave-sep{
  display:block;
  width:100%;
  height:auto;
}
body.qwood-catalog-parquets-page .qw-catalog-cta{
  position:relative;
  z-index:1;
  background:#ffffff;
  padding:2.5rem 1.5rem;
  text-align:center;
  border-radius:var(--qwood-radius-lg);
  margin:0 0 1.5rem;
  box-shadow:0 18px 42px rgba(15,23,42,.10), 0 4px 14px rgba(15,23,42,.06);
}
body.qwood-catalog-parquets-page .qw-catalog-cta .qw-catalog-badge{
  background:#ffffff;
  color:var(--qwood-color-primary);
  font-weight:900;
  box-shadow:0 6px 18px rgba(15,23,42,.08);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.qwood-catalog-parquets-page .qw-catalog-cta__title{
  margin:.8rem 0 .4rem;
  font-size:clamp(20px, 2.5vw, 28px);
  font-weight:900;
  color:var(--qwood-color-text);
  letter-spacing:-.02em;
}
body.qwood-catalog-parquets-page .qw-catalog-cta__sub{
  margin:0 auto .8rem;
  max-width:420px;
  color:var(--qwood-color-muted, #475569);
  font-size:.92rem;
  line-height:1.6;
}
body.qwood-catalog-parquets-page .qw-catalog-cta__actions{
  display:flex;
  gap:.7rem;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:1.2rem;
}
body.qwood-catalog-parquets-page .qw-catalog-cta__btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.95rem 2rem;
  border:none;
  border-radius:var(--qwood-radius-pill);
  font-family:inherit;
  font-weight:900;
  font-size:.95rem;
  text-decoration:none;
  line-height:1;
  letter-spacing:.01em;
  cursor:pointer;
  transition:
    transform var(--qwood-speed-fast, 140ms) var(--qwood-ease),
    box-shadow var(--qwood-speed, 220ms) var(--qwood-ease);
}
body.qwood-catalog-parquets-page .qw-catalog-cta__btn--wa{
  background:var(--qwood-color-primary);
  color:#fff;
  box-shadow:0 8px 20px rgba(27,207,23,.22), 0 0 16px rgba(27,207,23,.14);
}
body.qwood-catalog-parquets-page .qw-catalog-cta__btn--wa:hover{
  transform:translateY(-2px);
  background:var(--qwood-color-primary-dark, #1bcf17);
  box-shadow:0 12px 28px rgba(27,207,23,.30), 0 0 22px rgba(27,207,23,.20);
}
body.qwood-catalog-parquets-page .qw-catalog-cta__btn--sample{
  background:#ffffff;
  color:var(--qwood-color-primary-aa, #1bcf17);
  border:none;
  box-shadow:0 10px 24px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.06);
}
body.qwood-catalog-parquets-page .qw-catalog-cta__btn--sample:hover{
  transform:translateY(-2px);
  background:#ffffff;
  box-shadow:0 14px 32px rgba(15,23,42,.14), 0 6px 16px rgba(15,23,42,.08);
}

/* ---- Mini FAQ ---- */
body.qwood-catalog-parquets-page .qw-catalog-faq{
  position:relative;
  z-index:1;
  max-width:620px;
  margin:0 auto 2rem;
  padding:0 1rem;
}
body.qwood-catalog-parquets-page .qw-catalog-faq__title{
  text-align:center;
  font-size:1.1rem;
  font-weight:900;
  margin:0 0 1rem;
  color:var(--qwood-color-text);
}
body.qwood-catalog-parquets-page .qw-catalog-faq__list{
  display:flex;
  flex-direction:column;
  gap:.6rem;
}
body.qwood-catalog-parquets-page .qw-catalog-faq__item{
  border:none;
  border-radius:var(--qwood-radius-md, 16px);
  background:#ffffff;
  box-shadow:0 12px 28px rgba(16,32,51,.05);
  overflow:hidden;
  transition:box-shadow var(--qwood-speed, 220ms) var(--qwood-ease);
}
body.qwood-catalog-parquets-page .qw-catalog-faq__item[open]{
  border-color:rgba(27,207,23,.18);
}
body.qwood-catalog-parquets-page .qw-catalog-faq__item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.9rem 1.1rem;
  font-size:.88rem;
  font-weight:900;
  color:var(--qwood-color-text);
  cursor:pointer;
  list-style:none;
  user-select:none;
}
body.qwood-catalog-parquets-page .qw-catalog-faq__item summary::-webkit-details-marker{ display:none; }
body.qwood-catalog-parquets-page .qw-catalog-faq__item summary::marker{ content:""; }
body.qwood-catalog-parquets-page .qw-faq-icon{
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(27,207,23,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-size:14px;
  font-weight:900;
  color:var(--qwood-color-primary-aa, #1bcf17);
  transition:transform var(--qwood-speed, 220ms) var(--qwood-ease);
}
body.qwood-catalog-parquets-page .qw-faq-icon::before{ content:"+"; }
body.qwood-catalog-parquets-page .qw-catalog-faq__item[open] .qw-faq-icon{
  transform:rotate(45deg);
}
body.qwood-catalog-parquets-page .qw-catalog-faq__item p{
  margin:0;
  padding:0 1.1rem 1rem;
  font-size:.84rem;
  line-height:1.7;
  color:var(--qwood-color-muted, #64748b);
}

/* =============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================= */

/* --- Tablet: 2 columns --- */
@media (max-width: 1200px){
  body.qwood-catalog-parquets-page .qw-parquet-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

/* --- Tablet small --- */

/* --- Mobile landscape: tighter spacing, still 2 columns --- */
@media (max-width: 768px){
  body.qwood-catalog-parquets-page .qw-parquet-grid{
    gap:1.15rem;
  }
  body.qwood-catalog-parquets-page .qwood-catalog-banner{ min-height:300px; }
  body.qwood-catalog-parquets-page .qwood-catalog-banner__inner{ padding:calc(var(--qw-nav-h, 60px) + 16px) 20px 32px; }
  body.qwood-catalog-parquets-page .qwood-catalog-banner__title{ font-size:clamp(22px, 5vw, 36px); }
  body.qwood-catalog-parquets-page .qw-parquet-body{
    padding:.9rem .9rem 1rem;
    gap:.7rem;
  }
  body.qwood-catalog-parquets-page .qw-parquet-title{
    font-size:1rem;
  }
}

/* --- Watermarks: hide on narrow viewports to prevent overlap --- */
@media (max-width: 768px){
  body.qwood-catalog-parquets-page .qw-catalog-usp::before,
  body.qwood-catalog-parquets-page .qw-catalog-cta::after{
    display:none;
  }
}

/* --- Mobile: 1 column, max-width centrado --- */
@media (max-width: 640px){
  body.qwood-catalog-parquets-page .qw-parquet-grid{
    grid-template-columns:1fr;
    max-width:480px;
    margin-inline:auto;
    gap:1.2rem;
  }
  /* Single-col: ratio mas cuadrado para mejor proporcion */
  body.qwood-catalog-parquets-page .qw-parquet-media{
    aspect-ratio:3/2;
  }
  body.qwood-catalog-parquets-page .qw-catalog-usp{ gap:.8rem 1.2rem; padding:1rem .8rem .4rem; }
  body.qwood-catalog-parquets-page .qw-catalog-usp__item{ font-size:.78rem; }
  body.qwood-catalog-parquets-page .qw-catalog-trust{ gap:.6rem 1rem; padding:.4rem .8rem 1rem; }
  body.qwood-catalog-parquets-page .qw-catalog-trust__item{ font-size:.78rem; }
  body.qwood-catalog-parquets-page .qw-catalog-cta{ padding:2rem 1rem; }
  body.qwood-catalog-parquets-page .qw-catalog-cta__actions{ flex-direction:column; align-items:center; }
  body.qwood-catalog-parquets-page .qw-catalog-cta__btn{ width:100%; max-width:280px; justify-content:center; }
}

/* --- Mobile narrow --- */
@media (max-width: 520px){
  body.qwood-catalog-parquets-page .qwood-wrapper.qw-catalog-parquets{ margin:0 0 2.35rem; }
  body.qwood-catalog-parquets-page .qwood-catalog-banner{ margin-bottom:0; border-radius:0; min-height:280px; }
  body.qwood-catalog-parquets-page .qwood-catalog-banner__inner{ padding:calc(var(--qw-nav-h, 56px) + 12px) 16px 26px; }
  body.qwood-catalog-parquets-page .qw-results-count{
    width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
  }
  body.qwood-catalog-parquets-page .qw-parquet-grid{
    max-width:none;
  }
}

/* --- Extra narrow --- */
@media (max-width: 390px){
  body.qwood-catalog-parquets-page .qw-parquet-price--visible{ font-size:14px; padding:.2rem .5rem; }
  body.qwood-catalog-parquets-page .qw-measure-pill{ flex-basis:100%; }
  body.qwood-catalog-parquets-page .qw-var-pill{
    white-space:normal;
    text-overflow:clip;
    display:grid;
    place-items:center;
    min-height:46px;
  }
  body.qwood-catalog-parquets-page .qw-parquet-actions{ grid-template-columns:1fr; }
  body.qwood-catalog-parquets-page .qw-parquet-card{
    border-radius:var(--qwood-radius-md);
  }
  body.qwood-catalog-parquets-page .qw-catalog-usp__icon{ width:26px; height:26px; border-radius:8px; }
  body.qwood-catalog-parquets-page .qw-catalog-faq__item summary{ padding:.75rem .9rem; font-size:.82rem; }
  body.qwood-catalog-parquets-page .qw-parquet-body{
    padding:.75rem .75rem .9rem;
    gap:.6rem;
  }
  body.qwood-catalog-parquets-page .qw-parquet-title{
    font-size:.95rem;
  }
}

/* --- Ultra narrow --- */
@media (max-width: 340px){
  body.qwood-catalog-parquets-page .qw-parquet-card{
    border-radius:var(--qwood-radius-sm);
  }
  body.qwood-catalog-parquets-page .qw-parquet-body{
    padding:.6rem .6rem .75rem;
    gap:.5rem;
  }
}

/* --- Prefers reduced motion --- */
@media (prefers-reduced-motion: reduce){
  body.qwood-catalog-parquets-page .qw-parquet-card{
    transition:none;
  }
  body.qwood-catalog-parquets-page .qw-parquet-media img,
  body.qwood-catalog-parquets-page .qwood-catalog-banner,
  body.qwood-catalog-parquets-page .qw-measure-pill,
  body.qwood-catalog-parquets-page .qw-results-count::before{
    animation:none;
    transition:none;
  }
  body.qwood-catalog-parquets-page .qw-catalog-usp,
  body.qwood-catalog-parquets-page .qw-catalog-trust,
  body.qwood-catalog-parquets-page .qw-catalog-cta,
  body.qwood-catalog-parquets-page .qw-catalog-faq,
  body.qwood-catalog-parquets-page .qw-catalog-cta__btn,
  body.qwood-catalog-parquets-page .qw-faq-icon{
    animation:none;
    transition:none;
  }
}

/* =============================================================
   OVERRIDE TIPOGRAFÃA Woo product loop â€” corrige leak Storefront
   (Source Sans Pro) sobre los tÃ­tulos de producto en el catÃ¡logo.
   Audit 2026-04-20.
   ============================================================= */
.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-family: var(--qwood-font);
  font-weight: 700;
  color: var(--qwood-color-text);
  letter-spacing: -.01em;
}
