/* Banner superior para módulo PRODUCTOS - TXHOUSE / Ilumina tu escenario */
.tx-products-banner{
  position:relative; isolation:isolate; overflow:hidden;
  min-height:clamp(86px,12vw,150px); border-radius:20px;
  margin:10px auto 16px; max-width:1120px; background:#030612; color:white;
  box-shadow:0 22px 80px rgba(0,0,0,.62), inset 0 0 0 1px rgba(115,230,255,.22);
}
.tx-products-banner::before{
  content:""; position:absolute; inset:0; z-index:-3;
  background-image:var(--tx-products-banner-img); background-size:cover; background-position:center;
  filter:saturate(1.12) contrast(1.08) brightness(.88);
  transform:scale(1.012);
}
.tx-products-banner::after{
  content:""; position:absolute; inset:0; z-index:-2;
  background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.05) 38%,rgba(0,0,0,.76)),
             linear-gradient(180deg,rgba(0,0,0,.32),transparent 48%,rgba(0,0,0,.9));
}
.tx-products-banner__glow{position:absolute; inset:auto 8% -70px 8%; height:150px; z-index:-1; background:radial-gradient(ellipse at center, rgba(0,229,255,.42), transparent 66%); filter:blur(14px); animation:txPulseProducts 3.8s ease-in-out infinite;}
.tx-products-banner__laser{position:absolute; inset:0; pointer-events:none; opacity:.48; mix-blend-mode:screen; background:linear-gradient(110deg, transparent 0 33%, rgba(0,229,255,.33) 34%, transparent 36% 58%, rgba(212,53,255,.36) 59%, transparent 61%); animation:txLaserMove 6s ease-in-out infinite alternate;}
.tx-products-banner__content{min-height:inherit; display:grid; align-content:end; gap:10px; padding:clamp(10px,1.8vw,22px);}
.tx-products-banner__pill{width:max-content; max-width:100%; border:1px solid rgba(0,229,255,.45); background:rgba(0,13,25,.56); backdrop-filter:blur(10px); border-radius:999px; padding:5px 9px; font-size:9px; font-weight:900; letter-spacing:.10em; color:#dffcff; text-transform:uppercase;}
.tx-products-banner h2{margin:0; font-size:clamp(27px,4.7vw,62px); line-height:.95; letter-spacing:-.045em; max-width:760px; text-shadow:0 0 24px rgba(0,229,255,.42), 0 5px 28px #000;}
.tx-products-banner p{margin:0; max-width:640px; color:#e8fbff; font-size:clamp(13px,1.7vw,18px); text-shadow:0 3px 14px #000;}
.tx-products-banner__chips{display:flex; flex-wrap:wrap; gap:9px; margin-top:6px;}
.tx-products-banner__chips span{font-size:12px; font-weight:900; letter-spacing:.04em; color:#eaffff; background:rgba(0,16,26,.62); border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:8px 11px; box-shadow:0 0 18px rgba(0,229,255,.14);}
@keyframes txPulseProducts{50%{opacity:.55; transform:scaleX(1.08)}}
@keyframes txLaserMove{to{transform:translateX(2.6%) scale(1.02)}}
@media(max-width:760px){.tx-products-banner{min-height:330px; border-radius:22px; margin:12px 0 18px}.tx-products-banner::before{background-position:center top}.tx-products-banner__content{padding:18px}.tx-products-banner__pill{font-size:10px}.tx-products-banner__chips span{font-size:11px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.tx-products-banner__glow,.tx-products-banner__laser{animation:none}}

/* Ajuste solicitado: etiqueta superior izquierda y sin chips inferiores */
.tx-products-banner__pill{
  position:absolute;
  top:clamp(16px,2.4vw,28px);
  left:clamp(16px,2.4vw,30px);
  z-index:3;
  background:linear-gradient(135deg,rgba(0,229,255,.22),rgba(10,20,40,.72));
  box-shadow:0 0 24px rgba(0,229,255,.28), inset 0 0 16px rgba(255,255,255,.08);
}
.tx-products-banner__chips{display:none!important;}


/* FIX 20260514 — banner más angosto/compacto para portada de productos */
.tx-products-banner{
  min-height:clamp(105px,14vw,190px) !important;
  border-radius:22px !important;
  margin:10px auto 14px !important;
  box-shadow:0 16px 50px rgba(0,0,0,.55), inset 0 0 0 1px rgba(115,230,255,.18) !important;
}
.tx-products-banner::before{
  background-position:center 42% !important;
  filter:saturate(1.08) contrast(1.04) brightness(.82) !important;
}
.tx-products-banner::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.08) 42%,rgba(0,0,0,.64)),
    linear-gradient(180deg,rgba(0,0,0,.22),transparent 54%,rgba(0,0,0,.76)) !important;
}
.tx-products-banner__content{
  min-height:inherit !important;
  align-content:center !important;
  gap:4px !important;
  padding:clamp(14px,2.2vw,28px) !important;
  padding-top:clamp(36px,4.1vw,56px) !important;
}
.tx-products-banner__pill{
  top:clamp(10px,1.4vw,18px) !important;
  left:clamp(14px,2vw,24px) !important;
  padding:6px 10px !important;
  font-size:10px !important;
  letter-spacing:.09em !important;
}
.tx-products-banner h2{
  font-size:clamp(28px,4.2vw,50px) !important;
  line-height:.9 !important;
  max-width:620px !important;
  letter-spacing:-.05em !important;
}
.tx-products-banner p{
  font-size:clamp(12px,1.2vw,15px) !important;
  max-width:420px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#dffcff !important;
  opacity:.95 !important;
}
.tx-products-banner__glow{height:88px !important; inset:auto 12% -44px 12% !important;}
@media(max-width:760px){
  .tx-products-banner{
    min-height:160px !important;
    border-radius:18px !important;
    margin:8px 0 12px !important;
  }
  .tx-products-banner__content{
    padding:16px !important;
    padding-top:46px !important;
  }
  .tx-products-banner h2{font-size:clamp(28px,10vw,42px) !important;}
  .tx-products-banner p{font-size:11px !important;}
}

.tx-products-banner h2:empty,.tx-products-banner p:empty{display:none!important}
.tx-products-banner__content{align-content:start!important;justify-items:start!important}


/* Ajuste solicitado: sin textos "Venta directa / Potencia tu set" */
.tx-products-banner--compact{min-height:clamp(58px,7vw,92px);}
.tx-products-banner--compact .tx-products-banner__content{align-content:center; gap:0; padding:clamp(8px,1.2vw,14px);}
.tx-products-banner--compact .tx-products-banner__pill{font-size:clamp(8px,.75vw,10px); padding:4px 8px; letter-spacing:.08em;}
.tx-products-banner--compact h2,.tx-products-banner--compact p{display:none!important;}

/* img3-20260515 */


/* === TXHOUSE 2026-05-17: envios mas chico V30 === */
.tx-products-banner__pill{
  padding:3px 7px !important;
  font-size:8px !important;
  letter-spacing:.07em !important;
  font-weight:700 !important;
  opacity:.88 !important;
  box-shadow:0 0 12px rgba(0,229,255,.12), inset 0 0 8px rgba(255,255,255,.04) !important;
}
@media(max-width:760px){
  .tx-products-banner__pill{
    top:8px !important;
    left:10px !important;
    padding:2px 6px !important;
    font-size:7px !important;
    letter-spacing:.06em !important;
  }
}