.oc-asis{--asis-mx:0;--asis-my:0;--asis-cerca:0;--asis-ox:0px;--asis-oy:0px;--asis-trazo:var(--marca-trazo);--asis-brasa:var(--marca-acento);--asis-luz:#ff9a5c;--asis-cara:#ff8a47;--asis-cara2:#ffad6b;--asis-blanco:#fff;--asis-pupila:#12141a;place-items:center;display:inline-grid;container-type:inline-size}:root[data-theme=noche] .oc-asis{--asis-cara:#c2460d;--asis-cara2:#e0600a}.oc-asis>svg{transform-origin:50% 70%;width:100%;height:100%;display:block;overflow:visible}.oc-asis[data-estado=habla]>svg{scale:1.1}.oc-asis *{transform-box:fill-box;transform-origin:50%}.oc-asis__todo{transform-box:view-box;transform-origin:256px 420px}.oc-asis__cuerpo{transform-box:view-box;transform-origin:256px 240px;transform:translate(calc(var(--asis-mx) * 5px), calc(var(--asis-my) * 4px))}.oc-asis__cara{transform-box:view-box;transform-origin:256px 250px}.oc-asis__ojos{transform:translate(calc(var(--asis-mx) * 6px + var(--asis-ox)), calc(var(--asis-my) * 5px + var(--asis-oy))) scale(calc(1 + var(--asis-cerca) * .1))}.oc-asis__pupila{transform:translate(calc(var(--asis-mx) * 12px), calc(var(--asis-my) * 16px))}.oc-asis__boca{transform:translate(calc(var(--asis-mx) * 6px + var(--asis-ox) * .4), calc(var(--asis-my) * 5px + var(--asis-oy) * .4))}.oc-asis__ojo{transform-origin:50%}.oc-asis__disco,.oc-asis__nodo{fill:var(--asis-trazo)}.oc-asis__nodo--3{fill:var(--asis-brasa)}.oc-asis__hueco{fill:var(--asis-hueco,var(--panel-bg))}.oc-asis__ramas{fill:none;stroke:var(--asis-trazo);stroke-width:14px;stroke-linejoin:round}.oc-asis__blanco{fill:var(--asis-blanco)}.oc-asis__pupila{fill:var(--asis-pupila)}.oc-asis__anillo,.oc-asis__guino,.oc-asis__feliz,.oc-asis__cerrado,.oc-asis__sonrisa{fill:none;stroke-linecap:round}.oc-asis__anillo{stroke:var(--asis-cara);stroke-width:12px}.oc-asis__guino{stroke:var(--asis-cara);stroke-width:22px;opacity:0}.oc-asis__feliz,.oc-asis__cerrado{stroke:var(--asis-cara);stroke-width:16px;opacity:0}.oc-asis__sonrisa{stroke:var(--asis-cara2);stroke-width:24px}.oc-asis__habla{fill:var(--asis-cara2);stroke:var(--asis-cara2);stroke-width:10px;stroke-linejoin:round;transform-origin:50% 0;opacity:0;transform:scaleY(.2)}.oc-asis__o{fill:var(--asis-cara2);opacity:0;transform:scale(.5)}.oc-asis__luz{fill:var(--asis-brasa);opacity:0;transform:scale(.6)}.oc-asis__luz--3{fill:var(--asis-luz)}.oc-asis__onda{fill:none;stroke:var(--asis-brasa);stroke-width:10px;opacity:0}.oc-asis__chispas{fill:none;stroke:var(--asis-brasa);stroke-width:16px;stroke-linecap:round;opacity:0;transform-origin:0 100%}.oc-asis__idea circle{fill:var(--asis-trazo);opacity:0;transform:scale(.3)}.oc-asis__zzz{fill:none;stroke:var(--asis-trazo);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;opacity:0}@container (max-width:60px){.oc-asis__anillo{stroke-width:16px}.oc-asis__guino{stroke-width:28px}.oc-asis__feliz,.oc-asis__cerrado{stroke-width:22px}.oc-asis__sonrisa{stroke-width:30px}.oc-asis__ramas{stroke-width:20px}}.oc-asis[data-estado=atento] .oc-asis__todo{transform:translateY(-8px)}.oc-asis[data-estado=escucha]{--asis-ox:-4px;--asis-oy:5px}.oc-asis[data-estado=escucha] .oc-asis__sonrisa{transform:scale(.78,.7)}.oc-asis[data-estado=pensando]{--asis-ox:4px;--asis-oy:-6px}.oc-asis[data-estado=pensando] .oc-asis__sonrisa{transform:translate(28px,6px)scale(.5,.45)}.oc-asis[data-estado=pensando] .oc-asis__idea circle{opacity:.9;transform:none}.oc-asis[data-estado=habla] .oc-asis__sonrisa,.oc-asis[data-estado=contento] .oc-asis__sonrisa{opacity:0}.oc-asis[data-estado=habla] .oc-asis__habla{opacity:1;transform:scaleY(.7)}.oc-asis[data-estado=contento] .oc-asis__habla{opacity:1;transform:scaleY(1.05)}.oc-asis:is([data-estado=contento],[data-estado=duerme]) :is(.oc-asis__abierto,.oc-asis__guino){opacity:0!important}.oc-asis[data-estado=contento] .oc-asis__feliz,.oc-asis[data-estado=duerme] .oc-asis__cerrado,.oc-asis[data-estado=duerme] .oc-asis__zzz{opacity:1}.oc-asis[data-estado=aviso] .oc-asis__luz--3{opacity:1;transform:none}.oc-asis[data-estado=duerme] .oc-asis__sonrisa{transform:translateY(-6px)scale(.38,.45)}.oc-asis[data-estado=duerme] .oc-asis__todo{transform:translateY(8px)}.oc-asis[data-encima]{translate:0 -7%;scale:1.08}@media (prefers-reduced-motion:no-preference){.oc-asis{transition:translate .35s cubic-bezier(.34,1.56,.64,1),scale .35s cubic-bezier(.34,1.56,.64,1)}.oc-asis__ojos,.oc-asis__boca{transition:transform .32s var(--ease-out,cubic-bezier(.22, 1, .36, 1))}.oc-asis__pupila{transition:transform .22s cubic-bezier(.22,1,.36,1)}.oc-asis__todo{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.oc-asis>svg{transition:scale .3s cubic-bezier(.34,1.56,.64,1)}.oc-asis__abierto,.oc-asis__guino,.oc-asis__feliz,.oc-asis__cerrado,.oc-asis__sonrisa,.oc-asis__habla,.oc-asis__luz,.oc-asis__zzz,.oc-asis__idea circle{transition:opacity .18s,transform .3s cubic-bezier(.22,1,.36,1)}.oc-asis__ojo{animation:6.2s infinite oc-asis-parpadeo}.oc-asis:is([data-estado=contento],[data-estado=duerme]) .oc-asis__ojo{animation:none}.oc-asis:is([data-estado=reposo],[data-estado=atento]):not([data-encima]) .oc-asis__guino{animation:11s infinite oc-asis-guino-raya}.oc-asis:is([data-estado=reposo],[data-estado=atento]):not([data-encima]) .oc-asis__ojo--d .oc-asis__abierto{animation:11s infinite oc-asis-guino-ojo}.oc-asis[data-estado=escucha][data-tecla=a] .oc-asis__cara{animation:.34s cubic-bezier(.22,1,.36,1) oc-asis-asiente-a}.oc-asis[data-estado=escucha][data-tecla=b] .oc-asis__cara{animation:.34s cubic-bezier(.22,1,.36,1) oc-asis-asiente-b}.oc-asis[data-estado=pensando] .oc-asis__todo{animation:2.4s ease-in-out infinite oc-asis-balanceo}.oc-asis[data-estado=pensando] .oc-asis__idea circle{animation:1.8s ease-out infinite oc-asis-idea}.oc-asis[data-estado=pensando] .oc-asis__idea circle:nth-child(2){animation-delay:.25s}.oc-asis[data-estado=pensando] .oc-asis__idea circle:nth-child(3){animation-delay:.5s}.oc-asis[data-estado=pensando] .oc-asis__luz{animation:1.25s ease-in-out infinite oc-asis-escribe}.oc-asis[data-estado=pensando] .oc-asis__luz--2{animation-delay:.18s}.oc-asis[data-estado=pensando] .oc-asis__luz--3{animation-delay:.36s}.oc-asis[data-estado=habla]>svg{animation:1s cubic-bezier(.3,0,.2,1) infinite oc-asis-crece}.oc-asis[data-estado=habla] .oc-asis__habla{animation:1.15s infinite oc-asis-habla}.oc-asis[data-estado=habla] .oc-asis__o{animation:1.15s infinite oc-asis-o}.oc-asis[data-estado=contento] .oc-asis__todo{animation:.8s cubic-bezier(.22,1,.36,1) both oc-asis-salto}.oc-asis[data-estado=contento] .oc-asis__chispas{animation:.7s cubic-bezier(.22,1,.36,1) .12s both oc-asis-chispas}.oc-asis[data-estado=aviso]>svg{animation:1.9s cubic-bezier(.3,0,.2,1) infinite oc-asis-late}.oc-asis[data-estado=aviso] .oc-asis__onda{animation:1.9s cubic-bezier(.22,1,.36,1) infinite oc-asis-onda}.oc-asis[data-estado=aviso] .oc-asis__todo{animation:3.8s cubic-bezier(.22,1,.36,1) infinite oc-asis-llama}.oc-asis[data-abre=a]{animation:.62s cubic-bezier(.22,1,.36,1) oc-asis-abre-a}.oc-asis[data-abre=b]{animation:.62s cubic-bezier(.22,1,.36,1) oc-asis-abre-b}.oc-asis[data-abre] .oc-asis__ojos{animation:.5s cubic-bezier(.34,1.56,.64,1) .12s oc-asis-susto}.oc-asis[data-estado=duerme] .oc-asis__zzz path{animation:2.8s ease-in-out infinite oc-asis-zeta}.oc-asis[data-estado=duerme] .oc-asis__zzz path+path{animation-delay:1.4s}.oc-asis[data-salto=a] .oc-asis__todo{animation:.85s cubic-bezier(.22,1,.36,1) oc-asis-giro-a}.oc-asis[data-salto=b] .oc-asis__todo{animation:.85s cubic-bezier(.22,1,.36,1) oc-asis-giro-b}.oc-asis[data-despierta] .oc-asis__ojos{animation:.5s cubic-bezier(.34,1.56,.64,1) oc-asis-susto}}@keyframes oc-asis-crece{0%,to{scale:1.06}18%{scale:1.14}34%{scale:1.08}52%{scale:1.15}70%{scale:1.05}86%{scale:1.12}}@keyframes oc-asis-idea{0%{opacity:0;transform:translateY(10px)scale(.3)}25%{opacity:.9;transform:none}70%{opacity:.9;transform:translateY(-4px)}to{opacity:0;transform:translateY(-10px)scale(.9)}}@keyframes oc-asis-parpadeo{0%,88%,92%,to{transform:none}90%{transform:scaleY(.08)}}@keyframes oc-asis-guino-raya{0%,70%,83%,to{opacity:0}72%,81%{opacity:1}}@keyframes oc-asis-guino-ojo{0%,70%,83%,to{opacity:1;transform:none}72%,81%{opacity:0;transform:scaleY(.2)}}@keyframes oc-asis-asiente-a{40%{transform:translateY(9px)}}@keyframes oc-asis-asiente-b{40%{transform:translateY(9px)}}@keyframes oc-asis-escribe{0%,60%,to{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.18)}}@keyframes oc-asis-balanceo{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}@keyframes oc-asis-habla{0%{opacity:1;transform:scaleY(.3)}12%{opacity:1;transform:scaleY(.95)}22%{opacity:1;transform:scaleY(.5)}26%,46%{opacity:0;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(.85)}62%{opacity:1;transform:scaleY(.35)}66%,84%{opacity:0;transform:scaleY(.35)}88%{opacity:1;transform:scaleY(.7)}to{opacity:1;transform:scaleY(.3)}}@keyframes oc-asis-o{0%,23%{opacity:0;transform:scale(.5)}27%{opacity:1;transform:scale(1)}37%{opacity:1;transform:scale(.82,.9)}45%{opacity:1;transform:scale(.6)}48%,64%{opacity:0;transform:scale(.5)}68%{opacity:1;transform:scale(.78)}76%{opacity:1;transform:scaleX(.95)}83%{opacity:1;transform:scale(.6)}86%,to{opacity:0;transform:scale(.5)}}@keyframes oc-asis-salto{0%{transform:none}18%{transform:scale(1.08,.9)}46%{transform:translateY(-34px)scale(.95,1.06)}72%{transform:scale(1.05,.95)}to{transform:none}}@keyframes oc-asis-chispas{0%{opacity:0;transform:scale(.3)}40%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes oc-asis-late{0%,34%,to{scale:1}8%{scale:1.13}16%{scale:.98}24%{scale:1.08}}@keyframes oc-asis-onda{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes oc-asis-llama{0%,30%,to{transform:none}8%{transform:translateY(-16px)rotate(-3deg)}16%{transform:none}22%{transform:translateY(-6px)}}@keyframes oc-asis-abre-a{0%{rotate:0deg;scale:1}14%{scale:.8 .88}42%{rotate:-6deg;scale:1.16 1.1}66%{rotate:3deg;scale:.96}to{rotate:0deg;scale:1}}@keyframes oc-asis-abre-b{0%{rotate:0deg;scale:1}14%{scale:.8 .88}42%{rotate:-6deg;scale:1.16 1.1}66%{rotate:3deg;scale:.96}to{rotate:0deg;scale:1}}@keyframes oc-asis-zeta{0%{opacity:0;transform:translateY(10px)scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(14px,-30px)scale(1.1)}}@keyframes oc-asis-giro-a{0%{transform:translateY(0)scale(1)}18%{transform:translateY(0)scale(1.08,.88)}50%{transform:translateY(-46px)scale(-1,1.04)}80%{transform:translateY(0)scale(1.05,.95)}to{transform:translateY(0)scale(1)}}@keyframes oc-asis-giro-b{0%{transform:translateY(0)scale(1)}18%{transform:translateY(0)scale(1.08,.88)}50%{transform:translateY(-46px)scale(-1,1.04)}80%{transform:translateY(0)scale(1.05,.95)}to{transform:translateY(0)scale(1)}}@keyframes oc-asis-susto{0%{transform:scale(1)}40%{transform:translateY(-10px)scale(1.3)}to{transform:scale(1)}}