.avatar{text-align:center;--baby-skin:#c99a78;--onesie-a:#ffeeb8;--onesie-b:#ffd47f}.avatar .stage{background:var(--durazno);border-radius:50%;width:250px;height:250px;margin:0 auto;transition:background .5s;position:relative;overflow:hidden}.avatar .stage>*{position:absolute}.avatar .figure{width:190px;height:176px;margin-left:-95px;bottom:18px;left:50%}.avatar .face{transform-origin:50% 80%;z-index:3;width:96px;height:96px;transition:filter .6s;top:0;left:47px}.avatar .figure>*,.avatar .face>*{position:absolute}.avatar .baby{width:100%;display:block;inset:0}.avatar .torso,.avatar .limb{transition:all .7s}.avatar .torso{z-index:2;background:linear-gradient(160deg, var(--onesie-a), var(--onesie-b));border-radius:30px 30px 22px 22px;width:60px;height:58px;top:84px;left:65px;box-shadow:inset -5px -6px 10px #965a1433,0 4px 8px #00000014}.avatar .limb{z-index:1;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--baby-skin) 80%, #fff), var(--baby-skin));box-shadow:inset -3px -3px 6px #0000001f}.avatar .arm{transform-origin:50% 8px;border-radius:8px;width:15px;height:46px;top:92px}.avatar .arm-l{left:52px;transform:rotate(14deg)}.avatar .arm-r{left:123px;transform:rotate(-14deg)}.avatar .leg{transform-origin:50% 6px;border-radius:9px 9px 12px 12px;width:18px;height:42px;top:130px}.avatar .leg-l{left:71px}.avatar .leg-r{left:101px}.avatar .sofa{opacity:0;z-index:1;background:linear-gradient(#cdbcf1,#b9a4e6);border-radius:16px 16px 8px 8px;width:62px;height:62px;transition:opacity .5s;bottom:22px;left:4px;box-shadow:inset 0 8px #dccff7,0 4px 8px #0000001a}.avatar .mouth-sad{opacity:0;clip-path:inset(69% 36% 17.5%);transform-origin:49.8% 75.8%;width:100%;inset:0;transform:scaleY(-1)}.avatar .tear{opacity:0;width:12px;top:52%}.avatar .tear-l{left:33%}.avatar .tear-r{left:60%}.avatar .cloud{opacity:0;width:66px;transition:opacity .5s;top:4px;left:8px}.avatar .rain{opacity:0;width:12px;top:44px}.avatar .r1{left:24px}.avatar .r2{left:40px}.avatar .r3{left:56px}.avatar .fx{opacity:0;pointer-events:none;width:44px}.avatar .fx-heart{top:34px;right:44px}.avatar .fx-sparkle{top:84px;right:26px}.avatar .fx-food{z-index:5;width:56px;margin-left:-28px;top:52px;left:50%}.avatar[data-mood=feliz] .stage{background:var(--menta)}.avatar[data-mood=feliz] .fx-heart{opacity:1;animation:2.4s ease-in-out infinite floaty}.avatar[data-mood=feliz] .fx-sparkle{opacity:1;animation:2.8s ease-in-out .6s infinite floaty}.avatar[data-mood=triste] .stage,.avatar[data-mood=fuera-de-rango] .stage{background:#dcd6ee}.avatar[data-mood=triste]{--onesie-a:#ddd5f3;--onesie-b:#c2b6e6}.avatar[data-mood=triste] .face{filter:saturate(.75)brightness(.96)}.avatar[data-mood=triste] .mouth-sad{opacity:1}.avatar[data-mood=triste] .tear{animation:1.8s ease-in infinite tear}.avatar[data-mood=triste] .tear-r{animation-delay:.9s}.avatar[data-mood=triste] .cloud{opacity:1}.avatar[data-mood=triste] .rain{animation:1.5s linear infinite rain}.avatar[data-mood=triste] .r2{animation-delay:.5s}.avatar[data-mood=triste] .r3{animation-delay:1s}.avatar[data-stage=recien] .figure{animation:3s ease-in-out infinite breathe}.avatar[data-stage=recien] .face{top:66px;left:4px;transform:rotate(-12deg)}.avatar[data-stage=recien] .torso{border-radius:28px;width:78px;height:56px;top:104px;left:78px}.avatar[data-stage=recien] .arm{height:34px;top:128px}.avatar[data-stage=recien] .arm-l{left:46px;transform:rotate(-8deg)}.avatar[data-stage=recien] .arm-r{left:66px;transform:rotate(8deg)}.avatar[data-stage=recien] .leg{height:40px;left:148px;transform:rotate(90deg)}.avatar[data-stage=recien] .leg-l{top:112px}.avatar[data-stage=recien] .leg-r{top:134px}.avatar[data-stage=cabeza] .figure{animation:3s ease-in-out infinite breathe}.avatar[data-stage=cabeza] .face{animation:2.8s ease-in-out infinite lift;top:40px;left:6px;transform:rotate(-6deg)}.avatar[data-stage=cabeza] .torso{border-radius:28px;width:78px;height:58px;top:98px;left:76px}.avatar[data-stage=cabeza] .arm{height:50px;top:118px}.avatar[data-stage=cabeza] .arm-l{left:58px;transform:none}.avatar[data-stage=cabeza] .arm-r{left:82px;transform:none}.avatar[data-stage=cabeza] .leg{height:40px;left:148px;transform:rotate(90deg)}.avatar[data-stage=cabeza] .leg-l{top:114px}.avatar[data-stage=cabeza] .leg-r{top:136px}.avatar[data-stage=rueda] .figure{transform-origin:50% 90%;animation:3.6s ease-in-out infinite roll}.avatar[data-stage=rueda] .face{top:64px;left:6px}.avatar[data-stage=rueda] .torso{border-radius:28px;width:78px;height:56px;top:104px;left:76px}.avatar[data-stage=rueda] .arm{height:40px;top:100px;left:66px}.avatar[data-stage=rueda] .arm-l{animation:1.1s ease-in-out infinite limbA}.avatar[data-stage=rueda] .arm-r{animation:1.1s ease-in-out infinite limbB;left:82px}.avatar[data-stage=rueda] .leg{height:40px;left:148px;transform:rotate(90deg)}.avatar[data-stage=rueda] .leg-l{animation:1s ease-in-out infinite kickA;top:108px}.avatar[data-stage=rueda] .leg-r{animation:1s ease-in-out infinite kickB;top:132px}.avatar[data-stage=sentado] .figure{animation:3.2s ease-in-out infinite sway}.avatar[data-stage=sentado] .leg-l{transform:rotate(52deg)}.avatar[data-stage=sentado] .leg-r{transform:rotate(-52deg)}.avatar[data-stage=sentado] .leg{height:34px}.avatar[data-stage=gatea] .figure{animation:7s ease-in-out infinite crawl}.avatar[data-stage=gatea] .face{top:36px;left:4px;transform:rotate(-6deg)}.avatar[data-stage=gatea] .torso{border-radius:26px;width:90px;height:52px;top:88px;left:56px}.avatar[data-stage=gatea] .arm{height:58px;top:108px}.avatar[data-stage=gatea] .arm-l{animation:.9s ease-in-out infinite limbA;left:56px}.avatar[data-stage=gatea] .arm-r{animation:.9s ease-in-out infinite limbB;left:76px}.avatar[data-stage=gatea] .leg{height:58px;top:108px}.avatar[data-stage=gatea] .leg-l{animation:.9s ease-in-out infinite limbB;left:122px}.avatar[data-stage=gatea] .leg-r{animation:.9s ease-in-out infinite limbA;left:144px}.avatar[data-stage=parado] .sofa{opacity:1}.avatar[data-stage=parado] .figure{animation:4s ease-in-out infinite cruise}.avatar[data-stage=parado] .arm-l{left:50px;transform:rotate(-62deg)}.avatar[data-stage=parado] .leg-l{animation:1.4s ease-in-out infinite limbA}.avatar[data-stage=parado] .leg-r{animation:1.4s ease-in-out infinite limbB}.avatar[data-stage=camina] .figure{animation:8s ease-in-out infinite walk}.avatar[data-stage=camina] .arm-l{transform:rotate(38deg)}.avatar[data-stage=camina] .arm-r{transform:rotate(-38deg)}.avatar[data-stage=camina] .leg-l{animation:.8s ease-in-out infinite limbA}.avatar[data-stage=camina] .leg-r{animation:.8s ease-in-out infinite limbB}.avatar[data-stage=camina] .face{animation:.8s ease-in-out infinite bob}.avatar[data-mood=triste] .figure,.avatar[data-mood=triste] .limb,.avatar[data-mood=triste] .face{animation:none}.avatar[data-mood=triste][data-stage=camina] .figure,.avatar[data-mood=triste][data-stage=parado] .figure,.avatar[data-mood=triste][data-stage=gatea] .figure{transform:none}.avatar[data-mood=triste][data-stage=sentado] .face,.avatar[data-mood=triste][data-stage=camina] .face,.avatar[data-mood=triste][data-stage=parado] .face{animation:3.6s ease-in-out infinite droop;transform:rotate(-9deg)translateY(6px)}.avatar.eating .fx-food{animation:.9s ease-in forwards eat}.avatar.eating .face{animation:.45s ease-in-out 2 munch}.avatar-stage{margin:12px 0 0;font-weight:800}.avatar-msg{max-width:440px;color:var(--texto-suave);margin:6px auto 0}@keyframes floaty{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.12)}}@keyframes droop{0%,to{transform:rotate(-9deg)translateY(6px)}50%{transform:rotate(-12deg)translateY(10px)}}@keyframes tear{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(38px)}}@keyframes rain{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(80px)}}@keyframes breathe{0%,to{translate:0}50%{translate:0 -3px}}@keyframes lift{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-10px)}}@keyframes roll{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes kickA{0%,to{transform:rotate(90deg)}50%{transform:rotate(60deg)}}@keyframes kickB{0%,to{transform:rotate(60deg)}50%{transform:rotate(90deg)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes crawl{0%,to{transform:translate(-34px)}50%{transform:translate(34px)}}@keyframes cruise{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes walk{0%,to{transform:translate(-52px)}50%{transform:translate(52px)}}@keyframes limbA{0%,to{transform:rotate(-26deg)}50%{transform:rotate(26deg)}}@keyframes limbB{0%,to{transform:rotate(26deg)}50%{transform:rotate(-26deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes munch{0%,to{transform:scale(1)}50%{transform:scale(1.08,.94)}}@keyframes eat{0%{opacity:1;transform:translate(-90px,-10px)scale(1.1)}70%{opacity:1;transform:translateY(44px)scale(.6)}to{opacity:0;transform:translateY(52px)scale(.2)}}@media (prefers-reduced-motion:reduce){.avatar *{animation:none!important}}