/* Meu Assessor: demonstração interativa, isolada nesta seção. */
#experimente .chat-messages{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;padding:30px 10px 20px 10px;min-height:100%}
@media (max-width:615px){
#experimente .chat-messages{padding-bottom:31px}
}
#experimente .chat-msg{flex:0 0 auto;opacity:0;transform:translateY(7px);border-radius:12px;padding:8px 10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;line-height:1.45;max-width:88%;box-shadow:0 1px 1.5px rgba(11,20,26,0.15);animation:maTdSlideInMsg .24s both cubic-bezier(.22,.61,.36,1);position:relative}
@keyframes maTdSlideInMsg{to{opacity:1;transform:translateY(0)}}
#experimente .chat-msg.is-instantanea{opacity:1;animation:none;transform:none}
#experimente .chat-msg.bot{align-self:flex-start;background-color:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,0.2)}
#experimente .chat-msg.user{align-self:flex-end;background-color:rgba(0,168,132,0.25);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(0,255,170,0.15)}
#experimente .chat-msg-header{display:flex;align-items:center;gap:5px;margin-bottom:5px;white-space:nowrap}
#experimente .chat-msg-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}
#experimente .chat-msg-name{font-weight:700;font-size:13px;color:#111b21!important}
#experimente .chat-msg-verified{width:12px;height:12px;flex-shrink:0}
#experimente .chat-msg-role{color:#667781;font-size:11px;margin-left:2px}
#experimente .chat-msg-text{color:#111b21}
#experimente .chat-msg-text b{font-weight:700}
#experimente .td-entrega{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px;border-radius:9px;background:#f2f4f5;color:#111b21}
#experimente .td-entrega-tipo{display:grid;place-items:center;flex:none;width:32px;height:38px;border:1px solid #e4c2c2;border-radius:4px;background:#fff4f3;color:#a44d4d;font-size:9px;font-weight:700}
#experimente .td-entrega.is-planilha .td-entrega-tipo{border-color:#bad7c6;background:#e8f3ec;color:#327653}
#experimente .td-entrega-info{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.3}
#experimente .td-entrega-info b{font-size:11px;overflow-wrap:anywhere}
#experimente .td-entrega-info span{font-size:10px;color:#667781}
#experimente .chat-msg-time{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:10px;color:#667781;margin-top:2px;float:right;margin-left:8px;margin-bottom:-2px}
#experimente .chat-msg.user .chat-msg-time{color:#667781}
#experimente .chat-msg-checks{width:16px;height:12px;display:inline-block}
#experimente .chat-msg.user .chat-msg-checks{color:#8696a0;transition:color .18s ease}
#experimente .chat-msg.user .chat-msg-checks path:nth-child(2){opacity:0;transition:opacity .18s ease}
#experimente .chat-msg.user.is-entregue .chat-msg-checks path:nth-child(2),#experimente .chat-msg.user.is-lida .chat-msg-checks path:nth-child(2){opacity:1}
#experimente .chat-msg.user.is-lida .chat-msg-checks{color:#53bdeb}
#experimente .chat-typing-dots{display:flex;align-items:center;gap:4px;padding:6px 4px 2px 4px}
#experimente .chat-typing-dots span{width:6px;height:6px;border-radius:50%;background-color:#667781;animation:maTdTypingBlink 1.5s ease-in-out infinite both}
#experimente .chat-typing-dots span:nth-child(1){animation-delay:0s}
#experimente .chat-typing-dots span:nth-child(2){animation-delay:0.2s}
#experimente .chat-typing-dots span:nth-child(3){animation-delay:0.4s}
@keyframes maTdTypingBlink{0%,80%,100%{opacity:.35}40%{opacity:.8}}
#experimente .typing-indicator{padding-bottom:12px}
#experimente .typing-indicator.is-saindo{animation:maTdTypingOut .1s ease-out both;pointer-events:none}
@keyframes maTdTypingOut{from{opacity:1;transform:none}to{opacity:0;transform:none}}
#experimente .vit-fone{position:relative;flex:0 0 auto;container-type:inline-size;--u:calc(100cqw / 604)}
#experimente .vit-moldura{position:relative;z-index:2;display:block;width:100%;height:auto;aspect-ratio:604 / 1218;pointer-events:none}
#experimente .vit-tela{position:absolute;z-index:1;left:calc(var(--u) * 31);top:calc(var(--u) * 24);width:calc(var(--u) * 545);height:calc(var(--u) * 1170);border-radius:calc(var(--u) * 52);overflow:hidden;display:flex;flex-direction:column;background:var(--vit-papel);font-family:'Poppins',sans-serif;text-align:left}
@media (prefers-reduced-motion:reduce){
}
#experimente .chat-messages{padding-bottom:8px}
@media (max-width:615px){
#experimente .chat-messages{padding-bottom:8px}
}
#experimente .chat-messages{padding-bottom:20px}
@media (max-width:615px){
#experimente .chat-messages{padding-bottom:31px}
}
#experimente.td-section{position:relative;z-index:3;width:100%;background:#000;padding:104px 0 112px;--td-tinta:#f5f5f7;--td-tinta-2:#86868b;--td-fio:rgba(255,255,255,.1)}
#experimente .td-topo{width:100%;max-width:560px;margin:0 0 32px;text-align:left}
#experimente .td-headline{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:400;color:var(--td-tinta);letter-spacing:-0.02em;line-height:1.25;text-wrap:balance;margin:0 0 14px}
#experimente .td-sub{font-family:'Poppins',sans-serif;font-size:0.88rem;font-weight:300;color:var(--td-tinta-2);line-height:1.55;letter-spacing:-0.008em;max-width:52ch;margin:0;text-wrap:pretty}
#experimente .td-palco{width:96%;max-width:1300px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
#experimente .td-conteudo{width:100%;min-width:0}
#experimente .td-visual{position:relative;display:grid;place-items:center;width:100%;min-width:0}
/* Opções com largura natural; marcas apenas nas integrações reconhecíveis. */
#experimente .td-pedidos{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin:0}
#experimente .td-pedido{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;max-width:100%;min-height:48px;gap:9px;padding:11px 17px;border-radius:999px;border:1px solid #ebebed;background:#f7f7f8;color:var(--td-tinta);text-align:left;cursor:pointer;font-family:'Poppins',sans-serif;font-size:.88rem;font-weight:400;letter-spacing:-.012em;line-height:1.4;transition:background .2s ease,border-color .2s ease,transform .2s ease;-webkit-appearance:none;appearance:none}
#experimente .td-pedido-label{white-space:nowrap}
#experimente .td-pedido-bancos{display:flex;align-items:center;flex:none}
#experimente .td-banco{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:2px solid #fff}
#experimente .td-banco + .td-banco{margin-left:-6px}
#experimente .td-banco img{display:block;width:22px;height:22px;object-fit:contain}
#experimente .td-banco--nubank{background:#820ad1}
#experimente .td-banco--nubank img{display:block;width:18px;height:auto}
#experimente .td-banco--itau{background:#fff}
#experimente .td-banco--itau img{border-radius:50%}
#experimente .td-pedido-marca{display:block;width:21px;height:21px;object-fit:contain;flex:none}
#experimente .td-pedido:hover{background:#fff;border-color:#c9cbd0;transform:translateY(-1px)}
#experimente .td-pedido:focus-visible{outline:2px solid #c582ff;outline-offset:3px}
#experimente .td-pedido.is-vez{background:#fff;border-color:#66686e}
#experimente .td-pedido:disabled{cursor:default}
#experimente .td-fone{width:min(390px,100%);margin:0 0 0 auto;--vit-papel:#efeae2;pointer-events:none;user-select:none}
#experimente .td-tela{justify-content:flex-start}
#experimente .td-conversa{flex:1;min-height:0;overflow:hidden;overflow-anchor:none;scroll-behavior:auto;overscroll-behavior:contain;padding:calc(var(--u) * 132) calc(var(--u) * 22) calc(var(--u) * 40);gap:calc(var(--u) * 16);justify-content:flex-start;-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--u) * 96),#000 calc(var(--u) * 160));mask-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--u) * 96),#000 calc(var(--u) * 160))}
@media (max-width:960px){
#experimente .td-palco{grid-template-columns:minmax(0,1fr);gap:22px;justify-items:center}
#experimente .td-conteudo{max-width:640px}
#experimente .td-topo{width:94%;max-width:620px;margin:0 auto 32px;text-align:center}
#experimente .td-sub{margin-inline:auto}
#experimente .td-fone{order:0;margin:0 auto}
}
@media (max-width:760px){
#experimente.td-section{padding:64px 0 96px}
#experimente .td-conteudo{max-width:none}
}
@media (max-width:600px){
#experimente .td-headline{font-size:1.8rem}
}
#experimente .vit-tela{--pt:calc(var(--u) * 1.387);--wa-status:calc(var(--pt) * 66)}
#experimente .vit-tela .chat-messages{padding-top:calc(var(--u) * 178);padding-bottom:calc(var(--u) * 136);-webkit-mask-image:none;mask-image:none}
#experimente .wa-topo,#experimente .wa-rodape{position:absolute;left:0;right:0;z-index:4;background:#111;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;pointer-events:none;user-select:none}
#experimente .wa-topo{top:0;border-bottom:1px solid rgba(255,255,255,.09)}
#experimente .wa-status{height:var(--wa-status);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--pt) * 30) 0 calc(var(--pt) * 40);font-size:calc(var(--pt) * 17);font-weight:600;letter-spacing:-.02em;line-height:1}
#experimente .wa-status svg{display:block;height:calc(var(--pt) * 12);width:auto}
#experimente .wa-icones{display:flex;align-items:center;gap:calc(var(--pt) * 6)}
#experimente .wa-icones .wa-bat{height:calc(var(--pt) * 13)}
#experimente .wa-barra{height:calc(var(--pt) * 48);display:flex;align-items:center;gap:calc(var(--pt) * 10);padding:0 calc(var(--pt) * 12) calc(var(--pt) * 4) calc(var(--pt) * 8)}
#experimente .wa-voltar{display:inline-flex;align-items:center;gap:calc(var(--pt) * 3);height:calc(var(--pt) * 34);padding:0 calc(var(--pt) * 12) 0 calc(var(--pt) * 9);border-radius:999px;background:#282828;font-size:calc(var(--pt) * 16);font-weight:500;line-height:1}
#experimente .wa-voltar svg{height:calc(var(--pt) * 15);width:auto;display:block}
#experimente .wa-avatar{width:calc(var(--pt) * 36);height:calc(var(--pt) * 36);border-radius:50%;display:block;flex:none;background:#000}
#experimente .wa-nome{display:flex;align-items:center;gap:calc(var(--pt) * 5);font-size:calc(var(--pt) * 17);font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap}
#experimente .wa-nome svg{width:calc(var(--pt) * 15);height:calc(var(--pt) * 15);display:block}
#experimente .wa-rodape{bottom:0;height:calc(var(--pt) * 86);border-top:1px solid rgba(255,255,255,.08);padding:calc(var(--pt) * 9) calc(var(--pt) * 12) 0}
#experimente .wa-compor{display:flex;align-items:center;gap:calc(var(--pt) * 10);height:calc(var(--pt) * 36)}
#experimente .wa-compor svg{display:block;flex:none}
#experimente .wa-mais{width:calc(var(--pt) * 26);height:calc(var(--pt) * 26);color:#e9e9e9}
#experimente .wa-campo{flex:1;min-width:0;height:calc(var(--pt) * 36);border-radius:999px;background:#2a2a2a;border:1px solid #3a3a3a;display:flex;align-items:center;justify-content:flex-end;padding-right:calc(var(--pt) * 9)}
#experimente .wa-figurinha{width:calc(var(--pt) * 22);height:calc(var(--pt) * 22);color:#c9c9c9}
#experimente .wa-camera{width:calc(var(--pt) * 26);height:calc(var(--pt) * 26);color:#e9e9e9}
#experimente .wa-mic{width:calc(var(--pt) * 36);height:calc(var(--pt) * 36);border-radius:50%;background:#1daa61;display:grid;place-items:center;flex:none}
#experimente .wa-mic svg{width:calc(var(--pt) * 18);height:calc(var(--pt) * 18);color:#fff}
#experimente .wa-home{position:absolute;left:50%;bottom:calc(var(--pt) * 8);transform:translateX(-50%);width:calc(var(--pt) * 134);height:calc(var(--pt) * 5);border-radius:999px;background:#fff}
#experimente .chat-msg{border-radius:14px;box-shadow:0 1px 1px rgba(0,0,0,.35)}
#experimente .chat-msg.bot{background-color:#242625;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
#experimente .chat-msg.user{background-color:#164d38;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
#experimente .chat-msg::before{content:'';position:absolute;bottom:0;width:8px;height:13px;background-repeat:no-repeat;background-size:100% 100%;transform:scaleY(-1)}
#experimente .chat-msg.bot::before{left:-7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath fill='%23242625' d='M1.533 2.568L8 11.193V0H2.812C1.042 0 .474 1.156 1.533 2.568z'/%3E%3C/svg%3E")}
#experimente .chat-msg.user::before{right:-7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath fill='%23164d38' d='M5.188 0H0v11.193l6.467-8.625C7.526 1.156 6.958 0 5.188 0z'/%3E%3C/svg%3E")}
#experimente .chat-msg.bot + .chat-msg.bot::before,#experimente .chat-msg.user + .chat-msg.user::before{display:none}
#experimente .chat-msg.bot{border-bottom-left-radius:4px}
#experimente .chat-msg.user{border-bottom-right-radius:4px}
#experimente .chat-msg.bot + .chat-msg.bot{border-bottom-left-radius:14px}
#experimente .chat-msg.user + .chat-msg.user{border-bottom-right-radius:14px}
#experimente .wa-campo{justify-content:space-between;padding-left:calc(var(--pt) * 12)}
#experimente .wa-texto{flex:1;min-width:0;display:flex;justify-content:flex-start;align-items:center;overflow:hidden;white-space:nowrap;font-size:calc(var(--pt) * 16);color:#fff;margin-right:calc(var(--pt) * 8);line-height:1;letter-spacing:-.01em}
#experimente .wa-rodape.is-texto .wa-texto{justify-content:flex-end}
#experimente .wa-texto::after{content:'';flex:none;width:calc(var(--pt) * 2);height:calc(var(--pt) * 20);margin-left:1px;border-radius:1px;background:#1daa61;opacity:0}
#experimente .is-teclado .wa-texto::after{opacity:1;animation:maTdWaCaret 1s steps(2,start) infinite}
@keyframes maTdWaCaret{to{opacity:0}}
#experimente .wa-mic .wa-ic-env{display:none}
#experimente .wa-rodape.is-texto .wa-ic-mic{display:none}
#experimente .wa-rodape.is-texto .wa-ic-env{display:block}
#experimente .wa-mic{transition:transform .09s ease-out,background-color .09s ease-out}
#experimente .wa-mic.is-enviando{transform:scale(.92);background-color:#15934f}
#experimente .wa-grav{display:none;flex:1;min-width:0;align-items:center;gap:calc(var(--pt) * 8);height:calc(var(--pt) * 36);font-size:calc(var(--pt) * 16);color:#e5e5e5;white-space:nowrap}
#experimente .wa-grav > i{width:calc(var(--pt) * 10);height:calc(var(--pt) * 10);border-radius:50%;background:#ff3b30;animation:maTdWaCaret 1s steps(2,start) infinite;flex:none}
#experimente .wa-grav b{font-weight:400;font-variant-numeric:tabular-nums}
#experimente .wa-grav small{margin-left:auto;font-size:calc(var(--pt) * 15);color:#9a9a9a;overflow:hidden;text-overflow:ellipsis}
#experimente .wa-rodape.is-gravando .wa-campo,#experimente .wa-rodape.is-gravando .wa-mais,#experimente .wa-rodape.is-gravando .wa-camera{display:none}
#experimente .wa-rodape.is-gravando .wa-grav{display:flex}
#experimente .wa-rodape.is-gravando .wa-mic{transform:scale(1.25)}
#experimente .wa-camera,#experimente .wa-mais{transition:transform .2s ease,color .2s ease}
#experimente .wa-camera.is-toque,#experimente .wa-mais.is-toque{color:#1daa61;transform:scale(1.25)}
#experimente .wa-teclado{position:absolute;left:0;right:0;bottom:0;z-index:5;height:var(--wa-tec-h);background:#1c1c1e;transform:translateY(100%);transition:transform .26s cubic-bezier(.22,.61,.36,1);padding:calc(var(--pt) * 8) calc(var(--pt) * 3) 0;display:flex;flex-direction:column;gap:calc(var(--pt) * 11);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#fff;pointer-events:none;user-select:none}
#experimente .wa-teclado.is-aberto{transform:none}
#experimente .wa-sugestoes{display:flex;align-items:center;height:calc(var(--pt) * 36);font-size:calc(var(--pt) * 16);color:#e5e5e5}
#experimente .wa-sugestoes span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 calc(var(--pt) * 6)}
#experimente .wa-sugestoes span + span{border-left:1px solid rgba(255,255,255,.18)}
#experimente .wa-linha{display:flex;justify-content:center;gap:calc(var(--pt) * 6)}
#experimente .wa-tecla{flex:0 0 calc(var(--pt) * 33);height:calc(var(--pt) * 42);border-radius:calc(var(--pt) * 5);background:#4a4a4c;display:grid;place-items:center;font-size:calc(var(--pt) * 22);line-height:1;box-shadow:0 1px 0 #000;transition:background .08s ease}
#experimente .wa-tecla svg{width:calc(var(--pt) * 20);height:calc(var(--pt) * 20);display:block}
#experimente .wa-tecla--fn{background:#2a2a2c;font-size:calc(var(--pt) * 15)}
#experimente .wa-tecla--larga{flex-basis:calc(var(--pt) * 42)}
#experimente .wa-tecla--123{flex-basis:calc(var(--pt) * 86)}
#experimente .wa-tecla--espaco{flex:1 1 auto;max-width:calc(var(--pt) * 190);font-size:calc(var(--pt) * 15)}
#experimente .wa-tecla.is-tecla{background:#8a8a8e}
#experimente .wa-tecla--fn.is-tecla{background:#5a5a5e}
#experimente .vit-tela{--wa-tec-h:calc(var(--pt) * 300)}
#experimente .vit-tela .wa-rodape{transition:bottom .26s cubic-bezier(.22,.61,.36,1),height .26s cubic-bezier(.22,.61,.36,1)}
#experimente .vit-tela.is-teclado .wa-rodape{bottom:var(--wa-tec-h);height:calc(var(--pt) * 56)}
#experimente .vit-tela.is-teclado .wa-rodape .wa-home{display:none}
#experimente .vit-tela .chat-messages{transition:padding-bottom .26s cubic-bezier(.22,.61,.36,1)}
#experimente .vit-tela.is-teclado .chat-messages{padding-bottom:calc(var(--u) * 136 + var(--wa-tec-h) - var(--pt) * 30)}
@media (prefers-reduced-motion:reduce){
#experimente .wa-teclado,#experimente .vit-tela .wa-rodape,#experimente .vit-tela .chat-messages{transition:none}
}
#experimente .wa-botoes{clear:both;margin:10px -10px -8px;border-top:1px solid rgba(255,255,255,.12)}
#experimente .wa-botao{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;color:#1daa61;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;font-weight:500;line-height:1}
#experimente .wa-botao svg{width:15px;height:15px;flex:none}
@media (max-width:960px){
}
#experimente .wa-grav-onda{flex:1;min-width:0;display:flex;align-items:center;gap:calc(var(--pt) * 2.2);height:calc(var(--pt) * 24);margin:0 calc(var(--pt) * 6) 0 calc(var(--pt) * 10);overflow:hidden;justify-content:flex-end}
#experimente .wa-grav-onda i{flex:none;width:calc(var(--pt) * 2.4);height:var(--h,50%);border-radius:calc(var(--pt) * 1.2);background:#e5e5e5;transform-origin:center;animation:maTdWaOnda .9s ease-in-out infinite alternate;animation-delay:var(--d,0ms)}
@keyframes maTdWaOnda{from{transform:scaleY(.3);opacity:.7}to{transform:scaleY(1);opacity:1}}
@media (prefers-reduced-motion:reduce){
#experimente .wa-grav-onda i{animation:none}
}

