cria-bot {
  --bot-pink: #ef006d;
  --bot-dark: #73002f;
  --bot-shine: #ff4aa0;
  position: absolute;
  right: clamp(15px, 3.2vw, 32px);
  bottom: calc(100% - 5px);
  z-index: 4;
  display: block;
  width: clamp(47px, 8.5vw, 82px);
  aspect-ratio: 52 / 60;
  color: var(--bot-pink);
  pointer-events: none;
  transform-origin: 50% 100%;
  filter: drop-shadow(0 7px 7px rgba(92, 0, 39, .26));
  will-change: transform;
}

cria-bot svg { display:block; width:100%; height:100%; overflow:visible; shape-rendering:crispEdges; }
cria-bot .bot-part { transform-box:fill-box; transition:transform .24s steps(3,end), opacity .14s linear; }
cria-bot .bot-head { transform-origin:50% 100%; }
cria-bot .bot-body { transform-origin:50% 20%; }
cria-bot .bot-arm-left { transform-origin:85% 12%; }
cria-bot .bot-arm-right { transform-origin:15% 12%; }
cria-bot .bot-forearm-left { transform-box:fill-box; transform-origin:85% 12%; }
cria-bot .bot-forearm-right { transform-box:fill-box; transform-origin:15% 12%; }
cria-bot .bot-leg-left, cria-bot .bot-leg-right { transform-origin:50% 5%; }
cria-bot .bot-eye { transform-box:fill-box; transform-origin:center; }
cria-bot .bot-back-panel { opacity:0; }
cria-bot .bot-glow { opacity:.6; }

/* Poses desenhadas a partir das referências enviadas. */
cria-bot[data-pose="idle"] { transform:translate3d(0,0,0); }
cria-bot[data-pose="idle"] .bot-body { animation:cria-bot-breathe 1.8s ease-in-out infinite; }
cria-bot[data-pose="idle"] .bot-eye { animation:cria-bot-blink 3.4s steps(1) infinite; }

cria-bot[data-pose="look-left"] .bot-head { transform:translateX(-3px); }
cria-bot[data-pose="look-left"] .bot-eye { transform:translateX(-2px); }
cria-bot[data-pose="look-left"] .bot-arm-left { transform:rotate(10deg); }

cria-bot[data-pose="look-right"] .bot-head { transform:translateX(3px); }
cria-bot[data-pose="look-right"] .bot-eye { transform:translateX(2px); }
cria-bot[data-pose="look-right"] .bot-arm-right { transform:rotate(-10deg); }

cria-bot[data-pose="side"] .bot-head { transform:scaleX(.64) translateX(7px); }
cria-bot[data-pose="side"] .bot-body { transform:scaleX(.62) translateX(6px); }
cria-bot[data-pose="side"] .bot-eye-left { opacity:0; }
cria-bot[data-pose="side"] .bot-arm-left { opacity:.35; transform:translateX(7px); }

cria-bot[data-pose="back"] .bot-eye { opacity:0; }
cria-bot[data-pose="back"] .bot-back-panel { opacity:1; }
cria-bot[data-pose="back"] .bot-head { transform:translateY(1px); }

cria-bot[data-pose="point"] .bot-arm-left { transform:rotate(8deg); }
cria-bot[data-pose="point"] .bot-arm-right { transform:rotate(-91deg) translate(-2px,-1px); }
cria-bot[data-pose="point"] .bot-head { transform:translateX(2px); }
cria-bot[data-pose="point"] .bot-eye { transform:translateX(2px); }

cria-bot[data-pose="wave"] .bot-arm-right { animation:cria-bot-wave .7s steps(3,end) infinite; }
cria-bot[data-pose="wave"] .bot-head { transform:rotate(-3deg); }

