/* Kleo, the assistant: a small face in the corner, shared by the app and the site. No animations. */
.kleo{position:fixed;right:18px;bottom:18px;z-index:255;width:58px;height:58px}
.kleo.oculto{display:none}
.kleo-btn{all:unset;display:block;width:58px;height:58px;border-radius:50%;cursor:pointer;overflow:hidden;
  background:linear-gradient(135deg,#2b3d73,#3b2f6e);box-shadow:0 8px 22px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.18)}
.kleo-btn img{width:100%;height:100%;object-fit:cover;display:block}
.kleo-btn:focus-visible{outline:3px solid #8fb8ff;outline-offset:3px}

/* the note bubble, above the face */
.kleo-burbuja{position:absolute;right:0;bottom:calc(100% + 10px);width:max-content;max-width:min(290px,calc(100vw - 36px));
  background:#fff;color:#141a2e;border-radius:16px 16px 4px 16px;padding:12px 14px;font:500 14px/1.4 system-ui,'Segoe UI',sans-serif;
  box-shadow:0 14px 36px rgba(0,0,0,.35);display:none}
.kleo-burbuja.on{display:block}
.kleo-burbuja .kb-x{all:unset;position:absolute;top:4px;right:6px;width:22px;height:22px;text-align:center;line-height:22px;
  color:#8b93a7;cursor:pointer;border-radius:50%;font-size:16px}
.kleo-burbuja .kb-x:hover{background:#eef1f7;color:#141a2e}
.kleo-burbuja .kb-txt{padding-right:14px}
.kleo-burbuja .kb-bots{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.kleo-burbuja .kb-bots button,.kleo-burbuja .kb-bots a{all:unset;cursor:pointer;padding:7px 12px;border-radius:100px;font-weight:600;font-size:13px;
  background:#eef1f7;color:#141a2e}
.kleo-burbuja .kb-bots .kb-pri{background:linear-gradient(135deg,#3987e5,#6f5cf0);color:#fff}
.kleo-burbuja .kb-bots button:focus-visible,.kleo-burbuja .kb-bots a:focus-visible{outline:2px solid #3987e5;outline-offset:2px}
.kleo-burbuja .kb-paso{font-size:12px;color:#8b93a7;margin-top:8px}

/* tour: the highlighted item */
.kleo-foco{position:relative;z-index:254!important;box-shadow:0 0 0 3px #8fb8ff,0 0 0 8px rgba(111,92,240,.35)!important;border-radius:10px}

@media(max-width:760px){
  .kleo.sitio{bottom:calc(78px + env(safe-area-inset-bottom))}
}