/* Superfícies externas brancas e WhatsApp em tema claro. */
#experimente.td-section{background:#fff;--td-tinta:#0c0c0d;--td-tinta-2:#6a6a70;--td-fio:rgba(0,0,0,.1)}
@media (min-width:961px){
  #experimente .td-palco{gap:clamp(32px,4vw,56px)}
  #experimente .td-visual{overflow:clip}
  #experimente .td-visual::before{content:'';position:absolute;inset-inline:0;top:50%;width:100%;aspect-ratio:1.3;border-radius:50%;transform:translateY(-50%) rotate(-24deg) scale(1.03);background:radial-gradient(circle at 35% 25%,#fafafa,#f2f2f2 65%,#ebebeb);border:0;pointer-events:none}
  #experimente .td-fone{width:min(315px,100%);margin:0;z-index:1}
}

#experimente .wa-topo,#experimente .wa-rodape{background:#f7f7f7;color:#111b21;border-color:rgba(17,27,33,.1)}
#experimente .wa-voltar{background:#e9edef;color:#008069}
#experimente .wa-campo{background:#fff;border-color:#d4d8d9}
#experimente .wa-mais,#experimente .wa-camera{color:#008069}
#experimente .wa-figurinha{color:#667781}
#experimente .wa-home{background:#111b21}
#experimente .wa-texto,#experimente .wa-grav{color:#111b21}
#experimente .wa-grav small{color:#667781}
#experimente .wa-grav-onda i{background:#667781}
#experimente .chat-msg{box-shadow:0 1px 1.5px rgba(11,20,26,.12)}
#experimente .chat-msg.bot{background-color:#fff}
#experimente .chat-msg.user{background-color:#d9fdd3}
#experimente .chat-msg.bot::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath fill='%23fff' d='M1.533 2.568L8 11.193V0H2.812C1.042 0 .474 1.156 1.533 2.568z'/%3E%3C/svg%3E")}
#experimente .chat-msg.user::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath fill='%23d9fdd3' d='M5.188 0H0v11.193l6.467-8.625C7.526 1.156 6.958 0 5.188 0z'/%3E%3C/svg%3E")}
#experimente .wa-teclado{background:#d1d3d9;color:#111b21}
#experimente .wa-sugestoes{color:#111b21}
#experimente .wa-sugestoes span + span{border-color:rgba(17,27,33,.15)}
#experimente .wa-tecla{background:#fff;box-shadow:0 1px 0 #9da2ab}
#experimente .wa-tecla--fn{background:#aeb3bd}
#experimente .wa-tecla.is-tecla{background:#e4e7eb}
#experimente .wa-tecla--fn.is-tecla{background:#929aa7}
#experimente .wa-botoes{border-color:rgba(17,27,33,.12)}

