/* TXHOUSE PRO DJ SET THEME — Venetian edition */
:root{
  --tx-bg:#03040a;
  --tx-panel:rgba(8,15,28,.72);
  --tx-panel-2:rgba(11,23,42,.86);
  --tx-cyan:#27f5ff;
  --tx-blue:#00a8ff;
  --tx-violet:#7c3cff;
  --tx-magenta:#ff2fd6;
  --tx-red:#ff1616;
  --tx-white:#f4fdff;
  --tx-muted:#93a9b7;
  --tx-line:rgba(39,245,255,.22);
  --tx-radius:26px;
  --tx-shadow:0 28px 90px rgba(0,0,0,.62);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.tx-dj-app,
.tx-dj-shell{
  margin:0;
  min-height:100vh;
  color:var(--tx-white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 30% 30%, rgba(125,211,252,.42), transparent 28%),
    linear-gradient(135deg,#020617,#0f172a 22%,#155e75 46%,#cbd5e1 55%,#0f172a 74%,#020617);
  overflow-x:hidden;
}
body.tx-dj-app:before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.8), transparent 84%);
}
body.tx-dj-app:after{
  content:""; position:fixed; inset:-30%; pointer-events:none; z-index:-1; opacity:.28;
  background:conic-gradient(from 180deg at 50% 50%, transparent, rgba(39,245,255,.26), transparent, rgba(255,47,214,.22), transparent);
  filter:blur(80px); animation:txAurora 16s linear infinite;
}
@keyframes txAurora{to{transform:rotate(1turn)}}
.tx-container{width:min(1220px,calc(100% - 32px)); margin-inline:auto}
.tx-glass{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:var(--tx-shadow), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
.tx-btn,
.tx-dj-hero__actions button,
.tx-prod button,
.tx-form button,
.tx-card,
.tx-products-catalog button{
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.tx-btn:before,
.tx-dj-hero__actions button:before,
.tx-prod button:before,
.tx-form button:before,
.tx-card:before,
.tx-products-catalog button:before{
  content:""; position:absolute; inset:0; opacity:0; pointer-events:none;
  background:linear-gradient(120deg, transparent 0 28%, rgba(255,255,255,.72) 48%, transparent 68% 100%);
  transform:translateX(-120%);
  transition:transform .55s ease, opacity .25s ease;
}
.tx-btn:hover,
.tx-dj-hero__actions button:hover,
.tx-prod button:hover,
.tx-form button:hover,
.tx-card:hover,
.tx-products-catalog button:hover{
  transform:translateY(-2px);
  filter:saturate(1.12);
}
.tx-btn:hover:before,
.tx-dj-hero__actions button:hover:before,
.tx-prod button:hover:before,
.tx-form button:hover:before,
.tx-card:hover:before,
.tx-products-catalog button:hover:before{
  opacity:.55; transform:translateX(120%);
}
.tx-btn:active,
.tx-dj-hero__actions button:active,
.tx-prod button:active,
.tx-form button:active,
.tx-card:active,
.tx-products-catalog button:active{transform:translateY(0) scale(.985)}
.tx-brand-strip{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:14px 0 6px;
}
.tx-brand-strip img{height:54px; max-width:190px; object-fit:contain; filter:drop-shadow(0 0 20px rgba(255,255,255,.22))}
.tx-brand-strip__tag{font-size:12px; font-weight:950; letter-spacing:.16em; color:#c7fbff; text-transform:uppercase}
.tx-eq-bg{
  position:absolute; inset:auto 0 0; height:72px; opacity:.62; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--tx-cyan),var(--tx-magenta),transparent);
  filter:blur(.2px);
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 100'%3E%3Cg fill='black'%3E%3Crect x='0' y='56' width='18' height='44'/%3E%3Crect x='32' y='35' width='18' height='65'/%3E%3Crect x='64' y='12' width='18' height='88'/%3E%3Crect x='96' y='48' width='18' height='52'/%3E%3Crect x='128' y='24' width='18' height='76'/%3E%3Crect x='180' y='64' width='18' height='36'/%3E%3Crect x='212' y='30' width='18' height='70'/%3E%3Crect x='244' y='6' width='18' height='94'/%3E%3Crect x='276' y='42' width='18' height='58'/%3E%3Crect x='338' y='20' width='18' height='80'/%3E%3Crect x='370' y='52' width='18' height='48'/%3E%3Crect x='430' y='8' width='18' height='92'/%3E%3Crect x='462' y='38' width='18' height='62'/%3E%3Crect x='494' y='63' width='18' height='37'/%3E%3Crect x='560' y='26' width='18' height='74'/%3E%3Crect x='592' y='3' width='18' height='97'/%3E%3Crect x='624' y='44' width='18' height='56'/%3E%3Crect x='690' y='18' width='18' height='82'/%3E%3Crect x='722' y='57' width='18' height='43'/%3E%3Crect x='754' y='30' width='18' height='70'/%3E%3Crect x='820' y='10' width='18' height='90'/%3E%3Crect x='852' y='46' width='18' height='54'/%3E%3Crect x='884' y='64' width='18' height='36'/%3E%3Crect x='950' y='22' width='18' height='78'/%3E%3Crect x='982' y='4' width='18' height='96'/%3E%3Crect x='1014' y='50' width='18' height='50'/%3E%3Crect x='1080' y='34' width='18' height='66'/%3E%3Crect x='1112' y='14' width='18' height='86'/%3E%3Crect x='1144' y='58' width='18' height='42'/%3E%3Crect x='1210' y='29' width='18' height='71'/%3E%3Crect x='1242' y='7' width='18' height='93'/%3E%3Crect x='1274' y='42' width='18' height='58'/%3E%3C/g%3E%3C/svg%3E");
  mask-size:100% 100%;
  animation:txEqPulse 1.8s ease-in-out infinite alternate;
}
@keyframes txEqPulse{to{opacity:.95; transform:scaleY(1.08); filter:drop-shadow(0 0 20px var(--tx-cyan))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* Fondo general: Mercurio azul */
body.tx-dj-app{
  background-attachment: fixed;
}
body.tx-dj-app:before{
  background-image:
    repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 2px,transparent 2px 9px),
    radial-gradient(circle at 50% 120%,rgba(255,255,255,.16),transparent 45%) !important;
  opacity:.42;
  mask-image:none;
}

/* img3-20260515 */