cria-bot[data-pose="invite"] .bot-head { transform:translateX(2px) rotate(-2deg); }
cria-bot[data-pose="invite"] .bot-eye { transform:translateX(2px); }
cria-bot[data-pose="invite"] .bot-arm-right { transform:rotate(-82deg) translate(-1px,-1px); }
cria-bot[data-pose="invite"] .bot-forearm-right { animation:cria-bot-beckon .72s steps(3,end) infinite; }
cria-bot[data-pose="invite"] .bot-body { animation:cria-bot-invite-body 1.44s ease-in-out infinite; }

cria-bot[data-pose="invite-double"] .bot-head { animation:cria-bot-invite-head 1.1s steps(2,end) infinite; }
cria-bot[data-pose="invite-double"] .bot-arm-left { animation:cria-bot-invite-left .82s steps(3,end) infinite; }
cria-bot[data-pose="invite-double"] .bot-arm-right { animation:cria-bot-invite-right .82s steps(3,end) infinite; }
cria-bot[data-pose="invite-double"] .bot-forearm-left,
cria-bot[data-pose="invite-double"] .bot-forearm-right { animation:cria-bot-invite-hands .82s steps(3,end) infinite; }

cria-bot[data-pose="walk"] { animation:cria-bot-walk-body .38s steps(2,end) infinite; }
cria-bot[data-pose="walk"] .bot-leg-left { animation:cria-bot-leg-left .38s steps(2,end) infinite; }
cria-bot[data-pose="walk"] .bot-leg-right { animation:cria-bot-leg-right .38s steps(2,end) infinite; }
cria-bot[data-pose="walk"] .bot-arm-left { animation:cria-bot-leg-right .38s steps(2,end) infinite; }
cria-bot[data-pose="walk"] .bot-arm-right { animation:cria-bot-leg-left .38s steps(2,end) infinite; }

cria-bot[data-pose="jump"] { animation:cria-bot-jump .82s cubic-bezier(.32,.75,.36,1) infinite; }
cria-bot[data-pose="jump"] .bot-arm-left { transform:rotate(31deg); }
cria-bot[data-pose="jump"] .bot-arm-right { transform:rotate(-31deg); }
cria-bot[data-pose="jump"] .bot-leg-left { transform:rotate(18deg); }
cria-bot[data-pose="jump"] .bot-leg-right { transform:rotate(-18deg); }

cria-bot[data-pose="peek"] { transform:translateY(24px); }
cria-bot[data-pose="peek"] .bot-body, cria-bot[data-pose="peek"] .bot-leg-left, cria-bot[data-pose="peek"] .bot-leg-right { opacity:0; }
cria-bot[data-pose="peek"] .bot-arm-left { transform:translate(5px,12px) rotate(-77deg); }
cria-bot[data-pose="peek"] .bot-arm-right { transform:translate(-5px,12px) rotate(77deg); }

/* Retrato estático: usado dentro do avatar das mensagens. */
cria-bot[data-pose="portrait"] { transform:translateX(-50%); }

/* Coreografia exclusiva do atendimento com IA. */
cria-bot[data-pose="chat-ready"] { animation:chat-bot-hover 1.5s ease-in-out infinite; }
cria-bot[data-pose="chat-ready"] .bot-eye { animation:chat-bot-soft-blink 3.1s steps(1) infinite; }

cria-bot[data-pose="chat-listen"] { animation:chat-bot-listen-body 1.35s ease-in-out infinite; }
cria-bot[data-pose="chat-listen"] .bot-head { transform:translate(-2px,-1px) rotate(-7deg); }
cria-bot[data-pose="chat-listen"] .bot-eye { transform:translate(-1px,1px); }
cria-bot[data-pose="chat-listen"] .bot-arm-left { transform:rotate(112deg) translate(1px,-1px); }
cria-bot[data-pose="chat-listen"] .bot-forearm-left { transform:rotate(55deg) translate(-1px,0); }