/* Prévias de resultados: um conteúdo principal e informações essenciais. */
#experimente .chat-msg.has-preview{width:88%;max-width:88%}
#experimente .td-previa{margin-top:9px;padding:14px;overflow:hidden;border:0;border-radius:9px;background:#fff;color:#202124;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.35;font-variant-numeric:tabular-nums;animation:maTdPreviaIn .22s .05s ease-out both}
#experimente .td-previa-logo{display:block;flex:none;width:20px;height:20px;object-fit:contain}
#experimente .td-resultado-topo{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:15px;color:#70757a;font-size:10.5px;font-weight:400;line-height:1.35}
#experimente .td-resultado-topo > span{min-width:0}
#experimente .td-resultado-topo > small{flex:none;color:#70757a;font-size:9.5px;font-weight:400}
#experimente .td-resultado-titulo{margin:10px 0 4px;color:#25272b;font-size:17px;font-weight:600;line-height:1.22;letter-spacing:-.025em;overflow-wrap:anywhere}
#experimente .td-resultado-valor{margin:9px 0 3px;color:#25272b;font-size:27px;font-weight:650;line-height:1.13;letter-spacing:-.04em;white-space:nowrap}
#experimente .td-resultado-sub{margin:0;color:#70757a;font-size:11px;font-weight:400;line-height:1.4}
#experimente .td-resultado-dados{display:grid;gap:8px;margin:14px 0 0;padding:0;font-size:11px;line-height:1.35}
#experimente .td-resultado-dados > div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
#experimente .td-resultado-dados dt{min-width:0;color:#70757a;font-weight:400}
#experimente .td-resultado-dados dd{margin:0;color:#35383d;text-align:right;font-weight:500;white-space:nowrap}
#experimente .td-resultado-nota,#experimente .td-resultado-status{margin:12px 0 0;color:#70757a;font-size:9.5px;font-weight:400;line-height:1.4}
#experimente .td-resultado-status{color:#527960}
#experimente .td-resultado-horario{display:flex;align-items:center;gap:10px;margin:14px 0;color:#25272b}
#experimente .td-resultado-horario > b{flex:none;font-size:26px;font-weight:550;line-height:1.15;letter-spacing:-.035em;white-space:nowrap}
#experimente .td-resultado-horario > span{color:#6f7378;font-size:10px;font-weight:400;line-height:1.4}
#experimente .td-resultado-horario small{display:block;color:#70757a;font-size:9.5px;font-weight:400}
#experimente .td-resultado-integracao{display:flex;align-items:center;gap:8px;min-width:0;margin-top:12px}
#experimente .td-resultado-integracao .td-previa-logo{width:18px;height:18px}
#experimente .td-resultado-integracao > div{display:flex;flex-direction:column;gap:2px;min-width:0}
#experimente .td-resultado-integracao b{color:#55595f;font-size:10.5px;font-weight:500;line-height:1.3}
#experimente .td-resultado-integracao span,#experimente .td-resultado-integracao small{color:#70757a;font-size:9.5px;line-height:1.35;font-weight:400}
#experimente .td-resultado-arquivo{min-width:0}
#experimente .td-resultado-arquivo h4{margin:10px 0 4px;color:#25272b;font-size:17px;font-weight:600;line-height:1.22;letter-spacing:-.025em;overflow-wrap:anywhere}
#experimente .td-resultado-arquivo p{margin:0;color:#70757a;font-size:11px;line-height:1.4}

