/* DENUS B2B — empresas. Estética continuación de index/apps (dark premium glass). Solo lo carga empresas.html */
.b2b-content{padding-top:140px;min-height:100vh}
.b2b-hero{max-width:1200px;margin:0 auto;padding:0 24px 8px;text-align:center}
.b2b-hero .kicker{margin-bottom:16px}
.b2b-title{font-size:clamp(38px,6vw,76px);font-weight:200;letter-spacing:-.05em;line-height:.96;max-width:900px;margin:0 auto}
.b2b-title b{font-weight:600}
.b2b-title em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;background:linear-gradient(180deg,#fff 30%,#8E8E93 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.b2b-sub{margin:20px auto 0;max-width:640px;font-size:clamp(15px,1.8vw,19px);line-height:1.6;font-weight:300;color:rgba(255,255,255,.65)}
.b2b-stack{margin-top:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.38)}

/* — Secciones — */
.bz-section{max-width:1200px;margin:0 auto;padding:72px 24px 0}
.bz-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:26px}
.bz-head h2{font-size:clamp(28px,4vw,50px);font-weight:200;letter-spacing:-.045em;line-height:1}
.bz-head h2 b{font-weight:600}
.bz-head h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:#c9c9ce}
.bz-head p{max-width:380px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.55);font-weight:300}