cria-bot[data-pose="chat-focus"] .bot-head { animation:chat-bot-focus-head 1.1s ease-in-out infinite; }
cria-bot[data-pose="chat-focus"] .bot-eye { transform:translateY(2px) scaleX(.82); }
cria-bot[data-pose="chat-focus"] .bot-arm-left { transform:rotate(15deg); }
cria-bot[data-pose="chat-focus"] .bot-arm-right { transform:rotate(-15deg); }

cria-bot[data-pose="chat-think"] { animation:chat-bot-think-body 1.55s ease-in-out infinite; }
cria-bot[data-pose="chat-think"] .bot-head { transform:translate(2px,-2px) rotate(8deg); }
cria-bot[data-pose="chat-think"] .bot-eye { animation:chat-bot-think-eyes 1.55s steps(2,end) infinite; }
cria-bot[data-pose="chat-think"] .bot-arm-right { transform:rotate(-132deg) translate(-3px,-2px); }
cria-bot[data-pose="chat-think"] .bot-forearm-right { transform:rotate(-48deg) translate(-1px,-3px); }

cria-bot[data-pose="chat-scan"] .bot-head { animation:chat-bot-scan-head 1.35s steps(4,end) infinite; }
cria-bot[data-pose="chat-scan"] .bot-eye { animation:chat-bot-scan-eyes 1.35s steps(4,end) infinite; }
cria-bot[data-pose="chat-scan"] .bot-body { animation:chat-bot-scan-glow 1.35s ease-in-out infinite; }

cria-bot[data-pose="chat-type"] { animation:chat-bot-type-body .34s steps(2,end) infinite; }
cria-bot[data-pose="chat-type"] .bot-head { transform:translateY(2px) rotate(-2deg); }
cria-bot[data-pose="chat-type"] .bot-eye { transform:translateY(2px); }
cria-bot[data-pose="chat-type"] .bot-arm-left { animation:chat-bot-type-left .34s steps(2,end) infinite; }
cria-bot[data-pose="chat-type"] .bot-arm-right { animation:chat-bot-type-right .34s steps(2,end) infinite; }

cria-bot[data-pose="chat-send"] { animation:chat-bot-send-body 1s cubic-bezier(.2,.8,.3,1) infinite; }
cria-bot[data-pose="chat-send"] .bot-head { transform:translateX(3px) rotate(4deg); }
cria-bot[data-pose="chat-send"] .bot-eye { transform:translateX(2px); }
cria-bot[data-pose="chat-send"] .bot-arm-right { transform:rotate(-92deg) translate(-3px,-1px); }
cria-bot[data-pose="chat-send"] .bot-forearm-right { animation:chat-bot-send-hand 1s steps(2,end) infinite; }

cria-bot[data-pose="chat-confirm"] .bot-head { animation:chat-bot-confirm-head .7s ease-in-out infinite; }
cria-bot[data-pose="chat-confirm"] .bot-arm-left { transform:rotate(78deg); }
cria-bot[data-pose="chat-confirm"] .bot-forearm-left { transform:rotate(72deg) translate(0,-2px); }
cria-bot[data-pose="chat-confirm"] .bot-arm-right { transform:rotate(-18deg); }

cria-bot[data-pose="chat-nod"] .bot-head { animation:chat-bot-nod .6s ease-in-out infinite; }
cria-bot[data-pose="chat-nod"] .bot-body { animation:chat-bot-nod-body .6s ease-in-out infinite; }

cria-bot[data-pose="chat-wave"] .bot-head { transform:translate(-1px,-1px) rotate(-5deg); }
cria-bot[data-pose="chat-wave"] .bot-arm-right { animation:chat-bot-chat-wave .52s steps(3,end) infinite; }
cria-bot[data-pose="chat-wave"] .bot-body { animation:chat-bot-wave-body 1.04s ease-in-out infinite; }