/* Dois relatórios financeiros compactos, com gráficos proporcionais aos valores. */
#experimente .td-previa--saldo .td-resultado-topo > span,#experimente .td-previa--planilha .td-resultado-topo > span{color:#55595f;font-weight:500}
#experimente .td-saldo-distribuicao{margin-top:17px}
#experimente .td-saldo-legenda{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:#62666b;font-size:9.5px;line-height:1.35}
#experimente .td-saldo-legenda > span:last-child{color:#527960;text-align:right}
#experimente .td-saldo-faixa{display:flex;gap:2px;height:9px;overflow:hidden;border-radius:3px}
#experimente .td-saldo-faixa i{display:block;min-width:0;background:#797d82}
#experimente .td-saldo-faixa i + i{background:#89a392}
#experimente .td-previa--saldo .td-resultado-dados{gap:9px;margin-top:15px}
#experimente .td-previa--saldo .td-resultado-dados dd{font-weight:600}
#experimente .td-saldo-comparacao{display:flex;align-items:baseline;gap:7px;margin:14px 0 0;padding-top:11px;border-top:1px solid #eceeed;color:#70757a;font-size:9.5px;line-height:1.4}
#experimente .td-saldo-comparacao b{flex:none;color:#527960;font-size:11px;font-weight:600}
#experimente .td-relatorio-categorias{width:100%;margin-top:16px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:10.5px;line-height:1.35}
#experimente .td-relatorio-categorias th{font-weight:400}
#experimente .td-relatorio-categorias thead th{padding:0 0 7px;border-bottom:1px solid #e9ebea;color:#70757a;font-size:9px}
#experimente .td-relatorio-categorias thead th:first-child{width:57%}
#experimente .td-relatorio-categorias thead th:last-child{text-align:right}
#experimente .td-relatorio-categorias tbody th,#experimente .td-relatorio-categorias tbody td{padding:9px 0;border-bottom:1px solid #f0f1f0;vertical-align:top}
#experimente .td-relatorio-categorias tbody th{padding-right:14px;color:#45494e}
#experimente .td-relatorio-categorias tbody tr:last-child th,#experimente .td-relatorio-categorias tbody tr:last-child td{padding-bottom:0;border-bottom:0}
#experimente .td-relatorio-categorias td{text-align:right;white-space:nowrap}
#experimente .td-relatorio-categorias td b{display:block;color:#35383d;font-weight:600}
#experimente .td-relatorio-categorias td small{display:block;margin-top:3px;color:#70757a;font-size:9px;font-weight:400}
#experimente .td-categoria-barra{display:block;height:4px;margin-top:8px;border-radius:2px;background:#eff1ef;overflow:hidden}
#experimente .td-categoria-barra i{display:block;height:100%;border-radius:inherit;background:#829889}

