.help-chat-launcher.help-robot {
  width: 64px;
  height: 64px;
  padding: 8px;
  border: 1px solid #99c9c7;
  border-radius: 8px;
  background: #fff;
  color: #155d61;
  box-shadow: 0 6px 18px #14232d24;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
  overflow: visible;
  transition: box-shadow 160ms ease, border-color 160ms ease;
}
.help-chat-launcher.help-robot-positioned { right: auto; bottom: auto; }
#toast {
  right: 100px;
  z-index: 80;
  width: max-content;
  max-width: min(420px, calc(100vw - 112px));
  overflow-wrap: anywhere;
}
.help-robot svg { display: block; width: 46px; height: 46px; flex-shrink: 0; transform-origin: 50% 70%; }
.help-robot svg rect { fill: #eaf6f3; }
.help-robot .robot-eye { stroke: #14232d; transform-box: fill-box; transform-origin: center; }
.help-robot::after {
  content: "Ayuda";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -8px);
  padding: 5px 9px;
  border-radius: 4px;
  background: #14232d;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  pointer-events: none;
}
.help-robot:hover, .help-robot:focus-visible { border-color: #155d61; box-shadow: 0 8px 22px #14232d33; }
.help-robot:focus-visible { outline: 3px solid #238386; outline-offset: 3px; }
.help-robot:hover::after, .help-robot:focus-visible::after { opacity: 1; }
.help-chat-launcher.help-robot.is-dragging { cursor: grabbing; box-shadow: 0 12px 30px #14232d42; }
.help-robot.is-dragging::after { opacity: 0; }
.help-robot-panel-positioned { right: auto; bottom: auto !important; max-height: none; grid-template-rows: auto auto minmax(40px, 1fr) auto auto auto; }
.help-robot-panel-positioned .help-chat-suggestions { max-height: 72px; }
body:has(dialog[open]) .help-robot { visibility: hidden; }
.help-directory nav { max-height: 640px; overflow-y: auto; overscroll-behavior-y: contain; }
@media (max-width: 700px) {
  .help-directory nav { max-height: 240px; }
  .help-article-header h2 { font-size: 22px; overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: no-preference) {
  .help-robot svg { animation: robot-idle 5.2s ease-in-out infinite; }
  .help-robot .robot-eye { animation: robot-blink 3.8s ease-in-out infinite; }
  .help-robot:hover svg { animation: robot-hello 650ms ease-out 1; }
  .help-robot.is-thinking svg { animation: robot-thinking 1.8s ease-in-out infinite; }
  .help-robot.is-dragging svg, .help-robot.is-dragging .robot-eye { animation: none; }
  .marketing-site .reveal-enter { animation: help-reveal 500ms ease-out both; }
}
@keyframes robot-hello { 0%, 100% { transform: rotate(0); } 35% { transform: rotate(-9deg) translateY(-2px); } 65% { transform: rotate(6deg); } }
@keyframes robot-idle {
  0%, 100% { transform: translateY(0) rotate(0); }
  25%, 75% { transform: translateY(-3px) rotate(0); }
  42% { transform: translateY(-3px) rotate(-10deg); }
  50% { transform: translateY(-3px) rotate(8deg); }
  58% { transform: translateY(-3px) rotate(-5deg); }
  65% { transform: translateY(-3px) rotate(0); }
}
@keyframes robot-blink { 0%, 44%, 48%, 100% { transform: scaleY(1); } 46% { transform: scaleY(.12); } }
@keyframes robot-thinking { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes help-reveal { from { opacity: .25; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-height: 540px) {
  .help-robot-panel-positioned .help-chat-context, .help-robot-panel-positioned .help-chat-suggestions { display: none; }
  .help-robot-panel-positioned { grid-template-rows: auto minmax(32px, 1fr) auto auto; }
  .help-robot-panel-positioned .help-chat-header { padding: 8px 12px; }
  .help-robot-panel-positioned .help-chat-form { padding: 6px 10px; }
  .help-robot-panel-positioned .help-chat-notice { font-size: 10px; padding: 4px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .help-robot, .help-robot svg, .help-robot .robot-eye, .marketing-site .reveal-enter { animation: none !important; transition: none; }
}