.ax-asis{--mx:0;--my:0;--cerca:0;--ox:0px;--oy:0px;--ax-asis-aro:var(--accent);--ax-asis-fondo:#eaf7f2;--ax-asis-tinta:#102c25;--ax-asis-borde:var(--accent);--ax-asis-menta:var(--cyan);--ax-asis-chispa:#fff;--ax-asis-blanco:#fff;--ax-asis-pupila:#0b0f0e;flex:none;place-items:center;display:inline-grid;container-type:inline-size}:root[data-theme=noche] .ax-asis{--ax-asis-fondo:#173630;--ax-asis-tinta:#eaf7f2;--ax-asis-chispa:var(--accent)}.ax-asis>svg{transform-origin:50% 70%;width:100%;height:100%;display:block;overflow:visible}.ax-asis[data-estado=habla]>svg{scale:1.05}.ax-asis *{transform-box:fill-box;transform-origin:50%}.ax-asis__todo{transform-box:view-box;transform-origin:256px 400px}.ax-asis__o{transform-box:view-box;transform-origin:256px 256px}.ax-asis__o path{fill:none;stroke:var(--ax-asis-aro);stroke-width:22px;stroke-linecap:round}.ax-asis__fondo{fill:var(--ax-asis-fondo)}.ax-asis__blanco{fill:var(--ax-asis-blanco);stroke:var(--ax-asis-borde);stroke-width:6px}.ax-asis__pupila{fill:var(--ax-asis-pupila);transform:translate(calc(var(--mx) * 11px), calc(var(--my) * 12px))}.ax-asis__feliz,.ax-asis__cerrado{fill:none;stroke:var(--ax-asis-tinta);stroke-width:14px;stroke-linecap:round;opacity:0}.ax-asis__pulso path{fill:none;stroke:var(--ax-asis-tinta);stroke-width:20px;stroke-linecap:round;stroke-linejoin:round}.ax-asis__voz{opacity:0}.ax-asis__qrs{transform-box:view-box;transform-origin:238px 282px}.ax-asis__nodo circle{fill:none;stroke:var(--ax-asis-menta);stroke-width:20px}.ax-asis__onda{fill:none;stroke:var(--ax-asis-menta);stroke-width:8px;opacity:0}.ax-asis__chispa,.ax-asis__brillo{fill:none;stroke:var(--ax-asis-chispa);stroke-width:22px;stroke-linecap:round;stroke-dasharray:.04 1.2;stroke-dashoffset:.04px;opacity:0}.ax-asis__brillo{stroke:var(--ax-asis-menta);stroke-width:44px}.ax-asis__zzz{fill:none;stroke:var(--ax-asis-aro);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.ax-asis__ojos{transform:translate(calc(var(--mx) * 4px + var(--ox)), calc(clamp(-.5, var(--my), .4) * 4px + var(--oy))) scale(calc(1 + var(--cerca) * .12))}.ax-asis__pulso{transform:translate(calc(var(--mx) * 5px), calc(var(--my) * 4px))}.ax-asis__ojo{transform-origin:50%}@container (max-width:60px){.ax-asis__o path{stroke-width:30px}.ax-asis__pulso path,.ax-asis__feliz,.ax-asis__cerrado,.ax-asis__nodo circle{stroke-width:26px}.ax-asis__blanco{stroke-width:9px}}.ax-asis[data-estado=atento] .ax-asis__todo{transform:translateY(-8px)}.ax-asis[data-estado=escucha]{--ox:-4px;--oy:3px}.ax-asis[data-estado=pensando]{--ox:3px;--oy:-3px}.ax-asis[data-estado=pensando] .ax-asis__pulso{opacity:.38}.ax-asis:is([data-estado=contento],[data-estado=duerme]) .ax-asis__abierto{opacity:0}.ax-asis[data-estado=contento] .ax-asis__feliz,.ax-asis[data-estado=duerme] .ax-asis__cerrado,.ax-asis[data-estado=duerme] .ax-asis__zzz{opacity:1}.ax-asis[data-estado=habla] .ax-asis__linea{opacity:0}.ax-asis[data-estado=habla] .ax-asis__voz{opacity:1}.ax-asis[data-estado=aviso]{--ax-asis-menta:var(--amber)}.ax-asis[data-estado=aviso] .ax-asis__nodo circle{fill:var(--ax-asis-menta)}.ax-asis[data-estado=duerme] .ax-asis__pulso{opacity:.55}.ax-asis[data-estado=duerme] .ax-asis__todo{transform:translateY(8px)}.ax-asis[data-encima]{translate:0 -8%;scale:1.1}@media (prefers-reduced-motion:no-preference){.ax-asis{transition:translate .35s cubic-bezier(.34,1.56,.64,1),scale .35s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1)}.ax-asis>svg{transition:scale .3s cubic-bezier(.34,1.56,.64,1)}.ax-asis__ojos,.ax-asis__pulso{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease-out}.ax-asis__pupila{transition:transform .22s cubic-bezier(.22,1,.36,1)}.ax-asis__todo{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.ax-asis__abierto,.ax-asis__feliz,.ax-asis__cerrado,.ax-asis__zzz,.ax-asis__linea,.ax-asis__voz{transition:opacity .18s ease-out}.ax-asis__ojo{animation:5.8s infinite ax-asis-parpadeo}.ax-asis:is([data-estado=contento],[data-estado=duerme]) .ax-asis__ojo{animation:none}.ax-asis:is([data-estado=reposo],[data-estado=atento]) :is(.ax-asis__chispa,.ax-asis__brillo){animation:4.4s cubic-bezier(.45,0,.2,1) infinite ax-asis-viaja}.ax-asis:is([data-estado=reposo],[data-estado=atento]) .ax-asis__nodo{animation:4.4s infinite ax-asis-recibe}.ax-asis:is([data-estado=reposo],[data-estado=atento]) .ax-asis__qrs{animation:4.4s infinite ax-asis-latido}.ax-asis[data-estado=escucha][data-tecla=a] .ax-asis__nodo{animation:.3s ax-asis-tecla-a}.ax-asis[data-estado=escucha][data-tecla=b] .ax-asis__nodo{animation:.3s ax-asis-tecla-b}.ax-asis[data-estado=pensando] .ax-asis__o{animation:1.3s cubic-bezier(.55,.15,.45,.85) infinite ax-asis-gira}.ax-asis[data-estado=pensando] :is(.ax-asis__chispa,.ax-asis__brillo){animation:1.15s linear infinite ax-asis-barre}.ax-asis[data-estado=pensando] .ax-asis__nodo{animation:1.15s infinite ax-asis-recibe}.ax-asis[data-estado=habla]>svg{animation:1.2s cubic-bezier(.3,0,.2,1) infinite ax-asis-crece}.ax-asis[data-estado=contento] .ax-asis__qrs{animation:.9s cubic-bezier(.22,1,.36,1) both ax-asis-doble}.ax-asis[data-estado=contento] .ax-asis__todo{animation:.8s cubic-bezier(.22,1,.36,1) both ax-asis-salto}.ax-asis[data-estado=contento] .ax-asis__onda{animation:1.8s cubic-bezier(.22,1,.36,1) both ax-asis-onda}.ax-asis[data-estado=aviso]>svg{animation:1.8s cubic-bezier(.3,0,.2,1) infinite ax-asis-late}.ax-asis[data-estado=aviso] .ax-asis__onda{animation:1.8s cubic-bezier(.22,1,.36,1) infinite ax-asis-onda}.ax-asis[data-estado=duerme] :is(.ax-asis__chispa,.ax-asis__brillo){animation:9s cubic-bezier(.45,0,.2,1) infinite ax-asis-viaja}.ax-asis[data-estado=duerme] .ax-asis__zzz path{animation:2.8s ease-in-out infinite ax-asis-zeta}.ax-asis[data-estado=duerme] .ax-asis__zzz path+path{animation-delay:1.4s}.ax-asis[data-encima] :is(.ax-asis__chispa,.ax-asis__brillo){animation:.7s linear ax-asis-barre}.ax-asis[data-encima] .ax-asis__qrs{animation:.9s cubic-bezier(.22,1,.36,1) ax-asis-doble}.ax-asis[data-encima] .ax-asis__nodo{animation:.4s .55s ax-asis-tecla-a}.ax-asis[data-abre=a]{animation:.62s cubic-bezier(.22,1,.36,1) ax-asis-abre-a}.ax-asis[data-abre=b]{animation:.62s cubic-bezier(.22,1,.36,1) ax-asis-abre-b}.ax-asis[data-abre] .ax-asis__o{animation:.7s cubic-bezier(.22,1,.36,1) ax-asis-gira}.ax-asis[data-abre] .ax-asis__onda{animation:.9s cubic-bezier(.22,1,.36,1) ax-asis-onda}.ax-asis[data-despierta] .ax-asis__ojos{animation:.5s cubic-bezier(.34,1.56,.64,1) ax-asis-susto}}@keyframes ax-asis-crece{0%,to{scale:1.03}25%{scale:1.07}50%{scale:1.04}75%{scale:1.08}}@keyframes ax-asis-gira{to{transform:rotate(360deg)}}@keyframes ax-asis-parpadeo{0%,86%,90%,93%,97%,to{transform:none}88%,95%{transform:scaleY(.1)}}@keyframes ax-asis-viaja{0%{stroke-dashoffset:.04px;opacity:0}6%{opacity:1}46%{stroke-dashoffset:-1px;opacity:1}50%,to{stroke-dashoffset:-1px;opacity:0}}@keyframes ax-asis-barre{0%{stroke-dashoffset:.04px;opacity:1}90%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes ax-asis-recibe{0%,40%,58%,to{transform:none}46%{transform:scale(1.32)}}@keyframes ax-asis-latido{0%,14%,30%,to{transform:none}20%{transform:scaleY(1.28)}}@keyframes ax-asis-tecla-a{40%{transform:scale(1.3)}}@keyframes ax-asis-tecla-b{40%{transform:scale(1.3)}}@keyframes ax-asis-doble{0%{transform:none}15%{transform:scaleY(1.35)}30%{transform:scaleY(.9)}45%{transform:scaleY(1.3)}70%,to{transform:none}}@keyframes ax-asis-salto{0%{transform:none}18%{transform:scale(1.06,.92)}46%{transform:translateY(-26px)scale(.97,1.04)}72%{transform:scale(1.03,.97)}to{transform:none}}@keyframes ax-asis-onda{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes ax-asis-late{0%,34%,to{scale:1}8%{scale:1.13}16%{scale:.98}24%{scale:1.08}}@keyframes ax-asis-abre-a{0%{scale:1}14%{scale:.8 .88}42%{scale:1.16 1.1}66%{scale:.96}to{scale:1}}@keyframes ax-asis-abre-b{0%{scale:1}14%{scale:.8 .88}42%{scale:1.16 1.1}66%{scale:.96}to{scale:1}}@keyframes ax-asis-zeta{0%{opacity:0;transform:translateY(10px)scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(14px,-30px)scale(1.1)}}@keyframes ax-asis-susto{0%{transform:scale(1)}40%{transform:translateY(-10px)scale(1.3)}to{transform:scale(1)}}