/* Passagens: origem, destino e horários com a leitura familiar de um itinerário. */
#experimente .td-voo-rota{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;margin-top:14px}
#experimente .td-voo-rota > div{display:flex;flex-direction:column;min-width:0}
#experimente .td-voo-rota > div:last-child{text-align:right}
#experimente .td-voo-rota b{color:#25272b;font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.03em}
#experimente .td-voo-rota div > span{margin-top:4px;color:#55595f;font-size:10.5px;line-height:1.35;white-space:nowrap}
#experimente .td-voo-rota small{color:#70757a;font-size:9.5px;line-height:1.4}
#experimente .td-voo-trajeto{align-self:start;margin-top:3px;color:#9ca0a5;text-align:center;font-size:19px;line-height:1.2}
#experimente .td-voo-detalhe{margin:10px 0 0;color:#70757a;font-size:10.5px;line-height:1.35}

/* Confirmação e resultado são dois envios, com uma única moldura para o anexo. */
#experimente .chat-msg.is-visual{width:92%;max-width:92%;padding:4px 4px 5px;border-radius:12px}
#experimente .chat-msg.is-confirmacao + .chat-msg.is-visual{margin-top:4px}
#experimente .chat-msg.is-visual .td-previa{margin:0;border:0;border-radius:9px;animation:none}
#experimente .chat-msg.is-visual .chat-msg-time{float:none;margin:4px 4px 0;line-height:1.2}

