/* Androide compañero que sustituye al puntero (solo con ratón; JS añade .has-bot) */
html.has-bot,html.has-bot *{cursor:none!important}
html.has-bot input,html.has-bot textarea,html.has-bot select{cursor:text!important}

#aia-dot,#aia-bot{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;opacity:0;transition:opacity .25s}
#aia-dot{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#35e0ff;box-shadow:0 0 0 2px rgba(7,8,15,.7),0 0 14px 2px rgba(53,224,255,.8)}
#aia-bot{--bs:1;width:calc(58px * var(--bs));height:calc(66px * var(--bs));margin:-6px 0 0 -8px}
.b-scale{width:58px;height:66px;transform:scale(var(--bs));transform-origin:0 0;transition:transform .55s cubic-bezier(.3,1.5,.5,1)}
#aia-bot.show,#aia-dot.show{opacity:1}
#aia-bot.native,#aia-dot.native{opacity:0}

.b-tilt{width:100%;height:100%;transition:transform .12s ease-out;transform-origin:50% 60%}
.b-float{animation:botfloat 2.4s ease-in-out infinite alternate}
@keyframes botfloat{from{transform:translateY(-2px)}to{transform:translateY(3px)}}
#aia-bot svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 10px rgba(139,123,255,.45))}

/* Brazo: la rotación la controla JS (--arm); al saludar se agita */
.b-arm{transform-origin:43px 46px;transform:rotate(var(--arm,28deg));transition:transform .18s ease-out}
#aia-bot.hi .b-arm{animation:botwave .38s ease-in-out infinite alternate;transition:none}
@keyframes botwave{from{transform:rotate(-55deg)}to{transform:rotate(-112deg)}}

/* Ojos: se desplazan hacia donde te mueves y parpadean */
.b-eyes{transform:translate(var(--ex,0px),var(--ey,0px));transition:transform .12s ease-out}
.b-eyes circle{transform-box:fill-box;transform-origin:center;animation:botblink 5s infinite}
@keyframes botblink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.b-ant{animation:botant 1.4s ease-in-out infinite alternate}
@keyframes botant{from{opacity:.45}to{opacity:1}}
.b-glow{animation:botglow 1.4s ease-in-out infinite alternate;transform-origin:32px 64px}
@keyframes botglow{from{opacity:.35;transform:scale(.8)}to{opacity:.9;transform:scale(1.15)}}

/* Estados */
#aia-bot.on-link .b-float{animation:botjump .5s ease-in-out infinite alternate}
@keyframes botjump{from{transform:translateY(0)}to{transform:translateY(-6px)}}
#aia-bot.on-link .b-eyes circle{r:3.6}
#aia-bot.squish .b-tilt{transform:scale(.82,1.12)!important}

/* Burbuja de saludo */
.b-bubble{position:absolute;left:44px;top:-22px;white-space:nowrap;background:#eef0f8;color:#0b0d12;font:600 12px/1 var(--font,system-ui);padding:7px 10px;border-radius:10px 10px 10px 2px;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transform:translateY(6px) scale(.9);transition:opacity .25s,transform .25s}
#aia-bot.hi .b-bubble{opacity:1;transform:none}

/* Modo grande: al tocar un botón el robot crece, llama la atención y explica qué pasará */
#aia-bot.big{z-index:99999}
#aia-bot.big .b-arm{animation:botwave .5s ease-in-out infinite alternate;transition:none}
#aia-bot.big .b-float{animation-duration:1.1s}
#aia-bot.big .b-bubble{
	left:50%;top:auto;bottom:calc(100% + 10px);right:auto;
	width:max-content;max-width:min(260px,70vw);white-space:normal;
	font:700 15px/1.35 var(--font,system-ui);text-align:center;color:#0b0d12;
	padding:15px 18px;border-radius:26px;background:#fff;
	box-shadow:0 14px 40px rgba(0,0,0,.5),0 0 0 3px rgba(53,224,255,.55),0 0 30px rgba(139,123,255,.45);
	opacity:1;transform:translateX(-50%) scale(1);transform-origin:50% 100%;
	transition:opacity .25s,transform .35s cubic-bezier(.3,1.5,.5,1)
}
/* Nube: pequeñas bolitas que unen la burbuja con el robot */
#aia-bot.big .b-bubble::before,#aia-bot.big .b-bubble::after{content:"";position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 0 2px rgba(53,224,255,.5)}
#aia-bot.big .b-bubble::before{width:16px;height:16px;left:44%;bottom:-16px}
#aia-bot.big .b-bubble::after{width:9px;height:9px;left:50%;bottom:-26px}
#aia-bot.big.below .b-bubble{bottom:auto;top:calc(100% + 10px)}
#aia-bot.big.below .b-bubble::before{bottom:auto;top:-16px}
#aia-bot.big.below .b-bubble::after{bottom:auto;top:-26px}
#aia-bot.big .b-bubble.pop{animation:botpop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes botpop{from{transform:translateX(-50%) scale(.6);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}

@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){#aia-bot,#aia-dot{display:none}}