/* Titiu — assistente guia de Proteção Animal. */
:root{
  --titiu-verde:#2e7d4f; --titiu-verde2:#3fa268; --titiu-caramelo:#c8893f;
  --titiu-dourado:#c5a15a; --titiu-vermelho:#c62530; --titiu-bolha:#eef5ef; --titiu-escuro:#1a1a1d;
}
/* FAB */
.titiu-fab{position:fixed;right:18px;bottom:18px;z-index:9998;width:64px;height:64px;padding:0;border:none;cursor:pointer;border-radius:50%;background:#fff;box-shadow:0 6px 22px rgba(0,0,0,.28);transition:transform .15s}
.titiu-fab img{width:60px;height:60px;border-radius:50%;display:block;margin:2px}
.titiu-fab:hover{transform:translateY(-3px) scale(1.04)}
.titiu-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;line-height:22px;padding:0 5px;background:var(--titiu-vermelho);color:#fff;font-size:.78rem;font-weight:800;border-radius:12px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
/* Apresentação: Titiu de corpo + balão */
.titiu-apresenta{position:fixed;right:10px;bottom:0;z-index:9998;display:flex;align-items:flex-end;pointer-events:none;opacity:0;transform:translateY(24px);transition:opacity .4s,transform .4s}
.titiu-apresenta.mostra{opacity:1;transform:none}
.titiu-corpo-img{width:150px;height:auto;display:block;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));animation:titiuFlutua 3.5s ease-in-out infinite}
@keyframes titiuFlutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.titiu-balao{position:relative;pointer-events:auto;max-width:230px;margin-bottom:70px;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 8px 26px rgba(0,0,0,.22);font-size:.9rem;color:#333;line-height:1.4;border:2px solid var(--titiu-verde)}
.titiu-balao::after{content:"";position:absolute;right:-11px;bottom:26px;border:10px solid transparent;border-left-color:#fff}
.titiu-balao::before{content:"";position:absolute;right:-14px;bottom:25px;border:11px solid transparent;border-left-color:var(--titiu-verde)}
.titiu-balao p{margin:0 0 10px}
.titiu-balao strong{color:var(--titiu-verde)}
.titiu-balao .titiu-fechar-s{position:absolute;top:6px;right:10px;cursor:pointer;color:#aaa;font-size:1.1rem;background:none;border:none}
.titiu-balao-acoes{display:flex;gap:8px}
.titiu-balao-acoes button{flex:1;border:none;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;border-radius:9px;padding:9px 10px}
.titiu-balao-acoes .tb-sim{background:var(--titiu-verde);color:#fff}
.titiu-balao-acoes .tb-sim:hover{background:var(--titiu-verde2)}
.titiu-balao-acoes .tb-nao{background:#eee;color:#555}
/* Janela */
.titiu-janela{position:fixed;right:18px;bottom:18px;z-index:9999;width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 36px);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.3);display:none;flex-direction:column}
.titiu-janela.aberta{display:flex}
.titiu-cab{background:linear-gradient(135deg,var(--titiu-verde2),var(--titiu-verde));color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}
.titiu-cab img{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}
.titiu-cab .titiu-nome{flex:1}
.titiu-cab .titiu-nome strong{display:block;font-size:1rem}
.titiu-cab .titiu-nome span{font-size:.74rem;opacity:.9}
.titiu-cab .titiu-fechar{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1}
.titiu-corpo{flex:1;overflow-y:auto;padding:16px;background:#f3f7f3;display:flex;flex-direction:column;gap:10px}
.titiu-bolha{max-width:85%;padding:10px 14px;border-radius:14px;font-size:.9rem;line-height:1.45}
.titiu-bolha.dele{align-self:flex-start;background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.titiu-bolha.minha{align-self:flex-end;background:var(--titiu-verde);color:#fff;border-bottom-right-radius:4px}
.titiu-bolha.alerta{background:#fff4f4;border:1px solid #f3c6c6;color:#7a1c1f}
.titiu-bolha strong{font-weight:700}
.titiu-bolha a{color:var(--titiu-verde);font-weight:600}
.titiu-bolha.minha a{color:#fff;text-decoration:underline}
.titiu-opcoes{display:flex;flex-direction:column;gap:8px;padding:4px 16px 14px;background:#f3f7f3}
.titiu-opcao{text-align:left;background:#fff;border:1.5px solid var(--titiu-verde2);color:var(--titiu-verde);border-radius:10px;padding:11px 14px;font-size:.88rem;font-family:inherit;cursor:pointer;transition:all .15s}
.titiu-opcao:hover{background:var(--titiu-verde);color:#fff}
.titiu-opcao.destaque{background:var(--titiu-vermelho);color:#fff;border-color:var(--titiu-vermelho);font-weight:700}
.titiu-opcao.destaque:hover{background:#8f1418}
.titiu-opcao.voltar{border-color:#ccc;color:#666}
.titiu-opcao.voltar:hover{background:#666;color:#fff}
.titiu-digitando{align-self:flex-start;display:flex;gap:4px;padding:12px 16px}
.titiu-digitando span{width:8px;height:8px;border-radius:50%;background:#bbb;animation:titiuPulo 1.2s infinite}
.titiu-digitando span:nth-child(2){animation-delay:.2s}.titiu-digitando span:nth-child(3){animation-delay:.4s}
@keyframes titiuPulo{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}
.titiu-ajuda-ic{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;vertical-align:middle;border-radius:50%;border:none;cursor:pointer;background:var(--titiu-verde);color:#fff;font-size:.62rem;padding:0;line-height:1;box-shadow:0 1px 3px rgba(46,125,79,.4);transition:transform .12s,background .12s}
.titiu-ajuda-ic:hover{transform:scale(1.18);background:var(--titiu-verde2)}
@media(max-width:480px){.titiu-janela{right:0;bottom:0;width:100vw;height:100vh;max-height:100vh;border-radius:0}.titiu-corpo-img{width:120px}.titiu-balao{max-width:190px}}