/* Instituições reconhecíveis, sem controles que sugiram outra interação. */
#experimente .td-banco-linha{display:flex;align-items:center;gap:9px;margin-top:15px;background:#fff}
#experimente .td-banco-linha + .td-banco-linha{margin-top:13px}
#experimente .td-banco-linha .td-banco{width:32px;height:32px;flex:none}
#experimente .td-banco-linha .td-banco img{width:28px;height:28px}
#experimente .td-banco-linha .td-banco--nubank img{width:22px;height:auto}
#experimente .td-banco-linha > div{display:flex;flex-direction:column;gap:3px;min-width:0}
#experimente .td-banco-linha b{color:#303338;font-size:12px;font-weight:500;line-height:1.2}
#experimente .td-banco-linha small{color:#70757a;font-size:9px;line-height:1.35}

@keyframes maTdPreviaIn{from{opacity:0}to{opacity:1}}
@container (max-width:270px){
  #experimente .chat-msg.has-preview{width:96%;max-width:96%;padding-inline:8px}
  #experimente .chat-msg.has-preview .chat-msg-role,#experimente .chat-msg.is-confirmacao .chat-msg-role,#experimente .typing-indicator .chat-msg-role{display:none}
  #experimente .chat-msg.is-confirmacao{max-width:96%}
  #experimente .chat-msg.is-visual{width:96%;max-width:96%;padding-inline:4px}
  #experimente .td-previa{padding:12px}
  #experimente .td-resultado-topo{font-size:10px}
  #experimente .td-resultado-topo > small{font-size:9px}
  #experimente .td-resultado-valor{font-size:26px}
  #experimente .td-resultado-dados{gap:5px;font-size:10.5px}
  #experimente .td-resultado-dados > div{gap:6px}
  #experimente .td-saldo-legenda{font-size:9px}
  #experimente .td-saldo-comparacao{gap:5px;font-size:9px}
  #experimente .td-relatorio-categorias{font-size:10px}
  #experimente .td-relatorio-categorias tbody th{padding-right:9px}
  #experimente .td-relatorio-categorias tbody th,#experimente .td-relatorio-categorias tbody td{padding-top:8px;padding-bottom:8px}
  #experimente .td-resultado-integracao{gap:7px}
  #experimente .td-resultado-integracao span,#experimente .td-resultado-integracao small{font-size:9px}
  #experimente .td-banco-linha{gap:8px}
  #experimente .td-voo-rota{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:5px;margin-top:12px}
  #experimente .td-voo-rota b{font-size:21px}
  #experimente .td-voo-rota div > span{font-size:10px}
  #experimente .td-voo-trajeto{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  #experimente .td-previa{animation:none}
}

