/* The site's mascot: a small robot in the brand colours that floats in the corner, follows the mouse with
   its eyes, leans with the scroll, says one line per section and opens WhatsApp when clicked.
   Markup and behaviour live in assets/js/robot.js; this file only styles it. */

.bot{position:fixed;inset-inline-start:auto;left:22px;bottom:20px;z-index:60;width:118px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
  transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .4s;opacity:0}
.bot.ready{opacity:1}
.bot:focus-visible{outline:2px solid var(--cyan-2,#22D3EE);outline-offset:6px;border-radius:24px}
.bot__body{animation:bot-hover 3.4s ease-in-out infinite}
.bot:hover .bot__body{animation-duration:1.2s}
@keyframes bot-hover{50%{transform:translateY(-10px)}}
.bot svg{width:100%;display:block;overflow:visible;filter:drop-shadow(0 16px 18px rgba(0,0,0,.4))}
.bot__shadow{position:absolute;left:26%;right:26%;bottom:-6px;height:10px;border-radius:50%;background:rgba(0,0,0,.4);filter:blur(4px);animation:bot-shadow 3.4s ease-in-out infinite}
@keyframes bot-shadow{50%{transform:scaleX(.72);opacity:.55}}
.bot .bot__ant{animation:bot-glow 1.6s ease-in-out infinite}
@keyframes bot-glow{50%{fill:#FF8FBF}}
.bot .bot__lid{transform-box:fill-box;transform-origin:center;transform:scaleY(0);animation:bot-blink 5s infinite}
@keyframes bot-blink{0%,93%,100%{transform:scaleY(0)}96%{transform:scaleY(1)}}
.bot .bot__arm{transform-box:fill-box;transform-origin:50% 8%}
.bot.is-waving .bot__arm{animation:bot-wave .45s ease-in-out 6 alternate}
@keyframes bot-wave{from{transform:rotate(-10deg)}to{transform:rotate(-150deg)}}
.bot .bot__jet{transform-box:fill-box;transform-origin:top;animation:bot-jet .25s ease-in-out infinite alternate}
@keyframes bot-jet{to{transform:scaleY(.55);opacity:.55}}
.bot .bot__spark{animation:bot-spark 2.4s ease-in-out infinite}
.bot .bot__spark:nth-of-type(2){animation-delay:.8s}.bot .bot__spark:nth-of-type(3){animation-delay:1.6s}
@keyframes bot-spark{50%{fill:#fff}}

.bot__bubble{position:absolute;bottom:100%;left:34px;margin-bottom:8px;width:max-content;max-width:250px;
  background:#F8F9FE;color:#0E1220;font:600 14.5px/1.55 "Readex Pro",sans-serif;padding:10px 14px;
  border-radius:14px 14px 14px 4px;box-shadow:0 14px 30px -10px rgba(0,0,0,.55);
  opacity:0;transform:translateY(8px) scale(.9);transform-origin:bottom left;transition:opacity .3s,transform .3s;pointer-events:none}
.bot__bubble.is-on{opacity:1;transform:none;pointer-events:auto}
.bot__bubble a{display:inline-flex;align-items:center;gap:6px;margin-top:8px;background:#25D366;color:#052E16;border-radius:9px;padding:6px 12px;font-weight:700;font-size:14px;text-decoration:none}
.bot__bubble a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}

@media (max-width:760px){.bot{width:80px;left:12px;bottom:12px}.bot__bubble{max-width:210px;font-size:13.5px;left:22px}}
@media (prefers-reduced-motion:reduce){.bot,.bot *{animation:none!important;transition:none!important}}
@media print{.bot{display:none}}