cria-bot[data-pose="chat-celebrate"] { animation:chat-bot-celebrate 1.05s cubic-bezier(.2,.8,.3,1) infinite; }
cria-bot[data-pose="chat-celebrate"] .bot-head { animation:chat-bot-celebrate-head 1.05s steps(2,end) infinite; }
cria-bot[data-pose="chat-celebrate"] .bot-arm-left { transform:rotate(132deg); }
cria-bot[data-pose="chat-celebrate"] .bot-arm-right { transform:rotate(-132deg); }
cria-bot[data-pose="chat-celebrate"] .bot-leg-left { transform:rotate(12deg); }
cria-bot[data-pose="chat-celebrate"] .bot-leg-right { transform:rotate(-12deg); }

cria-bot[data-pose="chat-invite"] { animation:chat-bot-invite-step .9s steps(2,end) infinite; }
cria-bot[data-pose="chat-invite"] .bot-head { animation:chat-bot-invite-look 1.8s ease-in-out infinite; }
cria-bot[data-pose="chat-invite"] .bot-arm-left { animation:chat-bot-invite-left .72s steps(3,end) infinite; }
cria-bot[data-pose="chat-invite"] .bot-arm-right { animation:chat-bot-invite-right .72s steps(3,end) infinite; }
cria-bot[data-pose="chat-invite"] .bot-forearm-left,
cria-bot[data-pose="chat-invite"] .bot-forearm-right { animation:chat-bot-invite-hands .72s steps(3,end) infinite; }

cria-bot[data-pose="chat-rest"] { animation:chat-bot-rest 1.3s ease-in-out infinite; }
cria-bot[data-pose="chat-rest"] .bot-head { transform:translateY(2px); }
cria-bot[data-pose="chat-rest"] .bot-eye { transform:scaleY(.55); }
cria-bot[data-pose="chat-rest"] .bot-arm-left { transform:rotate(-8deg); }
cria-bot[data-pose="chat-rest"] .bot-arm-right { transform:rotate(8deg); }

@keyframes cria-bot-breathe { 0%,100%{transform:scaleY(1)} 50%{transform:scaleY(.96) translateY(1px)} }
@keyframes cria-bot-blink { 0%,42%,47%,100%{transform:scaleY(1)} 43%,46%{transform:scaleY(.12)} }
@keyframes cria-bot-wave { 0%,100%{transform:rotate(-68deg)} 50%{transform:rotate(-112deg)} }
@keyframes cria-bot-beckon { 0%,100%{transform:rotate(0deg) translate(0,0)} 45%{transform:rotate(72deg) translate(-1px,1px)} 70%{transform:rotate(72deg) translate(-1px,1px)} }
@keyframes cria-bot-invite-body { 0%,100%{transform:translateX(0)} 50%{transform:translateX(-2px)} }
@keyframes cria-bot-invite-head { 0%,100%{transform:translateX(-2px) rotate(-3deg)} 50%{transform:translateX(2px) rotate(3deg)} }
@keyframes cria-bot-invite-left { 0%,100%{transform:rotate(64deg)} 50%{transform:rotate(91deg) translateY(-1px)} }
@keyframes cria-bot-invite-right { 0%,100%{transform:rotate(-64deg)} 50%{transform:rotate(-91deg) translateY(-1px)} }
@keyframes cria-bot-invite-hands { 0%,100%{transform:rotate(0)} 50%{transform:rotate(48deg)} }
@keyframes cria-bot-walk-body { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-2px)} }
@keyframes cria-bot-leg-left { 0%,100%{transform:rotate(17deg)} 50%{transform:rotate(-19deg)} }
@keyframes cria-bot-leg-right { 0%,100%{transform:rotate(-19deg)} 50%{transform:rotate(17deg)} }
@keyframes cria-bot-jump { 0%,100%{transform:translateY(0) rotate(0)} 45%{transform:translateY(-20px) rotate(-4deg)} 70%{transform:translateY(-17px) rotate(3deg)} }