#experimente .td-pedidos[hidden],#experimente .td-outros-pedidos[hidden]{display:none!important}
#experimente .td-outros-pedidos{display:none}
/* No celular, os pedidos fazem parte da própria conversa. */
@media (max-width:960px){
  #experimente .td-palco{width:96%;gap:26px}
  #experimente .td-topo{width:96%;margin-bottom:0}
  #experimente .td-conteudo > .td-pedidos{display:none}
  #experimente .td-fone{width:min(92vw,380px);width:min(92vw,380px,calc((100svh - 100px) * .4959));max-width:100%;pointer-events:auto;scroll-margin-top:90px}
  #experimente .vit-tela{overflow:clip}
  #experimente .vit-tela .chat-messages{min-height:0;margin-top:calc(var(--pt) * 114);margin-bottom:calc(var(--pt) * 86);padding:12px 12px 14px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c5c8c1 transparent;overscroll-behavior-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;transition:margin-bottom .26s cubic-bezier(.22,.61,.36,1)}
  #experimente .vit-tela .chat-messages::-webkit-scrollbar{width:3px}
  #experimente .vit-tela .chat-messages::-webkit-scrollbar-thumb{border-radius:3px;background:#c5c8c1}
  #experimente .vit-tela.is-teclado .chat-messages{margin-bottom:calc(var(--wa-tec-h) + var(--pt) * 56);padding-bottom:14px}
  #experimente .td-conversa > .td-pedidos{display:flex;flex:none;flex-flow:row wrap;align-items:center;align-self:flex-end;justify-content:flex-end;gap:7px 8px;width:96%;max-width:none;margin:5px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  #experimente .td-conversa .td-pedido{display:flex;flex:0 1 auto;grid-area:auto;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:calc((100% - 8px) / 2);min-height:44px;margin:0;padding:8px 10px;border:1px solid #ebebed;border-radius:24px;background:#f7f7f8;color:#30343a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:12.5px;font-weight:400;line-height:1.35;letter-spacing:-.01em;transform:none;transition:transform .12s ease-out,background-color .18s ease,border-color .18s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}
  #experimente .td-conversa .td-pedido[data-pedido="banco"]{max-width:100%}
  #experimente .td-conversa .td-pedido-label{min-width:0;white-space:normal;overflow-wrap:break-word;text-align:center}
  #experimente .td-conversa .td-pedido-marca + .td-pedido-label,#experimente .td-conversa .td-pedido-bancos + .td-pedido-label{text-align:left}
  #experimente .td-conversa .td-pedido-marca{width:18px;height:18px}
  #experimente .td-conversa .td-pedido .td-banco{width:22px;height:22px}
  #experimente .td-conversa .td-pedido .td-banco img{width:18px;height:18px}
  #experimente .td-conversa .td-pedido .td-banco--nubank img{width:15px;height:auto}
  #experimente .td-conversa .td-pedido:hover,#experimente .td-conversa .td-pedido.is-vez{background:#fff;border-color:#c9cbd0}
  #experimente .td-conversa .td-pedido:active{transform:scale(.96);background:#f0f0f2;border-color:#c9cbd0}
  #experimente .td-conversa > .td-pedidos.is-entrando{animation:maTdPedidosIn .42s cubic-bezier(.22,.61,.36,1) both}
  #experimente .td-conversa > .td-pedidos.is-confirmando{pointer-events:none;animation:maTdPedidosOut .26s ease both}
  #experimente .td-pedidos.is-confirmando .td-pedido:not(.is-acionado){opacity:.42}
  #experimente .td-conversa .td-pedido.is-acionado{background:#f0f0f2;border-color:#c9cbd0;animation:maTdPedidoPress .18s cubic-bezier(.22,.61,.36,1) both}
  @keyframes maTdPedidoPress{0%{transform:scale(.96)}100%{transform:scale(1)}}
  @keyframes maTdPedidosIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  @keyframes maTdPedidosOut{0%,65%{opacity:1}100%{opacity:0}}
  #experimente .td-conversa .td-pedido:focus-visible{outline:2px solid #626262;outline-offset:-3px}
  #experimente .td-outros-pedidos{display:flex;flex:none;align-self:flex-end;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;padding:11px 16px;border:1px solid #ebebed;border-radius:24px;background:#f7f7f8;box-shadow:0 1px 2px rgba(0,0,0,.06);color:#30343a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.35;text-align:center;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .12s ease-out;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
  #experimente .td-outros-pedidos::after{content:"\2192";flex:none;font-size:1.1rem;font-weight:400;line-height:1;transition:transform .3s ease}
  #experimente .td-outros-pedidos.is-chegando{animation:maTdConviteIn .24s cubic-bezier(.22,.61,.36,1) backwards}
  @keyframes maTdConviteIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  #experimente .td-outros-pedidos[aria-expanded="true"]{background:#f7f7f7;border-color:#d8d8d8;box-shadow:none}
  #experimente .td-outros-pedidos:hover{background:#fff;border-color:#c9cbd0}
  #experimente .td-outros-pedidos:focus-visible{outline:2px solid #626262;outline-offset:2px}
  #experimente .td-outros-pedidos:active{background:#f0f0f2;transform:scale(.97)}
  #experimente .td-outros-pedidos[aria-expanded="true"]:hover{background:#f0f0f0;border-color:#cfcfcf}
  #experimente .td-outros-pedidos[aria-expanded="true"]:active{background:#e9e9e9}
  @container (max-width:320px){
    #experimente .td-conversa > .td-pedidos{width:100%}
    #experimente .td-conversa .td-pedido{gap:5px;padding-inline:7px;font-size:12px}
    #experimente .td-conversa .td-pedido-marca{width:16px;height:16px}
  }
  @container (max-width:270px){
    #experimente .chat-msg-role{display:none}
    #experimente .td-conversa .td-pedido[data-pedido="agenda"],#experimente .td-conversa .td-pedido[data-pedido="reuniao"],#experimente .td-conversa .td-pedido[data-pedido="arquivo"],#experimente .td-conversa .td-pedido[data-pedido="relatorio"]{max-width:100%}
  }
}

