/* "Clip", el asistente de Niels (boton flotante que abre el chat). Extraido de landing-refresh.css
   para usarlo con el diseno base de index.html sin traer el resto del "refresh". */
.niels-assistant{position:fixed;right:20px;top:50%;bottom:auto;transform:translateY(-50%);width:84px;height:100px;z-index:90;isolation:isolate}
.niels-assistant[hidden]{display:none}
.assistant-open{width:84px;height:100px;display:block;position:relative;background:transparent;border:0;padding:0;cursor:pointer;overflow:visible;border-radius:8px;color:#1f3a63}
.assistant-figure{display:block;position:absolute;inset:9px 10px 3px;transform-origin:50% 90%;animation:clip-greeting 3s ease-in-out 3}
.clip-outer{position:absolute;left:8px;top:2px;width:48px;height:81px;border:6px solid #0f766e;border-radius:28px 28px 24px 24px;background:#f6fbfa;box-shadow:inset 0 0 0 2px #fff}
.clip-inner{position:absolute;left:21px;top:24px;width:23px;height:51px;border:4px solid #6fa9a1;border-bottom:0;border-radius:15px 15px 0 0}
.clip-eyes{position:absolute;display:flex;gap:4px;left:7px;top:13px;transform:rotate(-7deg);animation:clip-blink 4s ease 3}
.clip-eyes>span{width:24px;height:28px;border:2px solid #1f3a63;border-radius:50%;background:#fff;position:relative}
.clip-eyes>span::after{content:'';position:absolute;width:7px;height:10px;left:6px;top:10px;border-radius:50%;background:#1f3a63;transition:left .16s}
.assistant-open:hover .clip-eyes>span::after,.assistant-open:focus-visible .clip-eyes>span::after{left:10px}
.clip-smile{position:absolute;left:24px;top:47px;width:16px;height:10px;border-bottom:3px solid #1f3a63;border-radius:0 0 12px 12px;transform:rotate(-7deg)}
.assistant-bubble{position:absolute;right:81px;bottom:21px;width:179px;text-align:left;background:#fff;border:1px solid #bfd5d0;border-radius:8px;padding:12px 13px;line-height:1.4;font-family:Manrope,'Segoe UI',sans-serif}
.assistant-bubble::after{content:'';position:absolute;right:-6px;bottom:21px;width:10px;height:10px;background:#fff;border-top:1px solid #bfd5d0;border-right:1px solid #bfd5d0;transform:rotate(45deg)}
.assistant-bubble>span{font-size:11px;color:#55646b;display:block;margin-bottom:4px}
.assistant-bubble strong{font-size:12px;font-weight:700;color:#0f766e;display:block}
.assistant-dismiss{position:absolute;right:-3px;top:-5px;width:26px;height:26px;border:1px solid #dfe6e5;border-radius:50%;background:#fff;color:#55646b;font-size:19px;line-height:1;cursor:pointer}
.assistant-dismiss:hover{background:#edf5f2;color:#1f3a63}
@keyframes clip-greeting{0%,65%,100%{transform:rotate(0) translateY(0)}15%{transform:rotate(-9deg) translateY(-5px)}30%{transform:rotate(6deg) translateY(-3px)}45%{transform:rotate(-4deg) translateY(-2px)}}
@keyframes clip-blink{0%,45%,51%,100%{transform:rotate(-7deg) scaleY(1)}48%{transform:rotate(-7deg) scaleY(.1)}}
@media(max-width:640px){
  .niels-assistant{right:12px;width:70px;height:86px}
  .assistant-open{width:70px;height:86px}.assistant-figure{inset:2px 3px 0}
  .assistant-bubble{right:67px;bottom:16px;width:167px;padding:10px 12px}.assistant-bubble strong{font-size:11px}
}