/* I.A Chat: botao flutuante "Precisa de ajuda?" + janela de conversa (Uteis > I.A Chat) */
.iac{--iac-cor:var(--marca,#0a6d5b);--iac-fundo:#fff;--iac-txt:#1c2524;--iac-sub:#6b7472;--iac-linha:#e7eceb;--iac-tam:var(--iac-tam-cfg,60px);--iac-dx:0px;--iac-dy:0px;--iac-borda:#fff;position:fixed;right:calc(22px + var(--iac-dx));bottom:calc(22px + var(--iac-dy));z-index:9000;font-family:"Outfit","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.iac.iac-esq{right:auto;left:calc(22px + var(--iac-dx))}
.iac *{box-sizing:border-box}
.iac[hidden]{display:none!important}

/* botao + balao */
.iac-lanc{display:flex;align-items:center;gap:12px;flex-direction:row}
.iac.iac-esq .iac-lanc{flex-direction:row-reverse}
.iac-balao{position:relative;display:flex;align-items:center;gap:8px;max-width:240px;padding:10px 14px;border:0;border-radius:12px;background:#fff;color:var(--iac-txt);box-shadow:0 6px 24px rgba(0,30,25,.16);font-family:inherit;font-size:14px;font-weight:500;line-height:1.3;cursor:pointer;opacity:0;transform:translateX(8px);transition:opacity .35s,transform .35s;white-space:nowrap}
.iac.iac-esq .iac-balao{transform:translateX(-8px)}
.iac-balao.ver{opacity:1;transform:none}
.iac-balao:after{content:"";position:absolute;top:50%;right:-6px;width:12px;height:12px;margin-top:-6px;background:#fff;transform:rotate(45deg);border-radius:2px}
.iac.iac-esq .iac-balao:after{right:auto;left:-6px}
.iac-balao-x{display:grid;place-items:center;position:absolute;top:-8px;left:-8px;width:20px;height:20px;border:0;border-radius:50%;background:#fff;color:#6b7472;box-shadow:0 2px 8px rgba(0,0,0,.16);font-size:13px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}
.iac.iac-esq .iac-balao-x{left:auto;right:-8px}
.iac-balao:hover .iac-balao-x,.iac-balao:focus-within .iac-balao-x{opacity:1}
.iac-bt{position:relative;display:grid;place-items:center;flex:none;width:var(--iac-tam);height:var(--iac-tam);border:0;border-radius:50%;background:var(--iac-cor);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.22);cursor:pointer;transition:transform .2s}
.iac-bt:hover{transform:scale(1.06)}
.iac-bt svg{width:calc(var(--iac-tam) * .46);height:calc(var(--iac-tam) * .46)}
.iac-bt .iac-ic-x{display:none}
.iac.aberto .iac-bt .iac-ic-chat{display:none}
.iac.aberto .iac-bt .iac-ic-x{display:block}
.iac.aberto .iac-bt{animation:none!important}
.iac.aberto .iac-bt:before,.iac.aberto .iac-bt:after{display:none}
.iac.aberto .iac-balao{display:none}

/* animacoes do botao (mesmas da referencia getbutton.io) */
@keyframes iacHeart{0%,100%{transform:scale(1)}14%{transform:scale(1.13)}28%{transform:scale(1)}42%{transform:scale(1.13)}70%{transform:scale(1)}}
@keyframes iacBounce{0%,20%,53%,100%{transform:translateY(0)}40%,43%{transform:translateY(-14px)}70%{transform:translateY(-7px)}90%{transform:translateY(-3px)}}
@keyframes iacPulse{0%{box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 0 color-mix(in srgb,var(--iac-cor) 55%,transparent)}70%{box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 16px transparent}100%{box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 0 0 transparent}}
@keyframes iacRing{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.55);opacity:0}}
@keyframes iacMoveIn{0%{transform:translateX(120px);opacity:0}60%{transform:translateX(-6px);opacity:1}100%{transform:translateX(0)}}
.iac-anim-heartbeat{animation:iacHeart 2.6s ease-in-out infinite}
.iac-anim-bounce{animation:iacBounce 2.4s ease infinite}
.iac-anim-pulse{animation:iacPulse 2s ease-out infinite}
.iac-anim-ring:before,.iac-anim-doublering:before,.iac-anim-doublering:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--iac-cor);z-index:-1;animation:iacRing 2s ease-out infinite}
.iac-anim-doublering:after{animation-delay:.7s}
.iac-anim-movein{animation:iacMoveIn .8s cubic-bezier(.2,.8,.2,1) .3s both}
.iac.iac-esq .iac-anim-movein{animation-name:iacMoveInEsq}
@keyframes iacMoveInEsq{0%{transform:translateX(-120px);opacity:0}60%{transform:translateX(6px);opacity:1}100%{transform:translateX(0)}}
/* previa do painel: o anel precisa de fundo para aparecer */
.ia-previa-bt.iac-anim-ring,.ia-previa-bt.iac-anim-doublering{position:relative;z-index:0}
.ia-previa-bt.iac-anim-ring:before,.ia-previa-bt.iac-anim-doublering:before,.ia-previa-bt.iac-anim-doublering:after{background:inherit}
@media (prefers-reduced-motion:reduce){.iac-bt,.iac-bt:before,.iac-bt:after{animation:none!important}}

