/* TEXTILIA R9 — composición de portada basada en el video de referencia.
   Este archivo ajusta jerarquía y densidad; no reemplaza la lógica del catálogo. */
:root{--txr-blue:#0872cf;--txr-blue-dark:#123d72;--txr-ink:#172943;--txr-soft:#61748b;--txr-line:#d5e2ef;--txr-pale:#edf6ff;--txr-white:#fff}
html{scroll-padding-top:94px}
body[data-page="inicio"]{background:#fff;color:var(--txr-ink);padding-bottom:76px}
body[data-page="inicio"] header{position:relative;top:auto;z-index:110;background:#fff;border-bottom:1px solid #dce8f5;box-shadow:0 1px 5px rgba(20,59,101,.035)}
body[data-page="inicio"] .topbar{max-width:1200px;min-height:43px;padding:7px 24px;margin:0 auto;gap:12px;justify-content:flex-start}
body[data-page="inicio"] .wordmark{font-family:Inter,Arial,sans-serif;font-size:22px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#26649e}
body[data-page="inicio"] .wordmark em{color:#5a9bc8}
body[data-page="inicio"] .topbar .header-search,body[data-page="inicio"] .topbar .mainnav,body[data-page="inicio"] .topbar .headicons{display:none!important}
body[data-page="inicio"] .trustbar{position:absolute;top:8px;left:30%;right:18px;background:transparent;border:0;padding:0;color:#435b76;white-space:nowrap;overflow:hidden}
body[data-page="inicio"] .trustbar .wrap{max-width:none;padding:0;margin:0;text-align:right}
body[data-page="inicio"] .trustbar p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:24px;color:#405a77}
body[data-page="inicio"] .trustbar strong{color:#0a5fb0}
/* Title + search */
body[data-page="inicio"] .tx-reference-hero{padding:7px 0 5px!important;margin:0;background:#fff!important;color:var(--txr-ink)!important;min-height:0!important;overflow:visible!important}
body[data-page="inicio"] .tx-reference-hero>.wrap{display:block!important;max-width:980px!important;min-height:0!important;padding:0 20px!important;margin:0 auto!important}
body[data-page="inicio"] .tx-reference-hero-copy{position:static!important;z-index:auto!important;width:100%!important;max-width:none!important;color:var(--txr-ink)!important;text-align:center}
body[data-page="inicio"] .tx-reference-hero h1{font-family:Inter,Arial,sans-serif!important;font-size:clamp(24px,2.6vw,34px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#161f2e!important;margin:1px 0 2px!important;text-shadow:none!important}
body[data-page="inicio"] .tx-reference-hero .lead{font-size:11px!important;line-height:1.35!important;color:#52657b!important;max-width:none!important;margin:0 0 8px!important;text-shadow:none!important}
body[data-page="inicio"] .tx-reference-hero .searchbox{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:900px!important;height:36px!important;margin:0 auto!important;padding:0 9px 0 14px!important;border:1px solid #c4e3fa!important;border-radius:9px!important;background:#dff2ff!important;box-shadow:none!important}
body[data-page="inicio"] .tx-reference-hero .searchbox>svg{left:12px!important;width:15px;height:15px;stroke:#0872cf;opacity:.85}
body[data-page="inicio"] .tx-reference-hero .searchbox input[type=search]{flex:1!important;min-width:0!important;width:100%!important;height:34px!important;padding:7px 9px 7px 29px!important;border:0!important;outline:0!important;background:transparent!important;color:#193654!important;font-size:11px!important;box-shadow:none!important}
body[data-page="inicio"] .tx-reference-hero .searchbox input::placeholder{color:#496b89!important;opacity:1}
body[data-page="inicio"] .tx-reference-hero .camera-search{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important;border:0!important;border-radius:7px!important;background:#0872cf!important;color:#fff!important;font-size:15px!important;box-shadow:none!important}
body[data-page="inicio"] .tx-reference-hero .hero-visual,body[data-page="inicio"] .tx-reference-hero .eyebrow,body[data-page="inicio"] .tx-reference-hero .stats,body[data-page="inicio"] .tx-reference-hero .hero-shortcuts,body[data-page="inicio"] .tx-reference-hero .cta-bloque{display:none!important}
body[data-page="inicio"] .tx-reference-hero .search-suggestions{top:calc(100% + 5px);text-align:left}
/* Twelve access menus, in the same two-row six-column layout as the reference. */
body[data-page="inicio"] .tx-capsule-nav-wrap{position:relative!important;z-index:90!important;max-width:1120px;margin:0 auto!important;padding:6px 18px 8px!important;border:0!important;background:#fff!important}
body[data-page="inicio"] .tx-capsule-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px 8px!important;max-width:none!important}
body[data-page="inicio"] .tx-capsule-button{min-height:35px!important;padding:5px 7px!important;gap:6px!important;justify-content:flex-start!important;border:1px solid #d9e4ef!important;border-radius:10px!important;background:#fff!important;color:#223c58!important;font-size:10.5px!important;font-weight:750!important;line-height:1.12!important;box-shadow:0 2px 0 rgba(19,55,92,.04)!important}
body[data-page="inicio"] .tx-capsule-button:hover,body[data-page="inicio"] .tx-capsule-button:focus-visible,body[data-page="inicio"] .tx-capsule-button[aria-expanded="true"]{background:#eaf5ff!important;border-color:#79b8ed!important;color:#064f9d!important;box-shadow:0 2px 5px rgba(12,75,145,.08)!important}
body[data-page="inicio"] .tx-capsule-icon{width:20px!important;height:20px!important;flex-basis:20px!important;border-radius:6px!important;background:transparent!important;font-size:15px!important;color:#0872cf!important}
body[data-page="inicio"] .tx-capsule-chevron{margin-left:auto;font-size:12px!important}
body[data-page="inicio"] .tx-capsule-menu{top:calc(100% + 4px)!important;width:min(310px,calc(100vw - 24px))!important;max-height:min(58vh,460px)!important;border-radius:10px!important;border-color:#cddff1!important;box-shadow:0 8px 22px rgba(18,53,93,.14)!important;animation:none!important}
body[data-page="inicio"] .tx-capsule-menu-title{font-size:12px!important}
body[data-page="inicio"] .tx-capsule-option{min-height:32px!important;padding:7px 9px!important;font-size:11.5px!important}
/* Featured categories — compact photo rail, no oversized trapezoids. */
body[data-page="inicio"] .visual-categories.tx-reference-categories{width:100%;max-width:1120px;margin:0 auto!important;padding:2px 22px 7px!important;background:#fff!important}
body[data-page="inicio"] .tx-reference-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 5px}
body[data-page="inicio"] .tx-reference-section-heading h2{margin:0!important;font-family:Inter,Arial,sans-serif!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;color:#182b43!important}
body[data-page="inicio"] .tx-reference-section-heading a{font-size:10px;font-weight:700;color:#2673ad;text-decoration:none;white-space:nowrap}
body[data-page="inicio"] .tx-reference-categories .trapezoid-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;width:100%;max-width:none!important;margin:0!important}
body[data-page="inicio"] .tx-reference-categories .trapezoid{position:relative;display:block!important;min-width:0!important;height:62px!important;min-height:62px!important;overflow:hidden!important;clip-path:none!important;border:1px solid #e0e8f0!important;border-radius:9px!important;box-shadow:0 2px 6px rgba(18,49,83,.08)!important;transform:none!important;background-size:cover!important;background-position:center 53%!important}
body[data-page="inicio"] .tx-reference-categories .trapezoid:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,22,39,.18) 65%,rgba(255,255,255,.97) 65%,#fff 100%)!important}
body[data-page="inicio"] .tx-reference-categories .trapezoid span{position:absolute!important;left:0!important;right:0!important;bottom:0!important;display:block!important;padding:5px 4px 4px!important;background:transparent!important;border-radius:0!important;color:#14273d!important;font:800 9px/1.05 Inter,Arial,sans-serif!important;letter-spacing:.015em!important;text-align:center!important;text-shadow:none!important}
body[data-page="inicio"] .tx-reference-categories .trapezoid:hover{filter:none!important;transform:translateY(-1px)!important}
body[data-page="inicio"] .tx-reference-categories .trapezoid:nth-child(n+6){transform:none!important}
/* Catalog + left filters */
body[data-page="inicio"] main#contenido>.wrap{max-width:1200px!important;padding:0 18px!important;margin:0 auto!important}
body[data-page="inicio"] #catalogo{display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;margin:0 auto!important;max-width:1160px!important}
body[data-page="inicio"] #txFilterSidebar{grid-column:1;grid-row:1;min-width:0}
body[data-page="inicio"] .tx-catalog-results{grid-column:2;grid-row:1;min-width:0}
body[data-page="inicio"] .filtros{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;min-width:0!important}
body[data-page="inicio"] .filtros>h2{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0 0 6px!important;padding:0!important;font-size:12px!important;font-weight:800!important;color:#1b2e45!important}
body[data-page="inicio"] .filtros-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
body[data-page="inicio"] .filtros .field{margin:0!important;min-width:0!important}
body[data-page="inicio"] .filtros .field label{font-size:9px!important;line-height:1.2!important;margin:0 0 3px!important;color:#5e6f83!important}
body[data-page="inicio"] .filtros .field select{width:100%!important;height:27px!important;min-height:27px!important;padding:3px 4px!important;font-size:10px!important;border:1px solid #d8e3ee!important;border-radius:5px!important;background:#fff!important;color:#203a56!important}
body[data-page="inicio"] .filtros-extra{margin-top:9px!important;padding-top:8px!important;border-top:1px solid #edf1f6!important}
body[data-page="inicio"] .filtros-extra h3{margin:0 0 5px!important;font-size:9px!important;line-height:1.2!important;letter-spacing:0!important;color:#536b84!important}
body[data-page="inicio"] .usochips,body[data-page="inicio"] .colorchips{display:flex!important;flex-wrap:wrap!important;gap:4px!important}
body[data-page="inicio"] .colorchip,body[data-page="inicio"] .usochip,body[data-page="inicio"] .fchip{max-width:100%;gap:4px!important;padding:4px 5px!important;font-size:9px!important;line-height:1.1!important;border-radius:5px!important;min-height:0!important}
body[data-page="inicio"] .colorchip .dot{width:9px!important;height:9px!important}
body[data-page="inicio"] #explorar-colores{color:#536b84!important}
body[data-page="inicio"] .filtros-tecnicos{margin-top:9px!important;padding:7px!important;border:1px solid #e0e8f0!important;border-radius:6px!important;background:#f8fbff!important}
body[data-page="inicio"] .filtros-tecnicos summary{font-size:9px!important;line-height:1.2!important;padding:0!important;color:#355575!important}
body[data-page="inicio"] .toolbar{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px!important;margin:0 0 5px!important;padding:0!important}
body[data-page="inicio"] .toolbar h2.h-title{margin:0!important;font-family:Inter,Arial,sans-serif!important;font-size:19px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.025em!important;color:#1b2b40!important}
body[data-page="inicio"] .toolbar .h-sub{font-size:10px!important;line-height:1.2!important;margin:1px 0 0!important;color:#61748a!important}
body[data-page="inicio"] #activeChip{font-size:10px!important}
body[data-page="inicio"] .sellos{display:none!important}
body[data-page="inicio"] .results-info{margin:0 0 7px!important;font-size:10px!important;color:#61748a!important}
body[data-page="inicio"] .productgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}
body[data-page="inicio"] .pcard{min-width:0!important;border:1px solid #dce5ef!important;border-radius:8px!important;box-shadow:0 1px 4px rgba(18,49,83,.05)!important}
body[data-page="inicio"] .pcard .swatch{aspect-ratio:1.65!important;min-height:60px!important;max-height:84px!important}
body[data-page="inicio"] .pcard .swatch img{width:100%!important;height:100%!important;object-fit:cover!important}
body[data-page="inicio"] .pcard .info{padding:7px 8px 8px!important}
body[data-page="inicio"] .pcard .cat{font-size:8px!important;line-height:1.2!important}
body[data-page="inicio"] .pcard .name{font-size:10px!important;line-height:1.22!important;margin:2px 0 4px!important}
body[data-page="inicio"] .pcard .price{font-size:10px!important;line-height:1.25!important;color:#155e9d!important}
body[data-page="inicio"] .pcard .price small{font-size:8px!important;line-height:1.2!important}
body[data-page="inicio"] .pcard .precio-rollo,body[data-page="inicio"] .pcard .metraje-nota,body[data-page="inicio"] .pcard .pcard-acciones{font-size:8px!important;line-height:1.2!important}
body[data-page="inicio"] .pcard .pcard-acciones{display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin-top:4px!important}
body[data-page="inicio"] .pcard .quick{font-size:8px!important;padding:4px 6px!important;margin-top:2px!important}
body[data-page="inicio"] .pcard .swatch button.add{opacity:1!important;transform:none!important;width:23px!important;height:23px!important;min-height:23px!important;right:4px!important;bottom:4px!important;font-size:12px!important}
body[data-page="inicio"] .loadmore-row{margin:6px 0 30px!important}
/* Keep secondary tools, smart categories and saved projects available below the first catalog view. */
body[data-page="inicio"] #txSecondarySections{max-width:1120px;margin:24px auto 32px;padding:0 18px}
body[data-page="inicio"] #txSecondarySections>.section-nav{padding:8px 0 12px!important;gap:6px!important}
body[data-page="inicio"] #txSecondarySections>.h-title{font-size:20px!important;margin:0 0 3px!important}
body[data-page="inicio"] #txSecondarySections>.h-sub{margin:0 0 12px!important;font-size:12px!important}
/* Persistent quote bar from the reference; no backdrop, blur or page zoom. */
.tx-sticky-quote-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px max(16px,calc((100vw - 1120px)/2));background:rgba(255,255,255,.98);border-top:1px solid #dce5ef;box-shadow:0 -3px 12px rgba(20,50,86,.07);color:#273b52}
.tx-sticky-summary{flex:1;min-width:0;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.tx-sticky-summary strong{color:#17395f;font-weight:800}
.tx-sticky-summary .tx-sticky-total{color:#0b6bbb;font-weight:800}
.tx-sticky-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0}
.tx-sticky-actions button{min-height:29px;padding:6px 10px;border:1px solid #d6e1ed;border-radius:7px;background:#fff;color:#234565;font:700 10px/1.15 Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.tx-sticky-actions button:hover,.tx-sticky-actions button:focus-visible{background:#eaf5ff;border-color:#7ab8e9;color:#0757a1;outline:none}
.tx-sticky-actions .tx-sticky-primary{background:#0872cf;border-color:#0872cf;color:#fff}
.tx-sticky-actions .tx-sticky-primary:hover{background:#075fae;color:#fff}
.tx-sticky-cart{width:32px;padding:0!important;font-size:16px!important}
/* Secondary content stays readable while the compact reference layout remains dominant. */
body[data-page="inicio"] #txSecondarySections .discovery-hub,body[data-page="inicio"] #txSecondarySections .smart-catalog,body[data-page="inicio"] #txSecondarySections .espacio-personal{margin-top:24px}
body[data-page="inicio"] #txSecondarySections .discovery-tags{display:flex;flex-wrap:wrap;gap:7px}
body[data-page="inicio"] #txSecondarySections .discovery-tags a{font-size:11px!important;padding:7px 10px!important}
body[data-page="inicio"] #calculadora,body[data-page="inicio"] #textiliaToolsHub{max-width:1120px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:900px){
 body[data-page="inicio"] .tx-capsule-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body[data-page="inicio"] #catalogo{grid-template-columns:125px minmax(0,1fr)!important;gap:10px!important}
 body[data-page="inicio"] .productgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body[data-page="inicio"] .tx-reference-categories .trapezoid-grid{gap:6px!important}
}
@media(max-width:620px){
 body[data-page="inicio"] .topbar{padding:7px 14px;min-height:38px}
 body[data-page="inicio"] .wordmark{font-size:19px}
 body[data-page="inicio"] .trustbar{left:38%;right:10px;top:7px}
 body[data-page="inicio"] .trustbar p{font-size:8px;line-height:25px}
 body[data-page="inicio"] .tx-reference-hero{padding-top:8px!important}
 body[data-page="inicio"] .tx-reference-hero>.wrap{padding:0 12px!important}
 body[data-page="inicio"] .tx-reference-hero h1{font-size:25px!important}
 body[data-page="inicio"] .tx-reference-hero .lead{font-size:10px!important}
 body[data-page="inicio"] .tx-capsule-nav-wrap{padding:6px 10px 8px!important}
 body[data-page="inicio"] .tx-capsule-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
 body[data-page="inicio"] .tx-capsule-button{min-height:39px!important;font-size:10px!important}
 body[data-page="inicio"] .tx-capsule-menu{position:fixed!important;top:auto!important;left:10px!important;right:10px!important;bottom:60px!important;width:auto!important;max-height:60vh!important}
 body[data-page="inicio"] .visual-categories.tx-reference-categories{padding:2px 12px 7px!important}
 body[data-page="inicio"] .tx-reference-categories .trapezoid-grid{grid-template-columns:repeat(5,minmax(86px,1fr))!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px}
 body[data-page="inicio"] .tx-reference-categories .trapezoid{height:58px!important;min-height:58px!important;scroll-snap-align:start}
 body[data-page="inicio"] main#contenido>.wrap{padding:0 10px!important}
 body[data-page="inicio"] #catalogo{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 body[data-page="inicio"] #txFilterSidebar{grid-column:1;grid-row:2}
 body[data-page="inicio"] .tx-catalog-results{grid-column:1;grid-row:1}
 body[data-page="inicio"] .filtros{display:grid!important;grid-template-columns:1fr 1fr;gap:7px 12px!important;padding:8px!important;border:1px solid #e0e8f0!important;border-radius:8px!important;background:#fbfdff!important}
 body[data-page="inicio"] .filtros>h2{grid-column:1/-1}
 body[data-page="inicio"] .filtros-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-column:1/-1}
 body[data-page="inicio"] .filtros-extra{margin:0!important;padding-top:6px!important}
 body[data-page="inicio"] .filtros-extra:nth-of-type(2){grid-column:1/-1}
 body[data-page="inicio"] .filtros-tecnicos{grid-column:1/-1}
 body[data-page="inicio"] .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body[data-page="inicio"] .pcard .swatch{min-height:58px!important}
 body[data-page="inicio"] .pcard .info{padding:6px!important}
 .tx-sticky-quote-bar{gap:5px;min-height:51px;padding:5px 8px}
 .tx-sticky-summary{font-size:9px;display:block;line-height:1.25;white-space:normal}
 .tx-sticky-summary .tx-sticky-total{display:block}
 .tx-sticky-actions{gap:4px}
 .tx-sticky-actions button{font-size:9px;padding:6px 7px;min-height:30px}
 .tx-sticky-actions button[data-action="compare"]{display:none}
 .tx-sticky-cart{width:30px}
 body[data-page="inicio"] #calculadora .wrap2{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){body[data-page="inicio"] .tx-reference-categories .trapezoid:hover{transform:none!important}}

/* R9-QA: corregir reglas heredadas del diseño anterior que seguían
   ocultando la muestra principal o repartiendo el recuadro en tres columnas. */
html body[data-page="inicio"] .pcard .swatch.product-photo{
  display:block!important; width:100%!important; height:auto!important;
  min-height:0!important; max-height:none!important; aspect-ratio:1.65 / 1!important;
  grid-template-columns:none!important; gap:0!important; background:#f2f6fa!important;
  overflow:hidden!important; border-radius:8px 8px 0 0!important;
}
html body[data-page="inicio"] .pcard .swatch.product-photo>img{
  display:block!important; visibility:visible!important; opacity:1!important;
  width:100%!important; height:100%!important; min-height:0!important;
  max-width:none!important; max-height:none!important; object-fit:cover!important;
  grid-column:auto!important; aspect-ratio:auto!important;
}
/* Las cinco categorías usan muestras textiles visuales, no fotos promocionales. */
html body[data-page="inicio"] .tx-reference-categories .tile-bridal{background-image:url('../img/muestras-vista/polar-liso-blanco.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-fashion{background-image:url('../img/muestras-vista/polar-liso-hueso.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-curtains{background-image:url('../img/muestras-vista/habana-liso-azul-marino.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-outdoor{background-image:url('../img/muestras-vista/sarga-golden-verde-botella.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-events{background-image:url('../img/muestras-vista/shiffon-strech-amarillo-mango.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .trapezoid:before{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.02) 52%,rgba(255,255,255,.96) 53%,#fff 100%)!important}
/* El asistente flotante no debe tapar la barra de cotización inferior de la referencia. */
html body[data-page="inicio"] .assistant-launch{display:none!important}

/* Refinamientos tras inspeccionar la captura real de Chromium. */
html body[data-page="inicio"] header .topbar .wordmark{color:#26649e!important;text-shadow:none!important}
html body[data-page="inicio"] header .topbar .wordmark em{color:#4e99cb!important}
html body[data-page="inicio"] .tx-reference-hero h1,
html body[data-page="inicio"] .tx-reference-hero .lead{ text-shadow:none!important; }
html body[data-page="inicio"] .tx-reference-hero h1{color:#161f2e!important}
html body[data-page="inicio"] .trustbar .tx-home-trustline{margin:0!important;font-size:10px!important;line-height:24px!important;color:#435b76!important}
html body[data-page="inicio"] .trustbar .tx-home-trustline strong{color:#d69d12!important;margin-right:4px}
@media(min-width:701px) and (max-width:1000px){
 body[data-page="inicio"] .tx-capsule-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px 7px!important}
 body[data-page="inicio"] .tx-capsule-button{min-height:35px!important;font-size:10px!important;padding:5px 6px!important}
 body[data-page="inicio"] #catalogo{grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important}
 body[data-page="inicio"] .productgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
 body[data-page="inicio"] .pcard .info{padding:5px 6px 6px!important}
 body[data-page="inicio"] .pcard .name{font-size:9px!important}
}
@media(max-width:620px){
 html body[data-page="inicio"] .trustbar{display:none!important}
 html body[data-page="inicio"] .tx-reference-hero h1{font-size:25px!important;line-height:1.12!important}
 html body[data-page="inicio"] .contacto-flotante,
 html body[data-page="inicio"] .wa-flotante,
 html body[data-page="inicio"] .whatsapp-float,
 html body[data-page="inicio"] .contact-float,
 html body[data-page="inicio"] .assistant-launch{display:none!important}
}

/* Ajuste de medidas a la captura de referencia 900×506. */
html body[data-page="inicio"] header .topbar{
  max-width:800px!important; min-height:32px!important; padding:4px 12px!important;
  gap:12px!important; justify-content:flex-start!important;
}
html body[data-page="inicio"] .trustbar{left:28%!important;right:max(12px,calc((100vw - 800px)/2 + 12px))!important;top:4px!important}
html body[data-page="inicio"] .tx-reference-hero{padding:14px 0 3px!important}
html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy h1{
  color:#161f2e!important;text-shadow:none!important;font-size:clamp(24px,2.8vw,28px)!important;
  margin:0 0 2px!important;line-height:1.1!important
}
html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy .lead{
  color:#52657b!important;text-shadow:none!important;font-size:10px!important;line-height:1.2!important;margin:0 0 4px!important
}
html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy .searchbox{
  height:30px!important;min-height:30px!important;margin:0 auto!important;padding:0 8px 0 10px!important;
  max-width:760px!important;background:#dff2ff!important;border:1px solid #c4e3fa!important;border-radius:8px!important
}
html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy .searchbox input[type="search"]{
  height:28px!important;padding-top:4px!important;padding-bottom:4px!important;font-size:10px!important
}
html body[data-page="inicio"] .tx-capsule-nav-wrap{max-width:800px!important;padding:6px 10px 6px!important}
html body[data-page="inicio"] .tx-capsule-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px 7px!important}
html body[data-page="inicio"] .tx-capsule-button{min-height:35px!important;font-size:10px!important;padding:5px 6px!important}
html body[data-page="inicio"] .visual-categories.tx-reference-categories{max-width:800px!important;padding:2px 10px 14px!important}
html body[data-page="inicio"] .tx-reference-section-heading{margin-bottom:2px!important}
html body[data-page="inicio"] .tx-reference-categories .trapezoid{height:68px!important;min-height:68px!important}
html body[data-page="inicio"] main#contenido>.wrap{max-width:800px!important;padding:0 10px!important}
html body[data-page="inicio"] #catalogo{max-width:780px!important;grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important}
html body[data-page="inicio"] .productgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
html body[data-page="inicio"] .pcard .swatch.product-photo{aspect-ratio:2.2 / 1!important;max-height:none!important}
html body[data-page="inicio"] .contacto-flotante,
html body[data-page="inicio"] .wa-flotante,
html body[data-page="inicio"] .whatsapp-float,
html body[data-page="inicio"] .contact-float,
html body[data-page="inicio"] .assistant-launch{display:none!important}
@media(min-width:701px) and (max-width:1000px){
 html body[data-page="inicio"] .tx-capsule-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 html body[data-page="inicio"] #catalogo{grid-template-columns:110px minmax(0,1fr)!important}
 html body[data-page="inicio"] .productgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
 html body[data-page="inicio"] header .topbar{max-width:none!important;padding:5px 12px!important;min-height:32px!important}
 html body[data-page="inicio"] .tx-reference-hero{padding:8px 0 3px!important}
 html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy h1{font-size:25px!important}
 html body[data-page="inicio"] .tx-capsule-nav-wrap{max-width:none!important}
 html body[data-page="inicio"] .visual-categories.tx-reference-categories{max-width:none!important;padding:2px 12px 8px!important}
 html body[data-page="inicio"] main#contenido>.wrap{max-width:none!important;padding:0 10px!important}
 html body[data-page="inicio"] #catalogo{max-width:none!important}
}

/* Prioridad final sobre reglas históricas del hero que imponían texto blanco con sombra. */
html body main#contenido section.hero.hero-showcase.tx-reference-hero h1#heroTitle,
html body main#contenido section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy .lead{
  color:#172943!important;text-shadow:none!important;filter:none!important
}
html body main#contenido section.hero.hero-showcase.tx-reference-hero h1#heroTitle{font-weight:800!important}
/* Filtros de la portada: lista de telas, puntos de color, rango y características. */
html body[data-page="inicio"] .filtros-grid.tx-legacy-filters{display:none!important}
html body[data-page="inicio"] .filtros>h2{font-size:12px!important;margin:0 0 5px!important}
html body[data-page="inicio"] .filtros .tx-type-filter{margin:0 0 6px!important;padding:0!important;border:0!important}
html body[data-page="inicio"] .filtros .tx-type-filter h3,
html body[data-page="inicio"] .filtros .tx-price-filter h3,
html body[data-page="inicio"] .filtros .tx-color-filter h3{font-size:9px!important;color:#536b84!important;margin:0 0 4px!important;line-height:1.15!important}
html body[data-page="inicio"] .tx-quick-type-list{display:grid;grid-template-columns:1fr;gap:2px!important}
html body[data-page="inicio"] .tx-type-item{display:flex;align-items:center;gap:5px;min-width:0;font-size:9px;line-height:1.2;color:#3c4e62;cursor:pointer}
html body[data-page="inicio"] .tx-type-item input{width:10px;height:10px;min-width:10px;margin:0;accent-color:#0872cf}
html body[data-page="inicio"] .tx-type-item span{flex:1;min-width:0}
html body[data-page="inicio"] .tx-type-item small{font-size:8px;color:#718399}
html body[data-page="inicio"] .filtros .tx-use-filter{display:none!important}
html body[data-page="inicio"] .filtros .tx-color-filter{margin:0 0 6px!important;padding:0!important;border:0!important}
html body[data-page="inicio"] .filtros .tx-color-filter .colorchips{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;align-items:center!important}
html body[data-page="inicio"] .filtros .tx-color-filter .colorchip{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;min-width:11px!important;width:11px!important;height:11px!important;border:0!important;border-radius:50%!important;background:transparent!important;overflow:visible!important;font-size:0!important;box-shadow:none!important}
html body[data-page="inicio"] .filtros .tx-color-filter .colorchip .dot{width:9px!important;height:9px!important;border-radius:50%!important;border:1px solid #c8d1dc!important;box-shadow:none!important}
html body[data-page="inicio"] .filtros .tx-color-filter .colorchip span:not(.dot){display:none!important}
html body[data-page="inicio"] .filtros .tx-color-filter .colorchip.activo .dot{outline:2px solid #0872cf!important;outline-offset:2px!important}
html body[data-page="inicio"] .filtros .tx-price-filter{margin:0 0 6px!important;padding:0!important;border:0!important}
html body[data-page="inicio"] .tx-price-row{display:flex;align-items:center;gap:5px;font-size:8px;color:#61748a;white-space:nowrap}
html body[data-page="inicio"] .tx-price-row input{width:100%;min-width:0;height:14px;margin:0;accent-color:#0872cf}
html body[data-page="inicio"] .tx-price-row strong{font-size:8px;color:#465c74}
html body[data-page="inicio"] .tx-price-filter p{font-size:8px!important;margin:1px 0 0!important;color:#718399!important}
html body[data-page="inicio"] .filtros .filtros-tecnicos{margin:2px 0 0!important;padding:4px 0 0!important;border:0!important;border-top:1px solid #edf1f6!important;background:#fff!important;border-radius:0!important}
html body[data-page="inicio"] .filtros .filtros-tecnicos summary{font-size:9px!important;font-weight:650!important;color:#536b84!important;list-style:none;cursor:pointer}
html body[data-page="inicio"] .filtros .filtros-tecnicos summary::-webkit-details-marker{display:none}
html body[data-page="inicio"] .filtros .filtros-tecnicos summary:before{content:'▸';display:inline-block;margin-right:5px;color:#0872cf}
html body[data-page="inicio"] .filtros .filtros-tecnicos[open] summary:before{content:'▾'}

html body[data-page="inicio"] .filtros .tx-color-filter{margin-bottom:2px!important}
html body[data-page="inicio"] .filtros .tx-color-filter .colorchips{margin:0!important;padding:0!important;min-height:10px!important;grid-template-columns:none!important;gap:4px!important}
html body[data-page="inicio"] .filtros .tx-price-filter{margin-top:0!important;padding-top:0!important}

/* R9 responsive final: los overrides de escritorio no deben forzar 6 cápsulas
   ni 4 tarjetas dentro del viewport móvil. */
@media(max-width:620px){
  html body[data-page="inicio"] .tx-capsule-nav-wrap{padding:6px 10px 8px!important;max-width:none!important}
  html body[data-page="inicio"] .tx-capsule-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
  html body[data-page="inicio"] .tx-capsule-button{width:100%!important;min-width:0!important;min-height:39px!important;padding:6px 8px!important;font-size:10px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important}
  html body[data-page="inicio"] #catalogo{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;width:100%!important;max-width:none!important}
  html body[data-page="inicio"] #txFilterSidebar{grid-column:1!important;grid-row:2!important;min-width:0!important;width:100%!important}
  html body[data-page="inicio"] .tx-catalog-results{grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important}
  html body[data-page="inicio"] .productgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}
  html body[data-page="inicio"] .pcard{min-width:0!important;width:100%!important;max-width:none!important}
  html body[data-page="inicio"] .pcard .swatch.product-photo{width:100%!important;aspect-ratio:1.6 / 1!important;min-height:0!important}
  html body[data-page="inicio"] .pcard .name{overflow-wrap:anywhere!important;word-break:normal!important;font-size:11px!important;line-height:1.25!important}
  html body[data-page="inicio"] .pcard .info{min-width:0!important;overflow-wrap:anywhere!important}
  html body[data-page="inicio"] .filtros{width:100%!important;min-width:0!important;grid-template-columns:1fr 1fr!important}
  html body[data-page="inicio"] .filtros .tx-quick-type-list{grid-template-columns:1fr!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid-grid{grid-template-columns:repeat(5,minmax(86px,1fr))!important;overflow-x:auto!important}
}

/* R9 pixel alignment: proportions directly compared against the supplied 900×506 frame. */
@media(min-width:821px){
  html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy h1{font-size:clamp(27px,3.2vw,30px)!important;line-height:1.08!important}
  html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy .searchbox{max-width:742px!important}
  html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy .searchbox{transform:translateX(-10px)!important}
  html body[data-page="inicio"] .tx-capsule-nav-wrap{width:742px!important;max-width:calc(100vw - 24px)!important;margin-left:calc(50% - 385px)!important;margin-right:0!important;padding:6px 0 8px!important}
  html body[data-page="inicio"] .tx-capsule-nav{width:100%!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px 7px!important}
  html body[data-page="inicio"] .visual-categories.tx-reference-categories{width:742px!important;max-width:calc(100vw - 24px)!important;margin-left:calc(50% - 381px)!important;margin-right:0!important;padding:2px 0 7px!important;position:relative!important;overflow:visible!important}
  html body[data-page="inicio"] .tx-reference-section-heading{margin-bottom:2px!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid-grid{display:flex!important;flex-flow:row nowrap!important;gap:7px!important;width:560px!important;max-width:calc(100% - 95px)!important;margin:0 0 0 68px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-behavior:smooth!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid-grid::-webkit-scrollbar{display:none!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid{flex:0 0 105px!important;width:105px!important;height:68px!important;min-height:68px!important;max-width:105px!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid:before{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.02) 56%,rgba(255,255,255,.96) 57%,#fff 100%)!important}
  html body[data-page="inicio"] .tx-category-next{display:grid!important;place-items:center!important;position:absolute!important;right:88px!important;top:32px!important;z-index:5!important;width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#18a3df!important;color:#fff!important;font:700 30px/1 Arial,sans-serif!important;box-shadow:0 3px 9px rgba(13,106,165,.24)!important;cursor:pointer!important}
  html body[data-page="inicio"] .tx-category-next:hover{background:#0872cf!important}
  html body[data-page="inicio"] main#contenido>.wrap{width:738px!important;max-width:calc(100vw - 24px)!important;margin-left:calc(50% - 381px)!important;margin-right:0!important;padding:0!important}
  html body[data-page="inicio"] #catalogo{width:100%!important;max-width:none!important;grid-template-columns:113px minmax(0,1fr)!important;gap:8px!important}
  html body[data-page="inicio"] #txFilterSidebar{min-width:0!important}
  html body[data-page="inicio"] .tx-catalog-results{min-width:0!important}
  html body[data-page="inicio"] .productgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
}
@media(min-width:621px) and (max-width:820px){
  html body[data-page="inicio"] .tx-capsule-nav-wrap{width:auto!important;max-width:none!important;margin:0 12px!important;padding:6px 0 8px!important}
  html body[data-page="inicio"] .visual-categories.tx-reference-categories{width:auto!important;max-width:none!important;margin:0 12px!important;padding:2px 0 7px!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid-grid{width:100%!important;margin-left:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid{width:auto!important;max-width:none!important;flex:auto!important}
  html body[data-page="inicio"] .tx-category-next{display:none!important}
  html body[data-page="inicio"] main#contenido>.wrap{width:auto!important;max-width:none!important;margin:0 12px!important;padding:0!important}
}
@media(max-width:620px){
  html body[data-page="inicio"] .tx-capsule-nav-wrap{width:auto!important;max-width:none!important;margin:0 10px!important;padding:6px 0 8px!important}
 html body[data-page="inicio"] section.hero.hero-showcase.tx-reference-hero .tx-reference-hero-copy .searchbox{transform:none!important;max-width:none!important}
  html body[data-page="inicio"] .visual-categories.tx-reference-categories{width:auto!important;max-width:none!important;margin:0 12px!important;padding:2px 0 8px!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid-grid{display:flex!important;flex-flow:row nowrap!important;width:100%!important;max-width:100%!important;margin:0!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  html body[data-page="inicio"] .tx-reference-categories .trapezoid{flex:0 0 86px!important;width:86px!important;min-width:86px!important;max-width:86px!important;height:58px!important;min-height:58px!important}
  html body[data-page="inicio"] .tx-category-next{display:none!important}
  html body[data-page="inicio"] main#contenido>.wrap{width:auto!important;max-width:none!important;margin:0 10px!important;padding:0!important}
}

/* Final imagery and fit refinements after comparing the actual viewport to the supplied video. */
html body[data-page="inicio"] .tx-reference-categories .tile-bridal{background-image:url('../img/categorias/nupcial.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-fashion{background-image:url('../img/categorias/boda.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-curtains{background-image:url('../img/categorias/formal.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-outdoor{background-image:url('../img/categorias/casual.webp')!important}
html body[data-page="inicio"] .tx-reference-categories .tile-events{background-image:url('../img/categorias/festivo.webp')!important}
@media(min-width:821px){
 html body[data-page="inicio"] main#contenido>.wrap{width:721px!important;max-width:calc(100vw - 24px)!important}
}