/* Chat LNX: banner, blocos, telinhas e tela com teclado (2026-10-24) */
/* ===== Chat LNX + telefonia (pagina chatbot) ===== */
.chatlnx{padding:90px 0;color:#fff;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(252,91,35,.25),rgba(0,0,0,0) 45%),linear-gradient(135deg,#0f1e3d 0%,#16294f 100%)}
.chatlnx .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
.chatlnx h2{color:#fff;font-size:44px;line-height:1.1;margin:16px 0 18px}
.chatlnx h2 span{color:#fc5b23}
.chatlnx-txt p{color:#c9d1e2;font-size:18px;line-height:1.6;margin:0 0 26px;max-width:540px}
.chatlnx .ctas{display:flex;gap:14px;flex-wrap:wrap}
.chatlnx-feat{list-style:none;padding:24px 0 0;margin:32px 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:36px;flex-wrap:wrap}
.chatlnx-feat li{padding:0;background:none}
.chatlnx-feat b{display:block;font-size:19px;color:#fff}
.chatlnx-feat small{color:#9fb0cc;font-size:13px}
.chatlnx-vis{position:relative;min-height:490px}
.chatlnx-frame{position:absolute;top:64px;right:0;bottom:44px;left:40px;border:1.5px solid rgba(252,91,35,.55);border-radius:28px;padding:14px;background:rgba(255,255,255,.04)}
.chatlnx-app{height:100%;border-radius:18px;background:#f4f6f9;overflow:hidden;display:flex;flex-direction:column;color:#1d2733;font-size:13px;line-height:1.4}
.chatlnx-head{background:#fff;border-bottom:1px solid #e3e6ea;padding:12px 16px;display:flex;align-items:center;gap:10px}
.chatlnx-av{width:34px;height:34px;border-radius:50%;background:#ffe6dc;color:#c4410f;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chatlnx-head div{flex:1}.chatlnx-head b{display:block;font-size:14px}.chatlnx-head small{color:#5f6b7a;font-size:12px}
.chatlnx-ligar{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#fc5b23;color:#fff;font-size:12px;font-weight:700}
.chatlnx svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chatlnx-msgs{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px}
.chatlnx-in{align-self:flex-start;max-width:72%;background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:8px 12px}
.chatlnx-bot{align-self:flex-end;max-width:78%;background:#fff1eb;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:7px}
.chatlnx-op{background:#fff;border:1px solid #fbc9b5;border-radius:9px;padding:6px 10px;color:#c4410f;text-align:center;font-weight:600}
.chatlnx-op.on{background:#fc5b23;border-color:#fc5b23;color:#fff;font-weight:700}
.chatlnx-ok{align-self:center;font-size:12px;color:#1e7b45;background:#e7f5ec;border:1px solid #b7e0c5;padding:5px 12px;border-radius:20px}
.chatlnx-chip{position:absolute;background:#fff;color:#1d2733;border-radius:12px;padding:10px 14px;box-shadow:0 14px 30px rgba(0,0,0,.35);font-size:13px}
.chatlnx-chip b{display:block}.chatlnx-chip small{color:#5f6b7a;font-size:12px}
.chatlnx-c1{top:0;right:24px}
.chatlnx-c2{bottom:0;right:16px;display:flex;align-items:center;gap:8px;font-weight:600}
.chatlnx-c2 i{width:8px;height:8px;border-radius:50%;background:#1e7b45}
.chatlnx-call{position:absolute;left:0;bottom:4px;width:290px;background:#fff;color:#1d2733;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.45);overflow:hidden}
.chatlnx-call-top{background:#1d2733;color:#fff;padding:8px 14px;font-size:12px;font-weight:600;display:flex;justify-content:space-between}
.chatlnx-call-top i{color:#fc5b23;font-style:normal}
.chatlnx-call-body{padding:12px 14px;display:flex;align-items:center;gap:10px}
.chatlnx-call-body div{flex:1}.chatlnx-call-body b{display:block;font-size:14px}.chatlnx-call-body small{color:#5f6b7a;font-size:12px}
.chatlnx-atender{padding:8px 14px;border-radius:20px;background:#1e7b45;color:#fff;font-size:13px;font-weight:700}
@media(max-width:980px){.chatlnx .wrap{grid-template-columns:1fr}.chatlnx-frame{left:0}}
@media(max-width:560px){.chatlnx{padding:64px 0}.chatlnx h2{font-size:32px}.chatlnx-vis{min-height:520px}.chatlnx-frame{top:24px;bottom:120px}.chatlnx-call{bottom:40px;width:auto;right:0}.chatlnx-c1{display:none}.chatlnx-feat{gap:20px}}

.chatlnx h1{color:#fff;font-size:52px;line-height:1.08;margin:16px 0 18px}
.chatlnx h1 span{color:#fc5b23}
@media(max-width:560px){.chatlnx h1{font-size:34px}}

/* ===== Chat LNX: blocos chatbot / telefonia ===== */
.chatlnx-canais{padding:80px 0;background:#f4f6f9}
.chatlnx-canais-top{text-align:center;max-width:720px;margin:0 auto 40px}
.chatlnx-canais h2{font-size:36px;color:#0f1e3d;margin:14px 0 10px;line-height:1.15}
.chatlnx-canais-top p{color:#3b4660;font-size:17px;margin:0}
.chatlnx-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.chatlnx-card{background:#fff;border:1px solid #e3e7ef;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 10px 30px rgba(15,30,61,.06)}
.chatlnx-card-hd{display:flex;align-items:center;gap:14px}
.chatlnx-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chatlnx-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chatlnx-ic.wa{background:#e7f5ec;color:#1e7b45}.chatlnx-ic.tel{background:#fff1eb;color:#e14d17}
.chatlnx-card h3{margin:0;font-size:22px;color:#0f1e3d}
.chatlnx-card small{color:#5f6b7a;font-size:14px}
.chatlnx-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.chatlnx-card li{position:relative;padding-left:26px;color:#3b4660;font-size:15px;line-height:1.5;background:none}
.chatlnx-card li:before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:#fc5b23;box-shadow:inset 0 0 0 4px #ffd9c9}
.chatlnx-mini{margin-top:auto;background:#f4f6f9;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#1d2733}
.chatlnx-mini .in{align-self:flex-start;background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:7px 11px}
.chatlnx-mini .out{align-self:flex-end;background:#fff1eb;border-radius:10px;padding:7px 11px}
.chatlnx-mini .bar{display:flex;align-items:center;gap:10px;background:#0f1e3d;color:#fff;border-radius:10px;padding:10px 12px}
.chatlnx-mini .bar i{width:8px;height:8px;border-radius:50%;background:#7ee2a8;flex-shrink:0}
.chatlnx-mini .bar span{flex:1}.chatlnx-mini .bar em{font-style:normal;color:#c9d1e2}
.chatlnx-mini .btns{display:flex;gap:6px}.chatlnx-mini .btns span{flex:1;text-align:center;padding:6px 0;border-radius:8px;background:#fff;border:1px solid #e3e6ea;color:#3b4660}
.chatlnx-mini .btns span.off{background:#e14d17;border-color:#e14d17;color:#fff;font-weight:700}
.chatlnx-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.chatlnx-num{background:#fff;border:1px solid #e3e7ef;border-radius:16px;padding:20px}
.chatlnx-num b{display:block;font-size:30px;font-weight:600;color:#0f1e3d;line-height:1.1;margin-bottom:6px}.chatlnx-num b em{font-style:normal;color:#fc5b23}
.chatlnx-num small{color:#5f6b7a;font-size:14px}
@media(max-width:900px){.chatlnx-cards{grid-template-columns:1fr}.chatlnx-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.chatlnx-canais{padding:56px 0}.chatlnx-canais h2{font-size:28px}.chatlnx-card{padding:20px}}

/* ===== Chat LNX: animacao do banner principal (loop 12s) ===== */
.chatlnx-msgs{overflow:hidden}
.chatlnx-typing{align-self:flex-end;display:flex;gap:4px;background:#fff1eb;border-radius:12px;padding:10px 12px;box-sizing:border-box;overflow:hidden;opacity:0}
.chatlnx-typing i{width:6px;height:6px;border-radius:50%;background:#e14d17;animation:clx-dot 1s infinite}
.chatlnx-typing i:nth-child(2){animation-delay:.15s}.chatlnx-typing i:nth-child(3){animation-delay:.3s}
.chatlnx-bot{box-sizing:border-box;overflow:hidden}
.chatlnx-swap{display:grid;justify-items:center}
.chatlnx-swap>*{grid-area:1/1}
.chatlnx-done{justify-self:end;background:#fff1eb;border-radius:12px;padding:8px 12px;max-width:80%;opacity:0}
.chatlnx-call{overflow:hidden}
.chatlnx-ring{position:relative;background:#fff;transform-origin:50% 80%}
.chatlnx-talk{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}
.chatlnx-call-top.on{background:#1e7b45}
.chatlnx-call-top.on i{color:#fff}
.chatlnx-desligar{padding:8px 14px;border-radius:20px;background:#e14d17;color:#fff;font-size:13px;font-weight:700}
.chatlnx-wave{display:flex;align-items:center;gap:3px;height:18px;margin-top:4px}
.chatlnx-wave i{display:block;width:3px;height:6px;border-radius:2px;background:#0b5cad;animation:clx-wv .9s ease-in-out infinite}
.chatlnx-wave i:nth-child(2n){animation-delay:.15s}.chatlnx-wave i:nth-child(3n){animation-delay:.3s}.chatlnx-wave i:nth-child(4n){animation-delay:.45s}
@media (prefers-reduced-motion:no-preference){
.chatlnx-in{animation:clx-in 12s infinite both}
.chatlnx-typing{animation:clx-typ 12s infinite both}
.chatlnx-bot{animation:clx-bot 12s infinite both}
.chatlnx-op.on{animation:clx-op 12s infinite both}
.chatlnx-ok{animation:clx-ok 12s infinite both}
.chatlnx-done{animation:clx-done 12s infinite both}
.chatlnx-ligar{animation:clx-lig 12s infinite both}
.chatlnx-call{animation:clx-call 12s infinite both}
.chatlnx-ring{animation:clx-ring 12s infinite both}
.chatlnx-talk{animation:clx-talk 12s infinite both}
.chatlnx-ring .chatlnx-av{animation:clx-pulse 1s infinite}
.chatlnx-atender{animation:clx-btn 1s infinite}
}
@media (prefers-reduced-motion:reduce){.chatlnx-typing,.chatlnx-done,.chatlnx-talk{display:none}.chatlnx-wave i,.chatlnx-typing i{animation:none}}
@keyframes clx-in{0%,1%{opacity:0;transform:translateY(8px)}5%,94%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes clx-typ{0%,6%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:-5px 0}8%,13%{opacity:1;max-height:30px;padding-top:10px;padding-bottom:10px;margin:0}15%,100%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:-5px 0}}
@keyframes clx-bot{0%,14%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:-5px 0}18%,94%{opacity:1;max-height:220px;padding-top:10px;padding-bottom:10px;margin:0}97%,100%{opacity:0;max-height:220px;padding-top:10px;padding-bottom:10px;margin:0}}
@keyframes clx-op{0%,26%{background:#fff;color:#c4410f;border-color:#fbc9b5;transform:none}29%{background:#fc5b23;color:#fff;border-color:#fc5b23;transform:scale(.95)}31%,100%{background:#fc5b23;color:#fff;border-color:#fc5b23;transform:none}}
@keyframes clx-ok{0%,32%{opacity:0;transform:translateY(6px)}35%,72%{opacity:1;transform:none}75%,100%{opacity:0;transform:none}}
@keyframes clx-done{0%,75%{opacity:0;transform:translateY(6px)}78%,94%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes clx-lig{0%,34%,46%,100%{box-shadow:0 0 0 0 rgba(252,91,35,0)}37%,43%{box-shadow:0 0 0 7px rgba(252,91,35,.3)}}
@keyframes clx-call{0%,38%{opacity:0;transform:translateY(24px)}42%,92%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(24px)}}
@keyframes clx-ring{0%,43%{transform:none;opacity:1}44%,48%,52%,56%{transform:rotate(-2deg);opacity:1}46%,50%,54%,58%{transform:rotate(2deg);opacity:1}59%{transform:none;opacity:1}62%,96%{transform:none;opacity:0}100%{transform:none;opacity:1}}
@keyframes clx-talk{0%,60%{opacity:0}63%,100%{opacity:1}}
@keyframes clx-pulse{0%{box-shadow:0 0 0 0 rgba(252,91,35,.45)}100%{box-shadow:0 0 0 10px rgba(252,91,35,0)}}
@keyframes clx-btn{0%,100%{transform:none}50%{transform:scale(1.07)}}
@keyframes clx-dot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@keyframes clx-wv{0%,100%{height:5px}50%{height:16px}}
.chatlnx-c2{top:14px;left:0;right:auto;bottom:auto}

/* ===== Chat LNX: 4 telinhas animadas ===== */
.clx4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.clx4-t{background:#fff;border:1px solid #e3e7ef;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
.clx4-t h3{margin:4px 4px 0;font-size:17px;color:#0f1e3d}
.clx4-t p{margin:0 4px 4px;font-size:14px;color:#5f6b7a;line-height:1.45}
.clx4-scr{height:214px;border-radius:12px;background:#f4f6f9;border:1px solid #e9ecf2;padding:12px;box-sizing:border-box;overflow:hidden;font-size:12px;color:#1d2733;display:flex;flex-direction:column;gap:7px}
.clx4 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.clx4-row{display:flex;align-items:center;gap:8px;background:#fff;border-radius:9px;padding:7px 8px}
.clx4-av{width:24px;height:24px;border-radius:50%;background:#e8f0fa;color:#084785;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.clx4-nm{flex:1;min-width:0;font-weight:600;line-height:1.15}
.clx4-nm small{display:block;font-weight:400;color:#5f6b7a;font-size:10px}
.clx4-st{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 7px;border-radius:20px;white-space:nowrap}
.clx4-st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.clx4-st.ok{color:#1e7b45;background:#e7f5ec}.clx4-st.con{color:#8a5a00;background:#fff5dc}.clx4-st.lig{color:#084785;background:#e8f0fa}
.clx4-sw{display:grid;justify-items:end}.clx4-sw>*{grid-area:1/1}
.clx4 .a2,.clx4 .b2{opacity:0}
.clx4-num{background:#fff;border-radius:9px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;font-weight:600}
.clx4-num span{display:inline-block;overflow:hidden;white-space:nowrap;width:14ch;border-right:2px solid #fc5b23}
.clx4-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.clx4-keys span{background:#fff;border-radius:7px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700}
.clx4-call,.clx4-btn{display:grid;margin-top:auto}
.clx4-call>*,.clx4-btn>*{grid-area:1/1;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-weight:700}
.clx4-call .c1{background:#1e7b45}.clx4-call .c2{background:#0b5cad;opacity:0}
.clx4-tt{font-weight:700}
.clx4-dest{display:flex;justify-content:space-between;background:#fff;border:1px solid #e3e6ea;border-radius:9px;padding:7px 9px}
.clx4-dest em{font-style:normal;color:#1e7b45;font-size:10px}.clx4-dest em.oc{color:#8a5a00}
.clx4-dest.sel{background:#fff1eb;border-color:#fc5b23}
.clx4-btn .d1{background:#0b5cad}.clx4-btn .d2{background:#1e7b45;opacity:0}
.clx4-gr-hd,.clx4-pl{display:flex;align-items:center;gap:8px;background:#fff;border-radius:9px;padding:8px}
.clx4-ph{width:26px;height:26px;border-radius:50%;background:#e7f5ec;color:#1e7b45;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.clx4-gr-hd b{display:block}.clx4-gr-hd small{color:#5f6b7a;font-size:10px}
.clx4-play{width:26px;height:26px;border-radius:50%;background:#fc5b23;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.clx4-play svg{fill:currentColor;stroke:none;width:10px;height:10px}
.clx4-wv{flex:1;display:flex;align-items:center;gap:2px;height:22px}
.clx4-wv i{flex:1;height:8px;border-radius:2px;background:#fc5b23;opacity:.8}
.clx4-bar{height:5px;border-radius:3px;background:#e3e6ea;overflow:hidden;flex-shrink:0}
.clx4-bar i{display:block;height:100%;width:40%;background:#fc5b23}
.clx4-note{background:#fff8e6;border:1px solid #f0d9a0;border-radius:9px;padding:6px 9px;font-size:11px;color:#3a4654}
@media (prefers-reduced-motion:no-preference){
.clx4-st.lig:before{animation:clx4-blink 1s infinite}
.clx4 .a1{animation:clx4-a1 6s infinite both}.clx4 .a2{animation:clx4-a2 6s infinite both}
.clx4 .b1{animation:clx4-b1 6s infinite both}.clx4 .b2{animation:clx4-b2 6s infinite both}
.clx4-num span{animation:clx4-type 6s steps(14) infinite both,clx4-car .8s step-end infinite}
.clx4-keys span{animation:clx4-key 6s infinite}
.clx4-keys span:nth-child(4){animation-delay:.3s}.clx4-keys span:nth-child(1){animation-delay:.6s}.clx4-keys span:nth-child(3){animation-delay:.9s}.clx4-keys span:nth-child(2){animation-delay:1.5s}.clx4-keys span:nth-child(8){animation-delay:2.4s}.clx4-keys span:nth-child(11){animation-delay:2.9s}
.clx4-keys span:nth-child(5),.clx4-keys span:nth-child(6),.clx4-keys span:nth-child(7),.clx4-keys span:nth-child(9),.clx4-keys span:nth-child(10),.clx4-keys span:nth-child(12){animation:none}
.clx4-call .c1{animation:clx4-c1 6s infinite both}.clx4-call .c2{animation:clx4-c2 6s infinite both}
.clx4-dest.sel{animation:clx4-sel 6s infinite both}
.clx4-btn .d1{animation:clx4-d1 6s infinite both}.clx4-btn .d2{animation:clx4-d2 6s infinite both}
.clx4-wv i{animation:clx-wv .9s ease-in-out infinite}
.clx4-wv i:nth-child(2n){animation-delay:.15s}.clx4-wv i:nth-child(3n){animation-delay:.3s}.clx4-wv i:nth-child(5n){animation-delay:.45s}
.clx4-bar i{animation:clx4-prog 6s linear infinite}
.clx4-note{animation:clx4-note 6s infinite both}
}
@keyframes clx4-blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes clx4-a1{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
@keyframes clx4-a2{0%,45%{opacity:0}50%,95%{opacity:1}100%{opacity:0}}
@keyframes clx4-b1{0%,20%{opacity:1}25%,70%{opacity:0}75%,100%{opacity:1}}
@keyframes clx4-b2{0%,20%{opacity:0}25%,70%{opacity:1}75%,100%{opacity:0}}
@keyframes clx4-type{0%,5%{width:0}55%,100%{width:14ch}}
@keyframes clx4-car{50%{border-color:transparent}}
@keyframes clx4-key{0%,5%,100%{background:#fff;color:#1d2733}2%{background:#fc5b23;color:#fff}}
@keyframes clx4-c1{0%,56%{opacity:1;transform:none}59%{opacity:1;transform:scale(.94)}62%,95%{opacity:0;transform:none}100%{opacity:1}}
@keyframes clx4-c2{0%,60%{opacity:0}63%,95%{opacity:1}100%{opacity:0}}
@keyframes clx4-sel{0%,22%{background:#fff;border-color:#e3e6ea}28%,95%{background:#fff1eb;border-color:#fc5b23}100%{background:#fff;border-color:#e3e6ea}}
@keyframes clx4-d1{0%,46%{opacity:1;transform:none}49%{opacity:1;transform:scale(.94)}52%,95%{opacity:0;transform:none}100%{opacity:1}}
@keyframes clx4-d2{0%,50%{opacity:0}53%,95%{opacity:1}100%{opacity:0}}
@keyframes clx4-prog{0%{width:0}90%,100%{width:100%}}
@keyframes clx4-note{0%,58%{opacity:0;transform:translateY(6px)}64%,95%{opacity:1;transform:none}100%{opacity:0}}
@media(max-width:1100px){.clx4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.clx4{grid-template-columns:1fr}}

/* ===== Chat LNX: tela com teclado (animada, loop 12s) ===== */
.clxa{padding:80px 0;background:#fff}
.clxa-top{text-align:center;max-width:720px;margin:0 auto 36px}
.clxa h2{font-size:36px;color:#0f1e3d;margin:14px 0 10px;line-height:1.15}.clxa h2 span{color:#fc5b23}
.clxa-top p{color:#3b4660;font-size:17px;margin:0}
.clxa-win{border-radius:16px;overflow:hidden;border:1px solid #d9dee5;box-shadow:0 30px 60px -20px rgba(15,30,61,.35);background:#fff}
.clxa-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#eef1f5;border-bottom:1px solid #d9dee5}
.clxa-bar i{width:11px;height:11px;border-radius:50%;background:#d0d5dd}.clxa-bar i:first-child{background:#fc5b23}
.clxa-bar span{margin-left:12px;font-size:12px;color:#5f6b7a;background:#fff;border-radius:6px;padding:4px 14px}
.clxa-app{display:flex;height:540px;background:#f4f6f9;color:#1d2733;font-size:13px;line-height:1.35}
.clxa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.clxa-nav{flex:0 0 58px;background:#fff;border-right:1px solid #d9dee5;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0}
.clxa-nav b{width:32px;height:32px;border-radius:9px;background:#fc5b23;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.clxa-nav span{width:38px;height:38px;border-radius:9px;color:#5f6b7a;display:flex;align-items:center;justify-content:center}
.clxa-nav span.on{background:#fff1eb;color:#e14d17}
.clxa-nav em{margin-top:auto;width:32px;height:32px;border-radius:50%;background:#e8f0fa;color:#084785;font-style:normal;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.clxa-tel{flex:0 0 250px;background:#fbfcfd;border-right:1px solid #d9dee5;display:flex;flex-direction:column}
.clxa-hd{display:grid;border-bottom:1px solid #d9dee5}
.clxa-hd>span{grid-area:1/1;display:flex;align-items:center;gap:8px;padding:12px 14px}
.clxa-hd b{flex:1;font-size:14px}.clxa-hd small{font-size:11px;border-radius:20px;padding:2px 8px}
.clxa-hd .h1{background:#e8f0fa;color:#084785}.clxa-hd .h1 small{background:#e7f5ec;color:#1e7b45;border:1px solid #b7e0c5}
.clxa-hd .h2{background:#1e7b45;color:#fff;opacity:0}.clxa-hd .h2 small{background:rgba(255,255,255,.2)}
.clxa-bd{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.clxa-mic{display:flex;justify-content:space-between;font-size:11px;color:#5f6b7a}.clxa-mic b{color:#1e7b45}
.clxa-disp{height:38px;border:1px solid #d9dee5;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;font-weight:600;letter-spacing:.03em}
.clxa-disp span{display:inline-block;overflow:hidden;white-space:nowrap;width:12ch;border-right:2px solid #fc5b23}
.clxa-who{font-size:11px;color:#5f6b7a;text-align:center;margin-top:-3px}
.clxa-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.clxa-keys span{height:38px;border-radius:9px;border:1px solid #d9dee5;background:#f9fafb;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.clxa-keys small{font-size:7px;color:#5f6b7a;letter-spacing:.12em;margin-top:2px;min-height:7px}
.clxa-btn{display:grid}.clxa-btn span{grid-area:1/1;height:38px;border-radius:9px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.clxa-btn .b1{background:#1e7b45}.clxa-btn .b2{background:#e14d17;opacity:0}
.clxa-last{padding:0 14px 12px;font-size:12px}
.clxa-last .t{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#5f6b7a;font-weight:700;margin-bottom:3px}
.clxa-last div:not(.t){display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #eceff3}
.clxa-last div:last-child{border-bottom:0}.clxa-last span:last-child{color:#5f6b7a}.clxa-last .perd{color:#b42318}
.clxa-conv{flex:0 1 270px;min-width:0;background:#fff;border-right:1px solid #d9dee5}
.clxa-conv-hd{padding:14px 16px 8px;font-size:15px}
.clxa-tabs{display:flex;gap:4px;padding:0 12px 10px;font-size:12px}.clxa-tabs span{padding:5px 9px;border-radius:7px;color:#5f6b7a}.clxa-tabs .on{background:#fff1eb;color:#c4410f;font-weight:600}
.clxa-row{display:flex;gap:10px;padding:10px 14px;border-top:1px solid #eceff3}
.clxa-row.sel{background:#fff7f3;box-shadow:inset 3px 0 0 #fc5b23}
.clxa .av{width:32px;height:32px;border-radius:50%;background:#e8f0fa;color:#084785;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.clxa-row>div{flex:1;min-width:0}.clxa-row p{margin:0;display:flex;justify-content:space-between}.clxa-row p small{color:#5f6b7a;font-size:11px}
.clxa-row>div>span,.clxa-sw2 span{display:block;font-size:12px;color:#5f6b7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clxa-sw2{display:grid}.clxa-sw2 span{grid-area:1/1}.clxa-sw2 .l2{color:#1e7b45;opacity:0}.clxa-sw2 .l3{color:#084785;opacity:0}
.clxa-main{flex:1;min-width:0;display:flex;flex-direction:column}
.clxa-main header{background:#fff;border-bottom:1px solid #d9dee5;padding:11px 16px;display:flex;align-items:center;gap:10px}
.clxa-main header .av{background:#ffe6dc;color:#c4410f}
.clxa-main header div{flex:1;min-width:0}.clxa-main header b{display:block}.clxa-main header small{color:#5f6b7a;font-size:12px}
.clxa-main .bt{height:28px;padding:0 10px;border-radius:6px;border:1px solid #d9dee5;font-size:12px;display:flex;align-items:center;color:#3a4654}
.clxa-msgs{flex:1;padding:18px;display:flex;flex-direction:column;gap:10px}
.clxa-msgs .in{align-self:flex-start;max-width:70%;background:#fff;border:1px solid #d9dee5;border-radius:10px;padding:8px 12px}
.clxa-msgs .out{align-self:flex-end;max-width:70%;background:#fff1eb;border-radius:10px;padding:8px 12px}
.clxa-sw{display:grid;justify-items:center}.clxa-sw span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 12px;border-radius:20px}
.clxa-sw svg{width:13px;height:13px}
.clxa-sw .k1{color:#1e7b45;background:#e7f5ec;border:1px solid #b7e0c5;opacity:0}.clxa-sw .k2{color:#084785;background:#e8f0fa}
.clxa-inp{background:#fff;border-top:1px solid #d9dee5;padding:11px 16px;display:flex;gap:10px;align-items:center}
.clxa-inp span{flex:1;height:34px;border:1px solid #d9dee5;border-radius:8px;padding:0 12px;display:flex;align-items:center;color:#9aa3ad}
.clxa-inp b{height:34px;padding:0 16px;border-radius:8px;background:#fc5b23;color:#fff;display:flex;align-items:center}
@media (prefers-reduced-motion:no-preference){
.clxa-disp span{animation:clxa-type 12s steps(12) infinite both,clx4-car .8s step-end infinite}
.clxa-who{animation:clxa-who 12s infinite both}
.clxa-keys span{animation:clxa-key 12s infinite}
.clxa-keys span:nth-child(4){animation-delay:.6s}.clxa-keys span:nth-child(1){animation-delay:1s}.clxa-keys span:nth-child(3){animation-delay:1.6s}.clxa-keys span:nth-child(2){animation-delay:2.2s}.clxa-keys span:nth-child(9){animation-delay:3.2s}.clxa-keys span:nth-child(5){animation-delay:3.8s}
.clxa-keys span:nth-child(6),.clxa-keys span:nth-child(7),.clxa-keys span:nth-child(8),.clxa-keys span:nth-child(10),.clxa-keys span:nth-child(11),.clxa-keys span:nth-child(12){animation:none}
.clxa-btn .b1,.clxa-hd .h1{animation:clxa-a 12s infinite both}
.clxa-btn .b2,.clxa-hd .h2,.clxa-sw2 .l2,.clxa-sw .k1{animation:clxa-b 12s infinite both}
.clxa-sw2 .l1{animation:clxa-l1 12s infinite both}
.clxa-sw2 .l3{animation:clxa-c 12s infinite both}
.clxa-sw .k2{animation:clxa-k2 12s infinite both}
}
@media (prefers-reduced-motion:reduce){.clxa-sw .k1{display:none}}
@keyframes clxa-type{0%,4%{width:0}40%,98%{width:12ch}100%{width:0}}
@keyframes clxa-who{0%,40%{opacity:0}43%,98%{opacity:1}100%{opacity:0}}
@keyframes clxa-key{0%,2.5%,100%{background:#f9fafb;color:#1d2733;border-color:#d9dee5}1%{background:#fc5b23;color:#fff;border-color:#fc5b23}}
@keyframes clxa-a{0%,42%{opacity:1;transform:none}44%{opacity:1;transform:scale(.95)}46%,82%{opacity:0;transform:none}85%,100%{opacity:1}}
@keyframes clxa-b{0%,44%{opacity:0}46%,82%{opacity:1}84%,100%{opacity:0}}
@keyframes clxa-c{0%,82%{opacity:0}85%,97%{opacity:1}99%,100%{opacity:0}}
@keyframes clxa-l1{0%,44%{opacity:1}46%,97%{opacity:0}99%,100%{opacity:1}}
@keyframes clxa-k2{0%,44%{opacity:1}46%,82%{opacity:0}85%,100%{opacity:1}}
@media(max-width:1000px){.clxa-conv{display:none}}
@media(max-width:700px){.clxa-main,.clxa-nav{display:none}.clxa-tel{flex:1}.clxa-app{height:auto}.clxa h2{font-size:28px}.clxa{padding:56px 0}}

.clxa .clxa-conv{padding:0}
.clxa-disp{letter-spacing:0}.clxa-disp span{width:12.2ch}
@media (prefers-reduced-motion:no-preference){.clxa-sw .k2{animation:clxa-c 12s infinite both}}
@keyframes clxa-type{0%,4%{width:0}40%,98%{width:12.2ch}100%{width:0}}

/* ===== Chat LNX: slide na home ===== */
.chatlnx.chatlnx-inhero{padding:0;background:none;overflow:visible}
.chatlnx-inhero .chatlnx-vis{min-height:460px}
/* reinicia a animacao quando o slide da home fica ativo */
.hs.hs--js .hs-slide:not(.is-active) .chatlnx-inhero *{animation:none!important}
/* teclado na direita */
.clxa-nav{order:0}.clxa-conv{order:1}.clxa-main{order:2}
.clxa-tel{order:3;border-right:0;border-left:1px solid #d9dee5}
/* teclas da telinha seguem 41 3122-9595 */
@media (prefers-reduced-motion:no-preference){.clx4-keys span:nth-child(8),.clx4-keys span:nth-child(11){animation:none}.clx4-keys span:nth-child(9){animation:clx4-key 6s infinite;animation-delay:2.4s}.clx4-keys span:nth-child(5){animation:clx4-key 6s infinite;animation-delay:2.9s}}