/* janela */
.iac-jan{position:absolute;right:0;bottom:76px;display:flex;flex-direction:column;width:370px;height:min(600px,calc(100vh - 120px));border-radius:16px;background:var(--iac-fundo);box-shadow:0 18px 50px rgba(0,30,25,.25);overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .25s,transform .25s}
.iac.iac-esq .iac-jan{right:auto;left:0;transform-origin:bottom left}
.iac.aberto .iac-jan{opacity:1;transform:none;pointer-events:auto}
.iac-cab{display:flex;align-items:center;gap:12px;flex:none;padding:16px 16px 16px 18px;background:var(--iac-cor);color:#fff}
.iac-av{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);font-weight:700;font-size:17px}
.iac-av:after{content:"";position:absolute;right:0;bottom:1px;width:11px;height:11px;border:2px solid var(--iac-cor);border-radius:50%;background:#3ddc84}
.iac-cab-txt{flex:1;min-width:0;line-height:1.25}
.iac-cab-txt b{display:block;font-size:15.5px;font-weight:600}
.iac-cab-txt small{display:block;font-size:12.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iac-fechar{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.iac-fechar:hover{background:rgba(255,255,255,.15)}
.iac-fechar svg{width:20px;height:20px}
.iac-msgs{flex:1;min-height:0;overflow-y:auto;padding:16px 14px 8px;background:#f6f8f7;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.iac-m{max-width:86%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;color:var(--iac-txt);overflow-wrap:anywhere;white-space:normal}
.iac-m p{margin:0 0 6px}.iac-m p:last-child{margin:0}
.iac-m ul{margin:4px 0 6px;padding-left:18px}.iac-m li{margin:2px 0}
.iac-m a{color:var(--iac-cor);font-weight:500;text-decoration:underline;word-break:break-word}
.iac-m.bot{align-self:flex-start;background:#fff;border:1px solid var(--iac-linha);border-bottom-left-radius:4px}
.iac-m.cli{align-self:flex-end;background:var(--iac-cor);color:#fff;border-bottom-right-radius:4px}
.iac-m.cli a{color:#fff}
.iac-m.erro{align-self:flex-start;background:#fff5f5;border:1px solid #fbd5d5;color:#9b1c1c}
.iac-digit{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border:1px solid var(--iac-linha);border-radius:14px;border-bottom-left-radius:4px;background:#fff}
.iac-digit i{width:7px;height:7px;border-radius:50%;background:#a5b0ad;animation:iacDig 1.2s infinite}
.iac-digit i:nth-child(2){animation-delay:.15s}.iac-digit i:nth-child(3){animation-delay:.3s}
@keyframes iacDig{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.iac-sug{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 4px}
.iac-sug button{padding:7px 12px;border:1px solid color-mix(in srgb,var(--iac-cor) 35%,transparent);border-radius:999px;background:#fff;color:var(--iac-cor);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer}
.iac-sug button:hover{background:color-mix(in srgb,var(--iac-cor) 8%,#fff)}
.iac-form{display:flex;align-items:flex-end;gap:8px;flex:none;padding:10px 12px 12px;border-top:1px solid var(--iac-linha);background:#fff}
.iac-form textarea{flex:1;min-height:42px;max-height:120px;padding:11px 13px;border:1px solid var(--iac-linha);border-radius:12px;background:#f6f8f7;color:var(--iac-txt);font-family:inherit;font-size:15px;line-height:1.35;resize:none;outline:none}
.iac-form textarea:focus{border-color:var(--iac-cor);background:#fff}
.iac-enviar{display:grid;place-items:center;flex:none;width:42px;height:42px;border:0;border-radius:12px;background:var(--iac-cor);color:#fff;cursor:pointer}
.iac-enviar:disabled{opacity:.45;cursor:default}
.iac-enviar svg{width:20px;height:20px}
.iac-rod{flex:none;padding:0 12px 10px;background:#fff;text-align:center;font-size:11px;color:#9aa3a1}

/* celular: acima da barra de navegacao; janela ocupa a tela */
@media (max-width:767px){
	.iac{right:14px;bottom:calc(72px + env(safe-area-inset-bottom))}
	.iac.iac-esq{left:14px}
	body:has(.pp-fixa.ver) .iac{bottom:calc(140px + env(safe-area-inset-bottom))}
	body:not(.com-barra-cel) .iac{bottom:calc(16px + env(safe-area-inset-bottom))}
	.iac{--iac-tam:min(var(--iac-tam-cfg,60px),56px)}
	.iac-balao{font-size:13px;padding:9px 12px}
	.iac.aberto{inset:0;right:0;left:0;bottom:0}
	.iac.aberto .iac-lanc{display:none}
	.iac-jan{position:fixed;inset:auto 0 0 0;width:100%;height:calc(100dvh - 40px);border-radius:18px 18px 0 0}
	.iac-form{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}
body:has(dialog[open]) .iac:not(.aberto){display:none}

/* ===== opcoes do botao (modelo getbutton.io) ===== */
/* retangulo: icone + texto dentro do botao */
.iac-bt.iac-ret{width:auto;height:calc(var(--iac-tam) * .82);padding:0 20px 0 16px;border-radius:999px;display:inline-flex;gap:9px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;white-space:nowrap}
.iac-bt.iac-ret svg{width:calc(var(--iac-tam) * .4);height:calc(var(--iac-tam) * .4)}
.iac.aberto .iac-bt.iac-ret .iac-ret-txt{display:none}
.iac.aberto .iac-bt.iac-ret{width:calc(var(--iac-tam) * .82);padding:0;justify-content:center}
/* borda */
.iac-bt.iac-com-borda{box-shadow:0 0 0 3px var(--iac-borda),0 8px 22px rgba(0,0,0,.22)}
/* fundo em gradiente */
.iac-bt.iac-grad{background:linear-gradient(135deg,color-mix(in srgb,var(--iac-cor) 78%,#fff) 0%,var(--iac-cor) 45%,color-mix(in srgb,var(--iac-cor) 70%,#000) 100%)}
/* sombra: 0 nenhuma, 1 leve, 2 media, 3 forte */
.iac-bt.iac-sombra-0{box-shadow:none}
.iac-bt.iac-sombra-1{box-shadow:0 3px 10px rgba(0,0,0,.14)}
.iac-bt.iac-sombra-3{box-shadow:0 14px 34px rgba(0,0,0,.34)}
.iac-bt.iac-com-borda.iac-sombra-0{box-shadow:0 0 0 3px var(--iac-borda)}
.iac-bt.iac-com-borda.iac-sombra-1{box-shadow:0 0 0 3px var(--iac-borda),0 3px 10px rgba(0,0,0,.14)}
.iac-bt.iac-com-borda.iac-sombra-3{box-shadow:0 0 0 3px var(--iac-borda),0 14px 34px rgba(0,0,0,.34)}
/* notificacao: selo vermelho com "1" ate abrir */
.iac-notif{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ef3b3b;color:#fff;font-family:inherit;font-size:11px;font-weight:700;line-height:1;animation:iacNotif .4s cubic-bezier(.2,.8,.2,1) 1s both}
.iac.iac-esq .iac-notif{right:auto;left:-3px}
@keyframes iacNotif{from{transform:scale(0)}to{transform:scale(1)}}
.iac.aberto .iac-notif{display:none}

/* mensagem de saudacao (cartao acima do botao) */
.iac-saud{position:absolute;right:0;bottom:calc(var(--iac-tam) + 16px);width:300px;padding:14px 16px 16px;border-radius:14px;background:#fff;color:var(--iac-txt);box-shadow:0 14px 40px rgba(0,30,25,.2);cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .35s,transform .35s}
.iac.iac-esq .iac-saud{right:auto;left:0}
.iac-saud.ver{opacity:1;transform:none;pointer-events:auto}
.iac.aberto .iac-saud{display:none}
.iac-saud-x{position:absolute;top:6px;right:8px;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#8a9391;font-size:18px;line-height:1;cursor:pointer}
.iac-saud-x:hover{background:#f1f4f3;color:#1c2524}
.iac-saud-cab{display:flex;align-items:center;gap:10px;padding-right:20px}
.iac-saud-cab div{flex:1;min-width:0;line-height:1.25}
.iac-saud-cab b{display:block;font-size:14.5px;font-weight:600}
.iac-saud-cab small{display:block;font-size:12px;color:var(--iac-sub)}
.iac-saud-cab time{flex:none;font-size:11.5px;color:#9aa3a1}
.iac-saud-av,.iac-av{overflow:hidden}
.iac-saud-av{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--iac-cor);color:#fff;font-weight:700}
.iac-saud-av img,.iac-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.iac-saud p{margin:10px 0 12px;padding:10px 12px;border-radius:4px 12px 12px 12px;background:#f3f6f5;font-size:13.5px;line-height:1.5}
.iac-saud-bt{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:10px;background:var(--iac-cor);color:#fff;font-weight:600;font-size:14px}
.iac-saud-bt svg{width:18px;height:18px}
/* espelhar: foto/logo do lado direito e balao da mensagem ao contrario */
.iac-saud.iac-espelho .iac-saud-cab{flex-direction:row-reverse;padding-right:0;padding-left:20px;text-align:right}
.iac-saud.iac-espelho p{border-radius:12px 4px 12px 12px}
.iac-saud.iac-espelho .iac-saud-x{right:auto;left:8px}

/* atendimento humano pelo WhatsApp dentro do chat */
.iac-zap{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;margin:0;padding:9px 12px;border-top:1px solid var(--iac-linha);background:#f3fbf6;color:#128c4b;font-size:13px;font-weight:600;text-decoration:none}
.iac-zap svg{width:18px;height:18px}
.iac-zap:hover{background:#e8f7ee}

/* onde aparece: so computador / so celular */
@media (max-width:767px){.iac.iac-so-pc{display:none!important}}
@media (min-width:768px){.iac.iac-so-cel{display:none!important}}

/* previa do painel: dentro da caixa, sem ficar fixo na tela */
.iac.iac-previa{position:absolute;right:calc(18px + var(--iac-dx));bottom:calc(18px + var(--iac-dy));display:block!important}
.iac.iac-previa.iac-esq{right:auto;left:calc(18px + var(--iac-dx))}
.iac.iac-previa .iac-jan{width:330px;height:430px}
/* textos dos baloes nao herdam cores do site/painel */
.iac-m p,.iac-m li,.iac-m b{color:inherit!important}
.iac-saud p{color:var(--iac-txt)!important}

/* ===== canal WhatsApp (modelo getbutton.io) ===== */
.iac{--iac-zap:#25d366}
.iac-bt.iac-bt-zap{background:var(--iac-zap)}
.iac-bt.iac-bt-zap.iac-grad{background:linear-gradient(135deg,color-mix(in srgb,var(--iac-zap) 78%,#fff) 0%,var(--iac-zap) 45%,color-mix(in srgb,var(--iac-zap) 70%,#000) 100%)}
.iac.canais-abertos .iac-bt .iac-ic-chat,.iac.zap-aberto .iac-bt .iac-ic-chat{display:none}
.iac.canais-abertos .iac-bt .iac-ic-x,.iac.zap-aberto .iac-bt .iac-ic-x{display:block}
.iac.canais-abertos .iac-bt,.iac.zap-aberto .iac-bt{animation:none!important}
.iac.canais-abertos .iac-bt:before,.iac.canais-abertos .iac-bt:after,.iac.zap-aberto .iac-bt:before,.iac.zap-aberto .iac-bt:after{display:none}
.iac.canais-abertos .iac-saud,.iac.zap-aberto .iac-saud,.iac.canais-abertos .iac-balao,.iac.zap-aberto .iac-balao{display:none}
.iac.canais-abertos .iac-ret-txt,.iac.zap-aberto .iac-ret-txt{display:none}
.iac.canais-abertos .iac-bt.iac-ret,.iac.zap-aberto .iac-bt.iac-ret{width:calc(var(--iac-tam) * .82);padding:0;justify-content:center}

/* lista de canais que abre acima do botao */
.iac-canais{position:absolute;right:calc((var(--iac-tam) - 50px) / 2);bottom:calc(var(--iac-tam) + 14px);display:flex;flex-direction:column;gap:12px;pointer-events:none}
.iac.iac-esq .iac-canais{right:auto;left:calc((var(--iac-tam) - 50px) / 2)}
.iac-canal{position:relative;display:grid;place-items:center;width:50px;height:50px;border:0;border-radius:50%;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.2);cursor:pointer;opacity:0;transform:translateY(14px) scale(.8);transition:opacity .25s,transform .25s}
.iac-canal svg{width:24px;height:24px}
.iac-canal-ia{background:var(--iac-cor)}
.iac-canal-zap{background:var(--iac-zap)}
.iac.canais-abertos .iac-canais{pointer-events:auto}
.iac.canais-abertos .iac-canal{opacity:1;transform:none}
.iac.canais-abertos .iac-canal:nth-child(2){transition-delay:.05s}
.iac-canal-rot{position:absolute;right:62px;top:50%;transform:translateY(-50%);padding:6px 11px;border-radius:8px;background:#fff;color:var(--iac-txt);box-shadow:0 4px 14px rgba(0,0,0,.14);font-size:13px;font-weight:500;white-space:nowrap}
.iac.iac-esq .iac-canal-rot{right:auto;left:62px}

/* janela "Iniciar uma conversa" com os atendentes do WhatsApp */
.iac-wpop{position:absolute;right:0;bottom:calc(var(--iac-tam) + 16px);width:330px;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(0,30,25,.25);overflow:hidden;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s,transform .25s}
.iac.iac-esq .iac-wpop{right:auto;left:0}
.iac-wpop.ver{opacity:1;transform:none;pointer-events:auto}
.iac-wpop-cab{display:flex;align-items:flex-start;gap:12px;padding:16px 14px 16px 16px;background:var(--iac-zap);color:#fff}
.iac-wpop-cab>svg{flex:none;width:30px;height:30px;margin-top:2px}
.iac-wpop-cab div{flex:1;min-width:0;line-height:1.3}
.iac-wpop-cab b{display:block;font-size:16px;font-weight:600}
.iac-wpop-cab small{display:block;margin-top:3px;font-size:12.5px;opacity:.92}
.iac-wpop-x{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.iac-wpop-x:hover{background:rgba(255,255,255,.18)}
.iac-wpop-x svg{width:18px;height:18px}
.iac-wpop-lista{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding:12px}
.iac-wag{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border-left:3px solid var(--iac-zap);background:#f6f8f7;color:var(--iac-txt)!important;text-decoration:none!important;transition:background .15s}
.iac-wag:hover{background:#eef6f1}
.iac-wag-av{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--iac-zap);color:#fff;font-weight:700;overflow:hidden}
.iac-wag-av img{width:100%;height:100%;object-fit:cover}
.iac-wag-txt{flex:1;min-width:0;line-height:1.3}
.iac-wag-txt b{display:block;font-size:14px;font-weight:600}
.iac-wag-txt small{display:block;font-size:12px;color:var(--iac-sub)}
.iac-wag>svg{flex:none;width:22px;height:22px;color:var(--iac-zap)}

/* cartao de saudacao: "Iniciar conversa com:" e chamada verde quando so WhatsApp */
.iac-saud-canais{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--iac-sub)}
.iac-saud-canais span{flex:1}
.iac-saud-canais button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--iac-cor);color:#fff;cursor:pointer}
.iac-saud-canais button.z{background:var(--iac-zap)}
.iac-saud-canais button svg{width:19px;height:19px}
.iac-saud-bt.z{background:var(--iac-zap)}
@media (max-width:767px){.iac-wpop{position:fixed;left:10px;right:10px;width:auto;bottom:calc(140px + env(safe-area-inset-bottom))}}

/* modelo getbutton.io: cartao de saudacao com cabecalho colorido e janela com fotinho nas mensagens */
.iac-saud{width:320px;padding:0;overflow:hidden;border-radius:16px}
.iac-saud-cab{gap:12px;padding:14px 44px 14px 16px;background:var(--iac-cor);color:#fff}
.iac-saud-cab b{font-size:15px;color:#fff}
.iac-saud-cab small{color:#fff;opacity:.85}
.iac-saud-cab .iac-saud-av{width:44px;height:44px;overflow:visible;background:rgba(255,255,255,.22);color:#fff;font-size:17px}
.iac-saud-cab .iac-saud-av::after{content:"";position:absolute;right:0;bottom:1px;width:11px;height:11px;border:2px solid var(--iac-cor);border-radius:50%;background:#2fd36b}
.iac-saud-x{top:50%;right:10px;width:28px;height:28px;margin-top:-14px;color:#fff;opacity:.9}
.iac-saud-x:hover{background:rgba(255,255,255,.18);color:#fff}
.iac-saud-x svg{width:16px;height:16px}
.iac-saud-corpo{padding:10px 16px 18px}
.iac-saud-corpo time{display:block;margin-bottom:10px;text-align:center;font-size:12px;color:#9aa3a1}
.iac-saud-msg{display:flex;align-items:flex-end;gap:8px}
.iac-saud .iac-saud-msg p{flex:1;margin:0;padding:11px 13px;border-radius:14px 14px 14px 4px;background:color-mix(in srgb,var(--iac-cor) 11%,#fff);font-size:14px;line-height:1.5}
.iac-mini-av{display:grid;place-items:center;flex:none;width:28px;height:28px;overflow:hidden;border-radius:50%;background:var(--iac-cor);color:#fff;font-size:12px;font-weight:700}
.iac-mini-av img{width:100%;height:100%;object-fit:cover}
.iac-saud-canais{flex-direction:column;gap:10px;margin-top:16px;text-align:center}
.iac-saud-canais>b{font-size:14px;font-weight:700;color:var(--iac-txt)}
.iac-saud-canais>div{display:flex;justify-content:center;gap:10px}
.iac-saud-canais button{width:46px;height:46px;box-shadow:0 4px 12px rgba(0,0,0,.14);transition:transform .2s}
.iac-saud-canais button:hover{transform:scale(1.08)}
.iac-saud-canais button svg{width:22px;height:22px}
.iac-saud.iac-espelho .iac-saud-cab{padding:14px 16px 14px 44px}
.iac-saud.iac-espelho .iac-saud-x{left:10px}
.iac-saud.iac-espelho .iac-saud-msg{flex-direction:row-reverse}
.iac-saud.iac-espelho .iac-saud-msg p{border-radius:14px 14px 4px 14px}
.iac-msgs{background:#fff}
.iac-linha{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;max-width:92%}
.iac-linha .iac-m{max-width:none}
.iac-m.bot{background:#f0f2f4;border:0;border-bottom-left-radius:4px}
.iac-digit{background:#f0f2f4;border:0}
.iac-sug{flex:none;flex-wrap:nowrap;gap:8px;padding:8px 12px;overflow-x:auto;background:#fff;scrollbar-width:none}
.iac-sug::-webkit-scrollbar{display:none}
.iac-sug[hidden]{display:none}
.iac-sug button{flex:none;white-space:nowrap}
.iac-form{border-top:1px solid var(--iac-linha)}
.iac-form textarea{border-radius:22px;background:#fff}
/* imagem propria do botao do canal (opcional) */
.iac-ic-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.iac-bt .iac-ic-img.iac-ic-chat{width:100%;height:100%;border-radius:50%}
.iac-bt.iac-ret .iac-ic-img.iac-ic-chat{width:26px;height:26px}
.iac-canal,.iac-saud-canais button{overflow:hidden}

/* medidas exatas do getbutton.io (widget/bundle.js): chamada, saudacao e sombras */
.iac-lanc{gap:31px}
.iac-balao{max-width:172px;max-height:65px;padding:0;border:1px solid #e2e2e2;border-radius:5px;background:#fff;color:#000;box-shadow:0 1px 7px rgba(136,136,136,.4);font-weight:400}
.iac-balao span{display:block;margin:auto;padding:7px 10px;text-align:center;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:min(calc(var(--iac-tam) * .28),17.5px);line-height:16px;color:#000!important}
.iac-balao:after{right:-5px;width:8px;height:8px;margin-top:-4px;border:solid #e2e2e2;border-width:0 1px 1px 0;border-radius:0;transform:rotate(-45deg)}
.iac.iac-esq .iac-balao:after{right:auto;left:-5px;border-width:1px 0 0 1px}
.iac-balao-x{display:none}
.iac-saud{width:320px;border:0;border-radius:16px;box-shadow:0 1px 7px rgba(136,136,136,.4);font-family:Roboto,"Helvetica Neue",sans-serif;font-size:14px;line-height:23px;text-align:center}
.iac-saud-cab{height:80px;gap:15px;padding:0 50px 0 15px;border-radius:16px 16px 0 0}
.iac-saud-cab .iac-saud-av{width:50px;height:50px;border:2px solid #fff;font-size:18px}
.iac-saud-cab .iac-saud-av::after{right:2px;bottom:2px;width:10px;height:10px;border:0;background:#4dc247;box-shadow:2px 2px 6px rgba(0,0,0,.1)}
.iac-saud-cab b{font-size:18px;font-weight:600;line-height:1.3}
.iac-saud-cab small{font-size:14px;line-height:1.3;opacity:1}
.iac-saud-x{right:15px;width:25px;height:25px;margin-top:-12.5px}
.iac-saud-corpo{padding:15px}
.iac-saud-corpo time{margin:0 0 15px;font-size:14px;line-height:23px;color:#959da9}
.iac-saud-msg{align-items:flex-start;gap:10px;text-align:left}
.iac-saud-msg .iac-mini-av{width:35px;height:35px;font-size:14px}
.iac-saud .iac-saud-msg p{padding:14px 16px;border-radius:2px 20px 20px 20px;background:color-mix(in srgb,var(--iac-cor) 20%,#fff);font-size:14px;line-height:20px;color:#000!important}
.iac-saud-canais{gap:5px;margin:25px 0 0;padding-bottom:11px}
.iac-saud-canais>b{font-weight:700;color:#000}
.iac-saud.iac-espelho .iac-saud-cab{padding:0 15px 0 50px}
.iac-saud.iac-espelho .iac-saud-x{left:15px}
.iac-saud.iac-espelho .iac-saud-msg p{border-radius:20px 2px 20px 20px}
@media (max-width:370px){.iac-saud{width:280px}}
.iac-saud-cab{position:relative;text-align:left}
.iac-saud-cab>div{text-align:left}
.iac-saud.iac-espelho .iac-saud-cab>div{text-align:right}
.iac-saud-x{top:50%}

/* canais abertos no modelo getbutton.io: mesmo tamanho do botao principal, pilha sobe 45px com fade (.2s, atraso .05s)
   e o icone do botao gira 270 graus ao virar X (.4s) */
.iac-canais{right:0;bottom:calc(var(--iac-tam) + 14px);gap:14px;opacity:0;transform:translateY(45px);transition:opacity .2s ease .05s,transform .2s ease .05s}
.iac.iac-esq .iac-canais{right:auto;left:0}
.iac.canais-abertos .iac-canais{opacity:1;transform:translateY(0)}
.iac-canal,.iac.canais-abertos .iac-canal{width:var(--iac-tam);height:var(--iac-tam);opacity:1;transform:none;transition:filter .2s;overflow:visible;box-shadow:0 1px 7px rgba(136,136,136,.4)}
.iac-canal:hover{filter:brightness(1.08)}
.iac-canal svg{width:calc(var(--iac-tam) * .46);height:calc(var(--iac-tam) * .46)}
.iac-canal .iac-ic-img{border-radius:50%}
.iac-canal-rot{right:calc(var(--iac-tam) + 14px);opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid #e2e2e2;border-radius:5px;box-shadow:0 1px 7px rgba(136,136,136,.4);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#000}
.iac.iac-esq .iac-canal-rot{left:calc(var(--iac-tam) + 14px)}
.iac-canal:hover .iac-canal-rot,.iac-canal:focus-visible .iac-canal-rot{opacity:1}
/* celular e telas de toque: so os icones, sem os nomes ao lado (como no getbutton.io); o nome continua no aria-label */
@media (hover:none),(max-width:767px){.iac .iac-canal-rot{display:none!important}}
@keyframes iacGiraX{0%{transform:rotate(-270deg)}to{transform:rotate(0)}}
@keyframes iacGiraIc{0%{transform:rotate(270deg)}to{transform:rotate(0)}}
.iac.canais-abertos .iac-bt .iac-ic-x,.iac.zap-aberto .iac-bt .iac-ic-x,.iac.aberto .iac-bt .iac-ic-x{animation:iacGiraX .4s ease .05s both}
.iac.iac-girou .iac-bt .iac-ic-chat{animation:iacGiraIc .4s ease .05s both}
/* pilha de canais: o primeiro da ordem fica junto do botao (getbutton: column-reverse) */
.iac-canais{flex-direction:column}
.iac-canal-ia{background:var(--iac-cor)}
.iac-saud-canais button[data-canal="ia"]{background:var(--iac-cor)}
/* formulario de contato */
.iac-fpop{position:absolute;right:0;bottom:calc(var(--iac-tam) + 16px);width:330px;max-width:calc(100vw - 32px);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(0,30,25,.25);overflow:hidden;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s,transform .25s}
.iac.iac-esq .iac-fpop{right:auto;left:0}
.iac-fpop.ver{opacity:1;transform:none;pointer-events:auto}
.iac-fpop-cab{display:flex;align-items:center;gap:12px;padding:16px 14px 16px 16px;background:#0063ff;color:#fff}
.iac-fpop-cab>svg{flex:none;width:26px;height:26px}
.iac-fpop-cab b{flex:1;font-size:16px;font-weight:600;color:#fff}
.iac-fpop-x{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.iac-fpop-x:hover{background:rgba(255,255,255,.18)}.iac-fpop-x svg{width:18px;height:18px}
.iac-fpop-corpo{display:flex;flex-direction:column;gap:9px;padding:16px}
.iac-fpop-corpo input,.iac-fpop-corpo textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #dde3e8;border-radius:8px;font-size:14px;line-height:1.4;font-family:inherit;color:#1c2524;background:#fff;outline:none;resize:vertical}
.iac-fpop-corpo input:focus,.iac-fpop-corpo textarea:focus{border-color:#9aa8b5}
.iac-fpop-msg{margin:0;min-height:18px;font-size:12.5px;color:#475569}
.iac-fpop-enviar{height:42px;border:0;border-radius:8px;background:#0063ff;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
.iac-fpop-enviar:disabled{opacity:.6;cursor:default}
@media (max-width:767px){.iac-fpop{position:fixed;right:12px;left:12px;bottom:calc(var(--iac-tam) + 80px);width:auto}}
/* caixa da chamada acompanha o texto (getbutton limita a 172px porque o texto padrao e curto) */
.iac-balao{max-width:260px;width:max-content}
.iac-balao span{white-space:nowrap}

/* animacoes identicas as do getbutton.io (widget/bundle.js): duracao, atraso de 1s e pausa no hover */
@keyframes gbHeartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}
@keyframes gbBounce{from,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}
@keyframes gbPulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.1,1.1,1.1)}to{transform:scale3d(1,1,1)}}
@keyframes gbRing{0%{width:30px;height:30px;opacity:1}100%{width:calc(var(--iac-tam) + 50px);height:calc(var(--iac-tam) + 50px);opacity:0}}
@keyframes gbMoveIn{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}100%{opacity:0;transform:scale(1)}}
.iac-anim-heartbeat{animation:gbHeartBeat 2s 1s infinite}
.iac-anim-bounce{animation:gbBounce 2s 1s infinite}
.iac-anim-pulse{animation:gbPulse 2s 1s infinite}
.iac-anim-heartbeat:hover,.iac-anim-bounce:hover,.iac-anim-pulse:hover{animation:none}
.iac-anim-ring,.iac-anim-doublering,.iac-anim-movein{animation:none;position:relative;z-index:0;overflow:visible}
.iac-anim-ring:before,.iac-anim-ring:after,.iac-anim-doublering:before,.iac-anim-doublering:after{content:none;animation:none}
.iac-anim-ring:after,.iac-anim-doublering:after,.iac-anim-doublering:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:150%;height:150%;box-sizing:border-box;border:6px solid var(--iac-cor);border-radius:50%;background:none;transform:translate(-50%,-50%);opacity:0;right:auto;bottom:auto}
.iac-anim-ring:after,.iac-anim-doublering:after{animation:gbRing 1.5s 1s infinite}
.iac-anim-doublering:before{animation:gbRing 3s 1s infinite}
.iac-anim-movein:after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--iac-cor);opacity:0;box-shadow:0 0 50px rgba(0,0,0,.1);animation:gbMoveIn 3s 1s infinite}
.iac-anim-movein:after{background:color-mix(in srgb,var(--iac-cor) 41%,transparent)}
.iac-anim-ring:hover:after,.iac-anim-doublering:hover:after,.iac-anim-doublering:hover:before,.iac-anim-movein:hover:after{animation:none}
.iac.iac-esq .iac-anim-movein{animation:none}
.iac-bt.iac-anim-ring .iac-notif,.iac-bt.iac-anim-doublering .iac-notif{z-index:2}
.ia-anims{--iac-tam:46px}

/* janela aberta no modelo do chat de I.A do getbutton.io */
.iac-av{overflow:visible}
.iac-av img{border-radius:50%}
.iac-av:after{right:-1px;bottom:-1px;z-index:1}
.iac-linha{align-items:flex-start}
.iac-linha .iac-mini-av{margin-top:2px}
.iac-m.bot{background:#f1f1f1;color:#222;border-radius:4px 12px 12px 12px}
.iac-m.cli{background:#1f1f1f;color:#fff;border-radius:12px 12px 4px 12px}
.iac-m.cli p{color:#fff!important}
.iac-cards{display:flex;gap:8px;flex:none;align-self:stretch;margin:-2px 0 2px;padding:2px 2px 6px 36px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.iac-card{display:flex;flex-direction:column;flex:none;width:150px;border:1px solid #e6e6e6;border-radius:10px;background:#fff;overflow:hidden;text-decoration:none;color:#222;scroll-snap-align:start;transition:box-shadow .2s}
.iac-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.1)}
.iac-card-img{display:grid;place-items:center;height:110px;background:#fff;border-bottom:1px solid #f0f0f0}
.iac-card-img img{max-width:92%;max-height:100px;object-fit:contain}
.iac-card-nome{display:-webkit-box;margin:8px 10px 2px;overflow:hidden;font-size:12px;font-weight:600;line-height:1.35;color:#222;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.iac-card-preco{margin:0 10px 9px;font-size:12px;font-weight:700;color:var(--iac-cor)}
.iac-sug{gap:6px;padding:8px 12px 6px;border-top:0;scrollbar-width:thin}
.iac-sug button{padding:7px 10px;border:1px solid color-mix(in srgb,var(--iac-cor) 70%,#fff);border-radius:6px;background:#fff;color:var(--iac-cor);font-size:12.5px;font-weight:500}
.iac-sug button.sel{background:var(--iac-cor);border-color:var(--iac-cor);color:#fff}
.iac-form{align-items:center;padding:8px 10px 10px 14px;border-top:1px solid #ececec}
.iac-form textarea{min-height:38px;padding:9px 4px;border:0;border-radius:0;background:transparent!important;font-size:14px;box-shadow:none}
.iac-form textarea:focus{border:0;outline:none}
.iac-enviar{width:36px;height:36px;border-radius:50%;background:transparent;color:var(--iac-cor)}
.iac-enviar:disabled{opacity:1;color:#b4bcc2}
.iac-enviar:not(:disabled):hover{background:color-mix(in srgb,var(--iac-cor) 10%,#fff)}
.iac-rod{display:none}

/* gradiente em todos os botoes quando "Estilo do fundo" = Gradiente (mesma formula do botao principal) */
.iac [data-canal],.iac .iac-bt{--c:var(--iac-cor)}
.iac .iac-bt.iac-bt-zap{--c:var(--iac-zap)}
.iac .iac-wpop-cab{--c:var(--iac-zap)}
.iac-bt.iac-grad,.iac.iac-gradiente [data-canal],.iac.iac-gradiente .iac-wpop-cab,.iac.iac-gradiente .iac-fpop-cab,.iac.iac-gradiente .iac-fpop-enviar{background-image:linear-gradient(135deg,color-mix(in srgb,var(--c) 78%,#fff) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 70%,#000) 100%)}
.iac-bt.iac-grad{background-color:var(--c)}
/* imagem propria do botao principal */
.iac-bt .iac-bt-img.iac-ic-chat{width:100%;height:100%;object-fit:cover;border-radius:50%}
.iac-bt.iac-ret .iac-bt-img.iac-ic-chat{width:26px;height:26px}
/* selo de notificacao igual ao getbutton.io: circulo vermelho de 30% do botao (max 20px), sem borda, sombra leve */
.iac-notif{top:-2px;right:-2px;box-sizing:border-box;width:min(calc(var(--iac-tam) * .3),20px);height:min(calc(var(--iac-tam) * .3),20px);min-width:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#f00;color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:1;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.5);z-index:3}
.iac.iac-esq .iac-notif{right:auto;left:-2px}
.iac-bt{overflow:visible}

/* formulario de contato igual ao getbutton.io: botao "Enviar mensagem" com icone e nota de privacidade */
.iac-fpop-enviar{display:flex;align-items:center;justify-content:center;gap:8px}
.iac-fpop-enviar svg{width:18px;height:18px;flex:none}
.iac-fpop-nota{margin:0;font-size:11px;line-height:1.35;color:#9aa3ab}

/* texto de dica dos campos do formulario (o painel deixava branco) */
.iac .iac-fpop-corpo input::placeholder,.iac .iac-fpop-corpo textarea::placeholder{color:#8b96a1!important;opacity:1!important;-webkit-text-fill-color:#8b96a1}
.iac .iac-fpop-corpo input,.iac .iac-fpop-corpo textarea{color:#1c2524!important;-webkit-text-fill-color:#1c2524}

/* botoes do chat iguais na loja e na previa: o tema da loja coloca padding nos <button> e achatava a imagem do botao */
.iac .iac-bt:not(.iac-ret),.iac .iac-canal,.iac [data-canal]{padding:0!important;box-sizing:border-box}
.iac .iac-bt .iac-bt-img.iac-ic-chat{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;border-radius:50%}
.iac .iac-bt.iac-ret .iac-bt-img.iac-ic-chat{position:static;width:26px!important;height:26px!important}

/* barras de rolagem do chat na cor do botao/template (mensagens, sugestoes e cartoes) */
.iac,.iac *{scrollbar-color:var(--iac-cor) transparent}
.iac ::-webkit-scrollbar{width:6px;height:6px}
.iac ::-webkit-scrollbar-track{background:transparent}
.iac ::-webkit-scrollbar-thumb{background:var(--iac-cor);border:0;border-radius:6px}

/* balao das mensagens do cliente na cor do template (antes preto) */
.iac .iac-m.cli{background:var(--iac-cor);color:#fff}
.iac .iac-m.cli a{color:#fff;text-decoration:underline}

/* nome do produto na resposta: link na cor do template */
.iac .iac-m.bot a.iac-plink{color:var(--iac-cor);font-weight:700;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.iac .iac-m.bot a.iac-plink:hover{text-decoration-thickness:2px}

/* celular: chat em tela cheia, como no getbutton.io (vale por cima dos estilos de computador acima) */
@media (max-width:767px){
	.iac:not(.iac-previa).aberto .iac-jan{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:100%!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;transform:none!important}
	.iac:not(.iac-previa).aberto .iac-bt,.iac:not(.iac-previa).aberto .iac-balao,.iac:not(.iac-previa).aberto .iac-notif{display:none!important}
	.iac:not(.iac-previa).aberto .iac-cab{padding-top:calc(14px + env(safe-area-inset-top))}
	.iac:not(.iac-previa).aberto .iac-form{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
	.iac:not(.iac-previa).aberto .iac-form input,.iac:not(.iac-previa).aberto .iac-form textarea{font-size:16px} /* evita o zoom automatico do iPhone ao tocar no campo */
	html.iac-trava,html.iac-trava body{overflow:hidden!important}
}

/* X para fechar a chamada "Precisa de ajuda?": sempre visivel (celular e computador), pequeno e discreto; fechada, volta depois de 24 horas */
.iac-balao-x{display:grid;place-items:center;position:absolute;top:-7px;left:-7px;width:18px;height:18px;padding:0;border:1px solid #e2e2e2;border-radius:50%;background:#fff;color:#8a9391;box-shadow:0 1px 4px rgba(0,0,0,.12);opacity:1;cursor:pointer;transition:color .15s,border-color .15s,transform .15s;z-index:1}
.iac.iac-esq .iac-balao-x{left:auto;right:-7px}
.iac-balao-x svg{width:10px;height:10px;display:block}
.iac-balao-x:hover,.iac-balao-x:focus-visible{color:#334155;border-color:#cbd5e1;transform:scale(1.08);outline:0}
.iac-balao-x:before{content:"";position:absolute;inset:-8px} /* area de toque maior no celular, sem aumentar o desenho */