/* — Bento grid 12 cols — */
.bz-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}
.bz-card{min-height:0}
.bz-card h3{font-size:21px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px}
.bz-card h3 .n{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:rgba(255,255,255,.4);font-size:15px;margin-right:8px}
.bz-card .ex{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.bz-card .ex li{list-style:none;font-size:11.5px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.68)}
.bz-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);margin-bottom:16px}
.bz-ico svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bz-eg{margin-top:12px;font-size:13px;line-height:1.6;font-weight:300;color:rgba(255,255,255,.78);border-left:2px solid rgba(255,255,255,.28);padding-left:12px}
.bz-eg b{color:#fff;font-weight:600}

/* pipeline / workflow visuals */
.bz-pipe{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:20px}
.bz-pipe span{font-size:11px;letter-spacing:.05em;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.75)}
.bz-pipe i{font-style:normal;color:rgba(255,255,255,.3);font-size:12px}
.bz-mini-flow{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:rgba(255,255,255,.55);flex-wrap:wrap}
.bz-mini-flow b{color:#fff;font-weight:500}
.bz-code{margin-top:20px;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.09);padding:14px 16px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.7);overflow-x:auto;white-space:pre}
.bz-code .k{color:#8ab4ff}.bz-code .s{color:#9ae6b4}.bz-code .c{color:rgba(255,255,255,.35)}
.bz-bars{display:flex;align-items:end;gap:8px;height:84px;margin-top:20px}
.bz-bars i{flex:1;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.12));min-height:12px;animation:bzbar 3.2s ease-in-out infinite}
/* — Gráfica previsión demanda (card 06): oscuro + líneas neón estilo código — */
.bz-forecast{margin-top:20px;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.09);padding:14px 14px 10px}
.bz-forecast-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.bz-forecast-head strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:500;font-family:ui-monospace,'SF Mono',Menlo,monospace}
.bz-forecast-head strong span{color:rgba(255,255,255,.35);font-weight:400}
.bz-forecast-badge{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:#a3e635;border:1px solid rgba(163,230,53,.4);background:rgba(163,230,53,.08);padding:4px 10px;border-radius:999px;white-space:nowrap}
.bz-forecast svg{width:100%;height:auto;display:block}
.bz-forecast .fcst{animation:bzdash 1.6s linear infinite;filter:drop-shadow(0 0 6px rgba(232,121,249,.55))}
@keyframes bzdash{to{stroke-dashoffset:-26}}
.bz-forecast .ping{animation:bzping 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes bzping{0%{transform:scale(.5);opacity:.8}80%{transform:scale(1.6);opacity:0}100%{opacity:0}}
.bz-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;font-size:11px;color:rgba(255,255,255,.6);font-family:ui-monospace,'SF Mono',Menlo,monospace}
.bz-legend .sw{display:inline-block;width:22px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.bz-legend .sw.hist{background:#22d3ee;box-shadow:0 0 8px rgba(34,211,238,.7)}
.bz-legend .sw.fc{background:repeating-linear-gradient(90deg,#e879f9 0 5px,transparent 5px 9px);box-shadow:0 0 8px rgba(232,121,249,.5)}
.bz-legend .sw.band{background:linear-gradient(180deg,rgba(232,121,249,.4),rgba(232,121,249,.05))}
/* — Kit visuals animados cards (oscuro neón, CSS-only) — */
.bz-vis{margin-top:20px;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.09);padding:14px 16px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.72);overflow:hidden}
/* pipe con etapas que se iluminan en secuencia */
.bz-pipe.live span{animation:bzstep 4s ease-in-out infinite}
.bz-pipe.live span:nth-child(3){animation-delay:.45s}.bz-pipe.live span:nth-child(5){animation-delay:.9s}
.bz-pipe.live span:nth-child(7){animation-delay:1.35s}.bz-pipe.live span:nth-child(9){animation-delay:1.8s}
@keyframes bzstep{0%,100%{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.75);box-shadow:none}12%{border-color:rgba(34,211,238,.7);color:#fff;box-shadow:0 0 14px rgba(34,211,238,.35)}30%{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.75);box-shadow:none}}
/* log del agente: líneas que respiran en turno */
.bz-log{display:flex;flex-direction:column;gap:6px}
.bz-log span{animation:bzstep 4.5s ease-in-out infinite}
.bz-log span:nth-child(2){animation-delay:.5s}.bz-log span:nth-child(3){animation-delay:1s;color:#9ae6b4}
/* chat Q&A */
.bz-qa .q{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;border-bottom-right-radius:4px;padding:8px 12px;margin:0 0 8px auto;max-width:90%;width:fit-content}
.bz-qa .a{margin:0;color:rgba(255,255,255,.85)}
.bz-qa .src{display:inline-block;margin-top:8px;font-size:10.5px;color:#8ab4ff;border:1px solid rgba(138,180,255,.35);background:rgba(138,180,255,.08);padding:3px 10px;border-radius:999px;animation:bzstep 4s ease-in-out infinite}
.cursor{display:inline-block;width:7px;height:13px;background:#4ade80;margin-left:4px;vertical-align:-2px;animation:bzblink 1.1s steps(1) infinite}
/* checklist de automatización: se van tachando en secuencia */
.bz-checks .chk{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;color:rgba(255,255,255,.7);animation:bzcheck 8s ease-in-out infinite}
.bz-checks .chk:first-child{margin-top:0}
.bz-checks .chk:nth-child(2){animation-delay:.7s}.bz-checks .chk:nth-child(3){animation-delay:1.4s}.bz-checks .chk:nth-child(4){animation-delay:2.1s}
.bz-checks .chk em{font-style:normal;font-size:10px;color:#4ade80;border:1px solid rgba(74,222,128,.4);background:rgba(74,222,128,.08);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
@keyframes bzcheck{0%{opacity:.3}8%{opacity:1}82%{opacity:1}92%,100%{opacity:.3}}
/* chat + ticket */
.bz-chat2 .u{color:#000;background:#fff;border-radius:12px;border-bottom-right-radius:4px;padding:8px 12px;margin:0 0 8px auto;max-width:88%;width:fit-content}
.bz-chat2 .b{margin:0 0 8px;color:rgba(255,255,255,.85)}
.bz-chat2 .ticket{display:inline-block;font-size:10.5px;color:#e879f9;border:1px solid rgba(232,121,249,.4);background:rgba(232,121,249,.08);padding:3px 10px;border-radius:999px;animation:bzpop 5s ease-in-out infinite}
@keyframes bzpop{0%,100%{transform:scale(1);opacity:1}8%{transform:scale(1.06)}16%{transform:scale(1)}}
/* escaneo documental */
.bz-scan{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.bz-scan .doc{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.02)}
.bz-scan .beam{position:absolute;left:6px;right:6px;height:2px;background:#4ade80;box-shadow:0 0 12px #4ade80;animation:bzbeam 2.6s ease-in-out infinite alternate}
@keyframes bzbeam{from{top:6px}to{top:calc(100% - 8px)}}
.bz-scan .ln{height:8px;border-radius:4px;background:rgba(255,255,255,.16)}
.bz-scan .ln.w80{width:80%}.bz-scan .ln.w60{width:60%}.bz-scan .ln.w70{width:70%}
.bz-scan .ln.w90{width:90%}.bz-scan .ln.w85{width:85%}.bz-scan .ln.w75{width:75%}.bz-scan .ln.w50{width:50%}
.bz-scan .fields{display:flex;flex-direction:column;gap:6px;color:#9ae6b4}
/* versión grande con tabla de resultados */
.bz-scan.big{grid-template-columns:.9fr 1.3fr;gap:16px}
.bz-scan.big .doc{min-height:150px}
.bz-scan .sheet{font-size:10.5px}
.bz-scan .sheet .ok{color:#9ae6b4}
.bz-scan .sheet table{width:100%;border-collapse:collapse;margin-top:8px;color:rgba(255,255,255,.7)}
.bz-scan .sheet th{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);text-align:left;padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.14);font-weight:500}
.bz-scan .sheet td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.06)}
.bz-scan .sheet td.ok{color:#4ade80}
.bz-scan .sheet .more{color:rgba(255,255,255,.4);border-bottom:none}
/* visión: cinta infinita de izquierda a derecha */
.bz-belt .track{position:relative;height:62px;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px)}
.bz-belt .gate{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#22d3ee;box-shadow:0 0 14px #22d3ee;z-index:2}
.bz-belt .track span{position:absolute;top:13px;left:-12%;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);animation:bzmove 6.9s linear infinite}
@keyframes bzmove{0%{left:-12%;opacity:0}4%{opacity:1}38%{border-color:rgba(255,255,255,.2);box-shadow:none}47%,57%{border-color:#4ade80;box-shadow:0 0 14px rgba(74,222,128,.65);background:rgba(74,222,128,.1)}66%{border-color:rgba(255,255,255,.2);box-shadow:none;background:rgba(255,255,255,.1)}94%{opacity:1}100%{left:102%;opacity:0}}
.bz-belt .track span.bad{animation-name:bzdrop}
@keyframes bzdrop{0%{left:-12%;opacity:0;transform:translateY(0);border-color:rgba(255,255,255,.2);box-shadow:none;background:rgba(255,255,255,.1)}4%{opacity:1}45%{border-color:rgba(255,255,255,.2);box-shadow:none;background:rgba(255,255,255,.1);transform:translateY(0)}48%,56%{border-color:#f87171;box-shadow:0 0 0 1px #f87171,0 0 18px rgba(248,113,113,.7);background:rgba(248,113,113,.16);transform:translateY(0)}62%{opacity:1;transform:translateY(30px)}72%,94%{opacity:0;transform:translateY(36px)}100%{left:102%;opacity:0;transform:translateY(36px)}}
.bz-belt .flag{margin-top:8px;font-size:10.5px;color:#fca5a5}
@keyframes bzalert{0%,100%{box-shadow:0 0 0 1px #f87171,0 0 8px rgba(248,113,113,.35)}50%{box-shadow:0 0 0 1px #f87171,0 0 22px rgba(248,113,113,.7)}}
/* ranking comercial: a quién llamar primero (estático, autoexplicativo) */
.bz-rank .hd{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:6px}
.bz-rank .row{display:flex;align-items:center;gap:10px;margin-top:8px;color:rgba(255,255,255,.75)}
.bz-rank .row b{font-size:13px;color:#fff;min-width:20px}
.bz-rank .row:nth-child(2) b{color:#4ade80}.bz-rank .row:nth-child(3) b{color:#facc15}.bz-rank .row:nth-child(4) b{color:rgba(255,255,255,.5)}
.bz-rank .row span{flex:1}
.bz-rank .row em{font-style:normal;font-size:11px;font-weight:600;min-width:30px;text-align:center;padding:2px 8px;border-radius:999px}
.bz-rank .row em.hot{color:#4ade80;border:1px solid rgba(74,222,128,.45);background:rgba(74,222,128,.1)}
.bz-rank .row em.warm{color:#facc15;border:1px solid rgba(250,204,21,.4);background:rgba(250,204,21,.08)}
.bz-rank .row em.cold{color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04)}
/* scores legacy */
.bz-scores .row{display:grid;grid-template-columns:52px 1fr 30px;gap:10px;align-items:center;margin-top:8px;color:rgba(255,255,255,.65)}
.bz-scores .row:first-child{margin-top:0}
.bz-scores .bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.bz-scores .bar i{display:block;height:100%;border-radius:99px;width:var(--w);animation:bzgrow 3.4s ease-in-out infinite alternate}
.bz-scores .row:nth-child(1) .bar i{background:linear-gradient(90deg,#166534,#4ade80);box-shadow:0 0 10px rgba(74,222,128,.5)}
.bz-scores .row:nth-child(2) .bar i{background:linear-gradient(90deg,#854d0e,#facc15)}
.bz-scores .row:nth-child(3) .bar i{background:linear-gradient(90deg,#7c2d12,#fb7185)}
.bz-scores b{text-align:right;color:#fff}
@keyframes bzgrow{from{width:12%}to{width:var(--w)}}
/* segmentos */
.bz-segs .seg{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:rgba(255,255,255,.7)}
.bz-segs .seg:first-child{margin-top:0}
.bz-segs .seg b{font-weight:500}
.bz-segs .dots{display:flex;gap:5px}
.bz-segs .dots i{width:9px;height:9px;border-radius:50%;animation:bzfloat 2.4s ease-in-out infinite alternate}
.bz-segs .seg:nth-child(1) .dots i{background:#22d3ee;box-shadow:0 0 8px rgba(34,211,238,.6)}
.bz-segs .seg:nth-child(2) .dots i{background:#e879f9;box-shadow:0 0 8px rgba(232,121,249,.6)}
.bz-segs .seg:nth-child(3) .dots i{background:#facc15;box-shadow:0 0 8px rgba(250,204,21,.6)}
.bz-segs .dots i:nth-child(2){animation-delay:.25s}.bz-segs .dots i:nth-child(3){animation-delay:.5s}
.bz-segs .dots i:nth-child(4){animation-delay:.75s}.bz-segs .dots i:nth-child(5){animation-delay:1s}
@keyframes bzfloat{from{transform:translateY(-3px);opacity:.6}to{transform:translateY(3px);opacity:1}}
/* tickets clasificados */
.bz-tickets .tk{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;color:rgba(255,255,255,.7)}
.bz-tickets .tk:first-child{margin-top:0}
.bz-tickets .tk em{font-style:normal;font-size:10px;color:#4ade80;border:1px solid rgba(74,222,128,.4);background:rgba(74,222,128,.08);padding:2px 9px;border-radius:999px;white-space:nowrap;animation:bzpop 4.5s ease-in-out infinite}
.bz-tickets .tk:nth-child(2) em{animation-delay:1.2s;color:#8ab4ff;border-color:rgba(138,180,255,.4);background:rgba(138,180,255,.08)}
/* BI: barras fijas, un color por producto */
.bz-bistatic .query{margin:0 0 10px;color:#fff}
.bz-bistatic .bars{display:flex;align-items:end;gap:10px;height:86px}
.bz-bistatic .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:end}
.bz-bistatic .col i{width:100%;border-radius:5px 5px 2px 2px;min-height:8px}
.bz-bistatic .col span{font-size:10px;color:rgba(255,255,255,.45)}
.bz-bistatic .c1{background:linear-gradient(180deg,#22d3ee,rgba(34,211,238,.2))}
.bz-bistatic .c2{background:linear-gradient(180deg,#a78bfa,rgba(167,139,250,.2))}
.bz-bistatic .c3{background:linear-gradient(180deg,#facc15,rgba(250,204,21,.2))}
.bz-bistatic .c4{background:linear-gradient(180deg,#fb7185,rgba(251,113,133,.25));box-shadow:0 0 12px rgba(251,113,133,.35)}
.bz-bistatic .c5{background:linear-gradient(180deg,#4ade80,rgba(74,222,128,.2))}
.bz-bistatic .call{display:inline-block;margin-top:10px;font-size:10.5px;color:#fca5a5;border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.08);padding:3px 10px;border-radius:999px}
/* BI legacy animado */
.bz-bi .query{margin:0 0 10px;color:#fff}
.bz-bi .bars{display:flex;align-items:end;gap:8px;height:74px}
.bz-bi .bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#22d3ee,rgba(34,211,238,.15));min-height:8px;height:var(--h);animation:bzbars 3s ease-in-out infinite alternate}
.bz-bi .bars i:nth-child(2){animation-delay:.3s}.bz-bi .bars i:nth-child(3){animation-delay:.6s}
.bz-bi .bars i:nth-child(4){animation-delay:.9s}.bz-bi .bars i:nth-child(5){animation-delay:1.2s}
@keyframes bzbars{from{height:12%}to{height:var(--h)}}
/* monitor ops: panel de estados concreto */
.bz-monitor .st{display:flex;align-items:center;gap:10px;margin-top:8px;color:rgba(255,255,255,.72)}
.bz-monitor .st:first-child{margin-top:0}
.bz-monitor .st i{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.bz-monitor .st i.ok{background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.7);animation:bzblink 2.4s ease-in-out infinite}
.bz-monitor .st.warn{color:#fff;background:rgba(248,113,113,.07);border:1px solid rgba(248,113,113,.35);border-radius:10px;padding:7px 10px;margin-left:-10px;margin-right:-10px}
.bz-monitor .st.warn i{background:#f87171;box-shadow:0 0 10px rgba(248,113,113,.8);animation:bzblink 1.2s ease-in-out infinite}
.bz-monitor .st em{margin-left:auto;font-style:normal;font-size:10px;color:#9ae6b4;white-space:nowrap}
/* monitor ops legacy */
.bz-ops svg{width:100%;height:auto;display:block}
.bz-ops .pulse{stroke-dasharray:6 5;animation:bzdash 1.2s linear infinite;filter:drop-shadow(0 0 5px rgba(74,222,128,.6))}
.bz-ops .alert{display:inline-block;margin-top:8px;font-size:10.5px;color:#fca5a5;border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.08);padding:3px 10px;border-radius:999px;animation:bzblink 1.8s ease-in-out infinite}
/* supply: tabla de pedidos calculados (estática) */
.bz-orders{font-size:10.5px}
.bz-orders .ok{color:#9ae6b4}
.bz-orders table{width:100%;border-collapse:collapse;margin-top:8px;color:rgba(255,255,255,.72)}
.bz-orders th{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);text-align:left;padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.14);font-weight:500}
.bz-orders td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.06)}
.bz-orders tr:last-child td{border-bottom:none}
.bz-orders td.hot{color:#fca5a5;font-weight:600}
/* supply legacy */
.bz-route svg{width:100%;height:auto;display:block}
.bz-route .truck{offset-path:path('M20 70 C 70 70, 80 30, 130 30 S 200 60, 240 25');animation:bzoffset 4s linear infinite}
@keyframes bzoffset{from{offset-distance:0%}to{offset-distance:100%}}
.bz-route .stk{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;margin-top:8px;color:rgba(255,255,255,.65)}
.bz-route .stk .bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.bz-route .stk .bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#155e75,#22d3ee);animation:bzgrow 3.4s ease-in-out infinite alternate}
/* feed fraude */
.bz-feed .tx{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:rgba(255,255,255,.65)}
.bz-feed .tx:first-child{margin-top:0}
.bz-feed .tx em{font-style:normal;font-size:10px;color:#4ade80}
.bz-feed .tx.alert{color:#fff;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.35);border-radius:10px;padding:6px 10px;margin-left:-10px;margin-right:-10px;animation:bzalert 1.8s ease-in-out infinite}
.bz-feed .tx.alert em{color:#fca5a5}
.bz-bars i:nth-child(2){animation-delay:.3s}.bz-bars i:nth-child(3){animation-delay:.6s}.bz-bars i:nth-child(4){animation-delay:.9s}.bz-bars i:nth-child(5){animation-delay:1.2s}.bz-bars i:nth-child(6){animation-delay:1.5s}.bz-bars i:nth-child(7){animation-delay:1.8s}
@keyframes bzbar{0%,100%{opacity:.55}50%{opacity:1}}

/* — Demo destacada — */
.bz-demo{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.bz-demo-side{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}
.bz-demo-side h3{font-size:clamp(26px,3vw,38px);font-weight:200;letter-spacing:-.04em;line-height:1.05;margin-bottom:12px}
.bz-demo-side h3 b{font-weight:600}
.bz-demo-side p{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.6);font-weight:300}
.bz-mock{margin:28px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.5);align-self:center;width:calc(100% - 56px)}
.bz-mock-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.bz-mock-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18);display:block}
.bz-mock-bar i:first-child{background:rgba(255,255,255,.4)}
.bz-mock-url{margin-left:10px;flex:1;font-size:11px;color:rgba(255,255,255,.4);background:rgba(255,255,255,.05);border-radius:8px;padding:5px 12px;font-family:ui-monospace,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bz-mock-body{padding:22px}
.bz-chat{display:flex;flex-direction:column;gap:10px}
.bz-msg{max-width:85%;font-size:13px;line-height:1.55;padding:11px 15px;border-radius:16px}
.bz-msg.bot{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-bottom-left-radius:5px;align-self:flex-start;color:rgba(255,255,255,.85)}
.bz-msg.user{background:#fff;color:#000;border-bottom-right-radius:5px;align-self:flex-end}
.bz-msg.typing{display:flex;gap:5px;padding:15px 18px}
.bz-msg.typing i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);animation:bzblink 1.2s infinite}
.bz-msg.typing i:nth-child(2){animation-delay:.2s}.bz-msg.typing i:nth-child(3){animation-delay:.4s}
@keyframes bzblink{0%,100%{opacity:.25}50%{opacity:1}}
.bz-live{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.18em;color:#9ae6b4;margin-bottom:16px}
.bz-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80;animation:bzblink 2s infinite}

/* — Proceso 4 pasos — */
.bz-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bz-step{border-radius:24px;padding:28px 24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);backdrop-filter:blur(20px);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s}
.bz-step:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.25)}
.bz-step .num{font-family:'Instrument Serif',serif;font-style:italic;font-size:15px;color:rgba(255,255,255,.4)}
.bz-step h3{font-size:20px;font-weight:600;letter-spacing:-.03em;margin:12px 0 8px}
.bz-step p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.58);font-weight:300}
.bz-note{margin-top:20px;text-align:center;font-family:'Instrument Serif',serif;font-style:italic;font-size:17px;color:rgba(255,255,255,.55)}

/* — Formulario — */
.bz-form-card{padding:0;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}
.bz-form-side{padding:40px 36px;border-right:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.bz-form-side h3{font-size:clamp(26px,3vw,36px);font-weight:200;letter-spacing:-.04em;line-height:1.05;margin-bottom:12px}
.bz-form-side h3 b{font-weight:600}
.bz-form-side p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.58);font-weight:300}
.bz-form{padding:40px 36px;display:flex;flex-direction:column;gap:16px}
.bz-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bz-opt{position:relative}
.bz-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.bz-opt span{display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:500;padding:14px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);cursor:pointer;transition:.25s;min-height:56px}
.bz-opt input:checked+span{background:#fff;color:#000;border-color:#fff}
.bz-opt input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.bz-field{display:flex;flex-direction:column;gap:7px}
.bz-field label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.bz-field input,.bz-field select,.bz-field textarea{appearance:none;font-family:inherit;font-size:14px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 15px;transition:border-color .25s;width:100%}
.bz-field select option{background:#111;color:#fff}
.bz-field textarea{min-height:130px;resize:vertical;line-height:1.6}
.bz-field input:focus,.bz-field select:focus,.bz-field textarea:focus{outline:none;border-color:rgba(255,255,255,.5)}
.bz-field input[aria-invalid="true"],.bz-field textarea[aria-invalid="true"]{border-color:#f87171}
.bz-err{font-size:12px;color:#fca5a5;min-height:0;display:none}
.bz-err.show{display:block}
.bz-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bz-submit{margin-top:6px;width:100%;font-size:15px;padding:16px}
.bz-submit[disabled]{opacity:.6;cursor:wait}
.bz-micro{font-size:12px;color:rgba(255,255,255,.45);text-align:center}
.bz-status{border-radius:14px;padding:14px 16px;font-size:13.5px;line-height:1.55;display:none}
.bz-status.show{display:block}
.bz-status.ok{display:block;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.35);color:#bbf7d0}
.bz-status.err{display:block;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.35);color:#fecaca}

/* — Footer — */
.bz-footer{padding:28px 24px 40px}
.bz-legal{font-size:11px;color:rgba(255,255,255,.3)}

/* — Responsive — */
@media(max-width:1100px) and (min-width:901px){
  .bz-grid{grid-template-columns:repeat(6,1fr)}
  .s12,.s8,.s7{grid-column:span 6}.s6{grid-column:span 3}.s5{grid-column:span 6}.s4{grid-column:span 2}
  .bz-steps{grid-template-columns:repeat(2,1fr)}
  .bz-demo,.bz-form-card{grid-template-columns:1fr}
  .bz-form-side{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .bz-mock{width:calc(100% - 48px);margin:0 24px 28px}
}
@media(max-width:900px){
  .b2b-content{padding-top:110px}
  .bz-grid{grid-template-columns:1fr}
  .s12,.s8,.s7,.s6,.s5,.s4{grid-column:span 1}
  .bz-steps{grid-template-columns:1fr}
  .bz-demo,.bz-form-card{grid-template-columns:1fr}
  .bz-form-side{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .bz-mock{width:calc(100% - 40px);margin:0 20px 24px}
  .bz-demo-side,.bz-form-side,.bz-form{padding:28px 22px}
  .bz-opts{grid-template-columns:1fr}
  .bz-row2{grid-template-columns:1fr}
  .bz-section{padding:52px 20px 0}
}
@media(prefers-reduced-motion:reduce){
  .bz-bars i,.bz-msg.typing i,.bz-live::before,.bz-forecast .fcst,.bz-forecast .ping,.bz-vis *,.bz-pipe.live span{animation:none !important}
  .bz-step{transition:none}
}