@keyframes chat-bot-hover { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
@keyframes chat-bot-soft-blink { 0%,44%,49%,100%{transform:scaleY(1)} 45%,48%{transform:scaleY(.18)} }
@keyframes chat-bot-listen-body { 0%,100%{transform:translateX(0) rotate(0)} 50%{transform:translateX(-2px) rotate(-2deg)} }
@keyframes chat-bot-focus-head { 0%,100%{transform:translateY(1px)} 50%{transform:translateY(3px)} }
@keyframes chat-bot-think-body { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-2px) rotate(2deg)} }
@keyframes chat-bot-think-eyes { 0%,49%{transform:translate(-1px,-2px)} 50%,100%{transform:translate(2px,-2px)} }
@keyframes chat-bot-scan-head { 0%,100%{transform:translateX(-3px)} 50%{transform:translateX(3px)} }
@keyframes chat-bot-scan-eyes { 0%,100%{transform:translateX(-3px)} 50%{transform:translateX(3px)} }
@keyframes chat-bot-scan-glow { 0%,100%{filter:brightness(1)} 50%{filter:brightness(1.28)} }
@keyframes chat-bot-type-body { 0%,100%{transform:translateY(0)} 50%{transform:translateY(1px)} }
@keyframes chat-bot-type-left { 0%,100%{transform:rotate(70deg) translateY(0)} 50%{transform:rotate(86deg) translateY(2px)} }
@keyframes chat-bot-type-right { 0%,100%{transform:rotate(-86deg) translateY(2px)} 50%{transform:rotate(-70deg) translateY(0)} }
@keyframes chat-bot-send-body { 0%,100%{transform:translateX(0)} 45%{transform:translateX(4px)} }
@keyframes chat-bot-send-hand { 0%,100%{transform:translateX(0)} 50%{transform:translateX(4px)} }
@keyframes chat-bot-confirm-head { 0%,100%{transform:rotate(0) translateY(0)} 50%{transform:rotate(-4deg) translateY(-2px)} }
@keyframes chat-bot-nod { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(3px) rotate(1deg)} }
@keyframes chat-bot-nod-body { 0%,100%{transform:scaleY(1)} 50%{transform:scaleY(.96) translateY(1px)} }
@keyframes chat-bot-chat-wave { 0%,100%{transform:rotate(-65deg)} 50%{transform:rotate(-119deg)} }
@keyframes chat-bot-wave-body { 0%,100%{transform:translateX(0)} 50%{transform:translateX(-2px)} }
@keyframes chat-bot-celebrate { 0%,100%{transform:translateY(0) rotate(0)} 45%{transform:translateY(-15px) rotate(-4deg)} 70%{transform:translateY(-12px) rotate(4deg)} }
@keyframes chat-bot-celebrate-head { 0%,100%{transform:rotate(-4deg)} 50%{transform:rotate(4deg)} }
@keyframes chat-bot-invite-step { 0%,100%{transform:translateX(-2px)} 50%{transform:translateX(2px)} }
@keyframes chat-bot-invite-look { 0%,100%{transform:translateX(-2px) rotate(-3deg)} 50%{transform:translateX(2px) rotate(3deg)} }
@keyframes chat-bot-invite-left { 0%,100%{transform:rotate(62deg)} 50%{transform:rotate(92deg)} }
@keyframes chat-bot-invite-right { 0%,100%{transform:rotate(-92deg)} 50%{transform:rotate(-62deg)} }
@keyframes chat-bot-invite-hands { 0%,100%{transform:rotate(0)} 50%{transform:rotate(45deg)} }
@keyframes chat-bot-rest { 0%,100%{transform:translateY(2px) scaleY(.98)} 50%{transform:translateY(4px) scaleY(.95)} }

@media (prefers-reduced-motion:reduce) {
  cria-bot, cria-bot .bot-part, cria-bot .bot-eye { animation:none !important; transition:none !important; }
}