/* TESTE B2 de Implantamos, versao com processo (23/10). Gerado por
   scratchpad b2/cenas.py: cada area tem uma acao acontecendo DENTRO da tela
   (pecas em HTML posicionadas sobre o quadro do Hub, em % da janela, com
   fonte em cqw) e os recortes de fora reagem a cada passo, num ciclo de
   10s. O cursor do especialista faz as acoes. Toque = a reacao ao clique
   dos guias da Central de Ajuda (veu + clarao, sem contorno). */
.tc-janela{container-type:inline-size;overflow:visible!important}
/* a tela e recortada na borda da janela; o cursor fica numa camada por
   cima, com a mesma camera, e pode passar da borda e cobrir os recortes */
.tc-recorte{position:relative;display:block;overflow:hidden;border-radius:inherit}
.tc-cam--sobre{position:absolute;inset:0;z-index:3;pointer-events:none}
.tc-p{position:absolute;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.25;pointer-events:none}
.tc-toque{overflow:hidden;opacity:1}
.tc-toque::after{content:"";position:absolute;left:60%;top:60%;width:240%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--toque,var(--area-c)) 14%,transparent);translate:-50% -50%;scale:.1;opacity:0}
.tb-card--laranja .tc-toque{--toque:#FA9800}
.tc-cur{display:flex;align-items:flex-start;gap:2px;z-index:5;translate:-3px -3px;opacity:0}
.tc-cur .tc-seta{width:2.344cqw;height:2.344cqw;min-width:16px;min-height:16px}


/* Receita: o especialista abre as acoes rapidas do cartao esquecido e
   manda o follow-up; o WhatsApp de fora recebe a mensagem e a resposta, e o
   cartao na tela ganha "Respondeu". */
.tc-r-badge-alerta,.tc-r-badge-ok{display:flex;align-items:center;justify-content:flex-end;gap:0.469cqw;padding-right:0.469cqw;background:#fff;font-size:0.859cqw;color:#d93f43}
.tc-r-badge-ok{color:#1f7a45}
.tc-r-badge-alerta i,.tc-r-badge-ok i{width:0.469cqw;height:0.469cqw;border-radius:50%;background:currentColor}
.tc-r-badge-alerta{animation:tc-r-sai 10s infinite}
.tc-r-badge-ok{animation:tc-r-ok 10s infinite}
.tc-r-respondeu{display:grid;place-items:center;border-radius:999px;background:#e4ecff;font-size:0.859cqw;font-weight:600;color:#2552c9;animation:tc-r-resp 10s infinite}
.tc-r-toque{border-radius:0.781cqw;animation:tc-afunda-30 10s infinite}
.tc-r-menu{display:grid;align-content:start;gap:0.156cqw;padding:0.781cqw;border-radius:0.938cqw;background:#fff;box-shadow:0 0 0 1px #10243b14,0 1.406cqw 2.812cqw -1.094cqw #10243b59;font-size:1.016cqw;color:#10243b;transform-origin:0 0;animation:tc-r-menu 10s infinite}
.tc-r-menu b{padding:0.312cqw 0.625cqw 0.469cqw;font-size:0.859cqw;font-weight:600;color:#5b6478}
.tc-r-op{display:flex;align-items:center;gap:0.625cqw;padding:0.625cqw;border-radius:0.625cqw}
.tc-r-op .tc-wa{width:1.250cqw;height:1.250cqw;color:#1fa855}
.tc-r-op1{animation:tc-r-op1 10s infinite}
.tb-card .tc-palco[data-cena="receita"] .tc-cur{animation:tc-r-cur 10s cubic-bezier(.45,0,.2,1) infinite}
@keyframes tc-r-sai{0%,47%{opacity:1}50%,92%{opacity:0}97%,100%{opacity:1}}
@keyframes tc-r-ok{0%,47%{opacity:0}50%,92%{opacity:1}97%,100%{opacity:0}}
@keyframes tc-r-resp{0%,76%{opacity:0;scale:.7}79%,92%{opacity:1;scale:1}97%,100%{opacity:0;scale:.9}}
@keyframes tc-r-menu{0%,31%{opacity:0;scale:.92}34%,47%{opacity:1;scale:1}50%,100%{opacity:0;scale:.96}}
@keyframes tc-r-op1{0%,40%{background:transparent}42%,48%{background:#eef7f1}50%,100%{background:transparent}}
@keyframes tc-r-cur{0%,10%{left:60.938%;top:89.744%;opacity:0}14%{opacity:1}28%,31%{left:36.719%;top:55.128%;opacity:1}40%,47%{left:54.688%;top:53.077%;opacity:1}58%,100%{left:70.312%;top:82.051%;opacity:0}}


/* Produtividade e Operacoes: chega mensagem nova da Marina (a lista e a
   conversa atualizam, o aviso de fora aparece), o especialista atribui a
   conversa a Carla, a resposta automatica sai e a tarefa nasce fora. */
.tc-q-prev{display:flex;align-items:center;background:#f1f3f5;font-size:1.094cqw;color:#10243b;font-weight:500;animation:tc-in-12 10s infinite}
.tc-q-nlida{display:grid;place-items:center;border-radius:50%;background:#1fa855;font-size:0.859cqw;font-weight:700;color:#fff;animation:tc-q-nlida 10s infinite}
.tc-q-msg,.tc-q-auto{display:flex;align-items:center;gap:0.625cqw;padding:0 0.938cqw;border-radius:0.625cqw;background:#fff;box-shadow:0 1px 1px #10243b14;font-size:1.094cqw;color:#10243b;white-space:nowrap;animation:tc-q-msg 10s infinite}
.tc-q-msg i,.tc-q-auto i{display:flex;align-items:center;font-style:normal;font-size:0.859cqw;color:#7b8494}
.tc-q-auto{background:#d9fdd3;animation-name:tc-q-auto}
.tc-q-auto svg{width:0.938cqw;height:0.938cqw;color:#53bdeb}
.tc-q-toque{animation:tc-afunda-36 10s infinite}
.tc-q-menu{display:grid;align-content:start;gap:0.156cqw;padding:0.781cqw;border-radius:0.938cqw;background:#fff;box-shadow:0 0 0 1px #10243b14,0 1.406cqw 2.812cqw -1.094cqw #10243b59;font-size:1.016cqw;color:#10243b;transform-origin:100% 0;animation:tc-q-menu 10s infinite}
.tc-q-menu b{padding:0.312cqw 0.625cqw;font-size:0.859cqw;font-weight:600;color:#5b6478}
.tc-q-op{display:flex;align-items:center;gap:0.625cqw;padding:0.469cqw 0.625cqw;border-radius:0.625cqw}
.tc-q-op1{animation:tc-q-op1 10s infinite}
.tc-q-av{display:grid;place-items:center;width:1.875cqw;height:1.875cqw;border-radius:50%;background:#1b6b5e;font-size:0.781cqw;font-weight:700;color:#fff}
.tc-q-av2{background:#334155}
.tc-q-dono{display:flex;align-items:center;gap:0.625cqw;padding:0 0.938cqw 0 0.469cqw;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #10243b1f;font-size:1.016cqw;font-weight:600;color:#10243b;animation:tc-q-dono 10s infinite}
.tb-card .tc-palco[data-cena="produtividade"] .tc-cur{animation:tc-q-cur 10s cubic-bezier(.45,0,.2,1) infinite}
@keyframes tc-in-12{0%,10%{opacity:0}13%,92%{opacity:1}97%,100%{opacity:0}}
@keyframes tc-q-nlida{0%,10%{opacity:0;scale:.4}13%,46%{opacity:1;scale:1}50%,100%{opacity:0}}
@keyframes tc-q-msg{0%,10%{opacity:0;translate:0 0.781cqw}13%,92%{opacity:1;translate:0 0}97%,100%{opacity:0}}
@keyframes tc-q-auto{0%,60%{opacity:0;translate:0 0.781cqw}63%,92%{opacity:1;translate:0 0}97%,100%{opacity:0}}
@keyframes tc-q-menu{0%,37%{opacity:0;scale:.92}40%,49%{opacity:1;scale:1}52%,100%{opacity:0}}
@keyframes tc-q-op1{0%,44%{background:transparent}46%,50%{background:#eef7f1}52%,100%{background:transparent}}
@keyframes tc-q-dono{0%,51%{opacity:0;scale:.8}54%,92%{opacity:1;scale:1}97%,100%{opacity:0}}
@keyframes tc-q-cur{0%,16%{left:32.812%;top:79.487%;opacity:0}20%{opacity:1}33%,36%{left:67.656%;top:10.769%;opacity:1}44%,49%{left:60.938%;top:19.231%;opacity:1}60%,100%{left:76.562%;top:53.846%;opacity:0}}


/* Dados e IA: o especialista liga a automacao; o negocio novo da Padaria
   entra pelo CRM, o fluxo executa no a no (cada no acende quando o pulso
   chega), o no novo do WhatsApp aparece, as integracoes de saida acendem, o
   contador de execucoes sobe e o Marvin comenta o que aconteceu. */
.tc-d-ativa{display:flex;align-items:center;gap:0.469cqw;background:#fff;font-size:0.938cqw;font-weight:600;color:#1f7a45;animation:tc-d-liga 10s infinite}
.tc-d-ativa i{width:0.547cqw;height:0.547cqw;border-radius:50%;background:#22a05a}
.tc-d-ligar{display:grid;place-items:center;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #10243b24;font-size:1.094cqw;color:#10243b;animation:tc-d-liga 10s infinite}
.tc-d-toque{animation:tc-afunda-18 10s infinite}
.tc-d-n1,.tc-d-n2{border-radius:1.250cqw;box-shadow:0 0 0 0.156cqw var(--area-c),0 0 0 0.625cqw color-mix(in srgb,var(--area-c) 16%,transparent);opacity:0;animation:tc-d-n1 10s infinite}
.tc-d-n2{animation-name:tc-d-n2}
.tc-d-chip{display:grid;place-items:center;border-radius:999px;background:var(--area-c);font-size:0.938cqw;font-weight:600;color:#fff;animation:tc-d-chip 10s infinite}
.tc-d-ok{display:grid;place-items:center;border-radius:50%;background:#22a05a;color:#fff;box-shadow:0 0 0 0.234cqw #fff;animation:tc-d-ok 10s infinite}
.tc-d-ok svg{width:65%;height:65%}
.tc-d-n3{display:grid;justify-items:center;align-content:start;gap:0.469cqw;text-align:center;animation:tc-d-n3 10s infinite}
.tc-d-n3-box{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:1.250cqw;background:#fff;box-shadow:0 0 0 1px #d6dbe3,0 0.625cqw 1.406cqw -0.781cqw #10243b40;color:#1fa855}
.tc-d-n3-box .tc-wa{width:40%;height:40%}
.tc-d-n3 b{font-size:1.016cqw;font-weight:600;color:#10243b;white-space:nowrap}
.tc-d-n3 i{font-style:normal;font-size:0.859cqw;color:#7b8494;white-space:nowrap}
.tc-fio--m2{opacity:0;animation:tc-d-fio3 10s infinite}
.tc-pulso--e{animation:tc-pulso-e 10s linear infinite}
.tc-pulso--m{animation:tc-pulso-m 10s linear infinite}
.tc-pulso--m2{animation:tc-pulso-m2 10s linear infinite}
.tc-pulso--s{animation:tc-pulso-s 10s linear infinite}
.tc-int--e img{animation:tc-acende-e 10s ease-out infinite}
.tc-int--s img{animation:tc-acende-s 10s ease-out infinite}
.tb-card .tc-palco[data-cena="dados-e-ia"] .tc-cur{animation:tc-d-cur 10s cubic-bezier(.45,0,.2,1) infinite}
@keyframes tc-d-liga{0%,18%{opacity:0}20%,92%{opacity:1}97%,100%{opacity:0}}
@keyframes tc-d-chip{0%,26%{opacity:0;translate:0 -2.344cqw}30%,40%{opacity:1;translate:0 0}44%,100%{opacity:0;translate:18.750cqw 0}}
@keyframes tc-d-n1{0%,32%{opacity:0}34%,38%{opacity:1}42%,100%{opacity:0}}
@keyframes tc-d-n2{0%,44%{opacity:0}46%,50%{opacity:1}54%,100%{opacity:0}}
@keyframes tc-d-ok{0%,47%{opacity:0;scale:.3}50%,92%{opacity:1;scale:1}97%,100%{opacity:0}}
@keyframes tc-d-n3{0%,52%{opacity:0;scale:.6}56%,92%{opacity:1;scale:1}97%,100%{opacity:0}}
@keyframes tc-d-fio3{0%,52%{opacity:0}55%,92%{opacity:1}97%,100%{opacity:0}}
@keyframes tc-pulso-e{0%,22%{stroke-dashoffset:10;opacity:0}23%{opacity:1}33%{stroke-dashoffset:-100;opacity:1}34%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes tc-pulso-m{0%,38%{stroke-dashoffset:10;opacity:0}39%{opacity:1}46%{stroke-dashoffset:-100;opacity:1}47%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes tc-pulso-m2{0%,56%{stroke-dashoffset:10;opacity:0}57%{opacity:1}62%{stroke-dashoffset:-100;opacity:1}63%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes tc-pulso-s{0%,63%{stroke-dashoffset:10;opacity:0}64%{opacity:1}74%{stroke-dashoffset:-100;opacity:1}75%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes tc-acende-e{0%,20%{box-shadow:0 0 0 1px #10243b14,0 0 0 0 transparent}23%{box-shadow:0 0 0 1px var(--area-c),0 0 0 6px color-mix(in srgb,var(--area-c) 20%,transparent)}32%,100%{box-shadow:0 0 0 1px #10243b14,0 0 0 0 transparent}}
@keyframes tc-acende-s{0%,73%{box-shadow:0 0 0 1px #10243b14,0 0 0 0 transparent}76%{box-shadow:0 0 0 1px var(--area-c),0 0 0 6px color-mix(in srgb,var(--area-c) 20%,transparent)}86%,100%{box-shadow:0 0 0 1px #10243b14,0 0 0 0 transparent}}
@keyframes tc-d-cur{0%,4%{left:76.562%;top:38.462%;opacity:0}8%{opacity:1}15%,18%{left:89.844%;top:9.744%;opacity:1}28%,100%{left:78.125%;top:42.308%;opacity:0}}


/* Backoffice: o PIX do Cliente Horizonte chega (aviso de fora), a linha da
   parcela e conciliada na tela, o especialista confirma a baixa, o status
   vira Pago e o Recebido sobe, dentro e fora da tela. */
.tc-b-linha{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--area-c) 16%,transparent) 50%,transparent);background-size:200% 100%;opacity:0;animation:tc-b-linha 10s infinite}
.tc-b-toque{animation:tc-afunda-40 10s infinite}
.tc-b-pago{display:flex;align-items:center;gap:0.469cqw;padding:0 0.781cqw;border-radius:999px;background:#dcf3e4;font-size:1.016cqw;font-weight:600;color:#1f7a45;animation:tc-b-pago 10s infinite}
.tc-b-pago svg{width:1.016cqw;height:1.016cqw}
.tc-b-recebido{display:flex;align-items:center;padding-left:0.156cqw;background:#fff;font-size:1.484cqw;font-weight:600;color:#10243b;animation:tc-b-kpi 10s infinite}
.tc-b-recebido{color:#0e8c87}
.tb-card .tc-palco[data-cena="backoffice"] .tc-cur{animation:tc-b-cur 10s cubic-bezier(.45,0,.2,1) infinite}
@keyframes tc-b-linha{0%,16%{opacity:0;background-position:100% 0}20%{opacity:1}38%{opacity:1;background-position:0 0}42%,100%{opacity:0}}
@keyframes tc-b-pago{0%,43%{opacity:0;scale:.7}46%,92%{opacity:1;scale:1}97%,100%{opacity:0}}
@keyframes tc-b-kpi{0%,48%{opacity:0}50%{opacity:1;background:#e3faf3}60%,92%{opacity:1;background:#fff}97%,100%{opacity:0}}
@keyframes tc-b-cur{0%,20%{left:50.000%;top:82.051%;opacity:0}24%{opacity:1}36%,40%{left:77.344%;top:55.128%;opacity:1}52%,100%{left:85.938%;top:82.051%;opacity:0}}


/* Pessoas: a IA le o curriculo (a barra enche), sai a aderencia, o
   especialista gera as perguntas, elas aparecem uma a uma e a entrevista
   entra na agenda (fora da tela). */
.tc-s-barra{display:flex;align-items:center;gap:0.781cqw;background:#fff;font-size:0.938cqw;color:#5b6478;animation:tc-s-sai 10s infinite}
.tc-s-barra em{font-style:normal;white-space:nowrap}
.tc-s-trilho{flex:none;width:12.500cqw;height:0.469cqw;border-radius:999px;background:#f3d6e2;overflow:hidden}
.tc-s-trilho i{display:block;height:100%;width:100%;border-radius:inherit;background:var(--area-c);transform-origin:0 50%;animation:tc-s-enche 10s infinite}
.tc-s-adesao{display:grid;align-content:start;gap:0.625cqw;background:#fff;animation:tc-s-adesao 10s infinite}
.tc-s-adesao b{justify-self:start;padding:0.391cqw 0.938cqw;border-radius:999px;background:#dcf3e4;font-size:1.016cqw;font-weight:600;color:#1f7a45}
.tc-s-tags{display:flex;gap:0.469cqw}
.tc-s-tags i{padding:0.234cqw 0.625cqw;border-radius:999px;background:#f1f3f5;font-style:normal;font-size:0.859cqw;color:#3f4a5e}
.tc-s-toque{border-radius:0.625cqw;animation:tc-afunda-46 10s infinite}
.tc-s-perguntas{display:grid;align-content:start;gap:0.625cqw;padding:0.625cqw 0.469cqw;background:#fff;font-size:1.016cqw;color:#10243b}
.tc-s-perguntas span{opacity:0;translate:0 0.469cqw;animation:tc-s-q1 10s infinite}
.tc-s-perguntas span:nth-child(2){animation-name:tc-s-q2}
.tc-s-perguntas span:nth-child(3){animation-name:tc-s-q3}
.tc-s-perguntas{animation:tc-s-bloco 10s infinite}
.tb-card .tc-palco[data-cena="pessoas"] .tc-cur{animation:tc-s-cur 10s cubic-bezier(.45,0,.2,1) infinite}
@keyframes tc-s-enche{0%,4%{scale:0 1}30%{scale:1 1}100%{scale:1 1}}
@keyframes tc-s-sai{0%,30%{opacity:1}33%,94%{opacity:0}98%,100%{opacity:1}}
@keyframes tc-s-adesao{0%,31%{opacity:0;translate:0 0.469cqw}34%,92%{opacity:1;translate:0 0}97%,100%{opacity:0}}
@keyframes tc-s-bloco{0%,48%{opacity:0}50%,92%{opacity:1}97%,100%{opacity:0}}
@keyframes tc-s-q1{0%,50%{opacity:0;translate:0 0.469cqw}54%,100%{opacity:1;translate:0 0}}
@keyframes tc-s-q2{0%,56%{opacity:0;translate:0 0.469cqw}60%,100%{opacity:1;translate:0 0}}
@keyframes tc-s-q3{0%,62%{opacity:0;translate:0 0.469cqw}66%,100%{opacity:1;translate:0 0}}
@keyframes tc-s-cur{0%,32%{left:43.750%;top:66.667%;opacity:0}36%{opacity:1}44%,47%{left:62.500%;top:37.179%;opacity:1}58%,100%{left:50.000%;top:71.795%;opacity:0}}

@keyframes tc-afunda-18{0%,17.5%{background:transparent;box-shadow:none}18%{background:color-mix(in srgb,var(--toque,var(--area-c)) 9%,transparent);box-shadow:inset 0 2px 6px #0b132b18}23%,100%{background:transparent;box-shadow:none}}
@keyframes tc-afunda-30{0%,29.5%{background:transparent;box-shadow:none}30%{background:color-mix(in srgb,var(--toque,var(--area-c)) 9%,transparent);box-shadow:inset 0 2px 6px #0b132b18}35%,100%{background:transparent;box-shadow:none}}
@keyframes tc-afunda-36{0%,35.5%{background:transparent;box-shadow:none}36%{background:color-mix(in srgb,var(--toque,var(--area-c)) 9%,transparent);box-shadow:inset 0 2px 6px #0b132b18}41%,100%{background:transparent;box-shadow:none}}
@keyframes tc-afunda-40{0%,39.5%{background:transparent;box-shadow:none}40%{background:color-mix(in srgb,var(--toque,var(--area-c)) 9%,transparent);box-shadow:inset 0 2px 6px #0b132b18}45%,100%{background:transparent;box-shadow:none}}
@keyframes tc-afunda-46{0%,45.5%{background:transparent;box-shadow:none}46%{background:color-mix(in srgb,var(--toque,var(--area-c)) 9%,transparent);box-shadow:inset 0 2px 6px #0b132b18}51%,100%{background:transparent;box-shadow:none}}

.tc-r-toque::after{animation:tc-clarao-30 10s infinite}
.tc-q-toque::after{animation:tc-clarao-36 10s infinite}
.tc-d-toque::after{animation:tc-clarao-18 10s infinite}
.tc-b-toque::after{animation:tc-clarao-40 10s infinite}
.tc-s-toque::after{animation:tc-clarao-46 10s infinite}

@keyframes tc-clarao-18{0%,17.5%{scale:.1;opacity:0}18%{scale:.1;opacity:1}23%,100%{scale:1;opacity:0}}
@keyframes tc-clarao-30{0%,29.5%{scale:.1;opacity:0}30%{scale:.1;opacity:1}35%,100%{scale:1;opacity:0}}
@keyframes tc-clarao-36{0%,35.5%{scale:.1;opacity:0}36%{scale:.1;opacity:1}41%,100%{scale:1;opacity:0}}
@keyframes tc-clarao-40{0%,39.5%{scale:.1;opacity:0}40%{scale:.1;opacity:1}45%,100%{scale:1;opacity:0}}
@keyframes tc-clarao-46{0%,45.5%{scale:.1;opacity:0}46%{scale:.1;opacity:1}51%,100%{scale:1;opacity:0}}

.tc-v2 .tc-est--1{animation:tc2-est1 10s infinite}
.tc-v2 .tc-est--2{animation:tc2-est2 10s infinite}
.tc-v2 [data-cena="receita"] .tc-est--1,.tc-v2 [data-cena="receita"] .tc-est--2{animation-name:tc2-r1}
.tc-v2 [data-cena="receita"] .tc-est--2{animation-name:tc2-r2}
@keyframes tc2-est1{0%,47%{opacity:1}50%,94%{opacity:0}98%,100%{opacity:1}}
@keyframes tc2-est2{0%,47%{opacity:0}50%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes tc2-r1{0%,47%{opacity:1}50%,94%{opacity:0}98%,100%{opacity:1}}
@keyframes tc2-r2{0%,47%{opacity:0}50%,94%{opacity:1}98%,100%{opacity:0}}
/* Recortes de fora entram no passo certo do processo */
.tc-v2 .tc-flut--a{animation:tc2-boia 7s ease-in-out infinite}
.tc-v2 .tc-flut--b:not(.tc-esp){animation:tc2-b 10s infinite}
.tc-v2 [data-cena="produtividade"] .tc-flut--a{animation:tc2-aviso 10s infinite}
.tc-v2 [data-cena="backoffice"] .tc-flut--a{animation:tc2-aviso 10s infinite}
@keyframes tc2-boia{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes tc2-b{0%,54%{opacity:0;transform:translateY(14px) scale(.96)}58%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(8px)}}
@keyframes tc2-aviso{0%,8%{opacity:0;transform:translateY(-12px) scale(.96)}12%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
/* WhatsApp de fora (Receita) */
.tc-flut--wa{flex-direction:column;align-items:stretch;gap:8px;width:290px;padding:12px;background:#efeae2;animation:tc2-b 10s infinite}
.tc-wa-cab{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;font-size:12px;font-weight:600;color:#3f4a5e}
.tc-wa-cab .tc-wa{width:16px;height:16px;color:#1fa855}
.tc-bolha{display:block;max-width:86%;padding:8px 10px;border-radius:10px;font-size:13px;line-height:1.35;color:#10243b;box-shadow:0 1px 1px #10243b14}
.tc-bolha--eu{align-self:flex-end;background:#d9fdd3}
.tc-bolha--eu i{display:inline-flex;margin-left:6px;vertical-align:-2px;color:#53bdeb}
.tc-bolha--eu i svg{width:11px;height:11px}
.tc-bolha--eu i svg+svg{margin-left:-6px}
.tc-bolha--ele{align-self:flex-start;background:#fff;animation:tc2-resp 10s infinite}
.tc-digita{align-self:flex-start;display:flex;gap:3px;padding:10px 12px;border-radius:10px;background:#fff;animation:tc2-digita 10s infinite}
.tc-digita i{width:6px;height:6px;border-radius:50%;background:#9aa3b2;animation:tc2-ponto 1s ease-in-out infinite}
.tc-digita i:nth-child(2){animation-delay:.15s}
.tc-digita i:nth-child(3){animation-delay:.3s}
@keyframes tc2-resp{0%,74%{opacity:0;display:none}75%,100%{opacity:1;display:block}}
@keyframes tc2-digita{0%,62%{opacity:0;display:none}63%,74%{opacity:1;display:flex}75%,100%{opacity:0;display:none}}
@keyframes tc2-ponto{0%,100%{translate:0 0}50%{translate:0 -3px}}
.tc-av--wa{background:#1fa855;color:#fff}
.tc-av--wa .tc-wa{width:20px;height:20px}
.tc-av--pix{background:#0e8c87;font-size:11px}
.tc-b-num{display:grid}
.tc-b-num .tc-est{grid-area:1/1;color:#10243b;font-weight:600}
.tc-v2 .tc-b-num .tc-est--2{color:#0e8c87}
/* movimento reduzido: tudo no estado final, sem cursor nem pecas de passagem */
@media(prefers-reduced-motion:reduce){
  .tc-v2 .tc-p,.tc-v2 .tc-p *,.tc-v2 .tc-flut,.tc-v2 .tc-flut *{animation:none!important}
  .tc-v2 .tc-in{opacity:1}
  .tc-v2 .tc-out,.tc-v2 .tc-tmp,.tc-v2 .tc-cur,.tc-v2 .tc-digita{display:none}
  .tc-v2 .tc-s-perguntas span,.tc-v2 .tc-bolha--ele{opacity:1;translate:none;display:block}
  .tc-v2 .tc-flut{opacity:1;transform:none}
}

/* celular: em Dados e IA fica so o Marvin (o aviso da automacao cobria ele) */
@media(max-width:520px){.tc-v2 [data-cena="dados-e-ia"] .tc-flut--a{display:none}}