#experimente{scroll-margin-top:100px}
#experimente .ma-demo-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;border:0!important}
@media (prefers-reduced-motion:reduce){
  #experimente .chat-msg{animation:none;opacity:1;transform:none}
  #experimente .typing-indicator.is-saindo{animation:none;opacity:0;transform:none}
  #experimente .chat-typing-dots span,#experimente .wa-texto::after{animation:none}
  #experimente .vit-tela .chat-messages{transition:none}
  #experimente .td-conversa .td-pedido{transition:none}
  #experimente .td-conversa .td-pedido:active,#experimente .td-conversa .td-pedido.is-acionado{transform:none;animation:none}
  #experimente .td-conversa > .td-pedidos.is-confirmando,#experimente .td-conversa > .td-pedidos.is-entrando{animation:none}
  #experimente .td-outros-pedidos,#experimente .td-outros-pedidos::after{transition:none}
  #experimente .td-outros-pedidos.is-chegando{animation:none}
  #experimente .td-outros-pedidos:active{transform:none}
  #experimente .td-pedido,#experimente .wa-mic,#experimente .wa-tecla,#experimente .chat-msg.user .chat-msg-checks,#experimente .chat-msg.user .chat-msg-checks path:nth-child(2){transition:none}
  #experimente .wa-mic.is-enviando{transform:none}
}