.mascota{vertical-align:bottom;isolation:isolate;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;max-width:100%;display:inline-block;position:relative}.mascota-figura{aspect-ratio:1;position:relative}.mascota-figura:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#9466ff24,#9466ff00 65%);border-radius:50%;position:absolute;inset:-8%}.mascota-flota,.mascota-inclina,.mascota-respira,.mascota-impulso{position:absolute;inset:0}.mascota-flota{animation:3.6s ease-in-out infinite alternate flota}.mascota-inclina{transition:transform .28s ease-out}.mascota-respira{transform-origin:50% 100%;animation:3.5s ease-in-out infinite respira}.mascota-impulso{transform-origin:50% 100%}.mascota-poses{position:absolute;inset:0}.pose{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.pose-entra{animation:.2s ease-out both pose-entra}.pose-sale{animation:.22s ease-out forwards pose-sale}.mascota-sombra{background:radial-gradient(#4a3e6e61,#4a3e6e00 70%);border-radius:50%;width:46%;height:7%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.sombra-salto{animation:.76s cubic-bezier(.3,.7,.2,1) sombra-salto}.burbuja-pantalla{aspect-ratio:1;border-radius:50%;width:19%;animation:.32s cubic-bezier(.3,1.4,.5,1) both burbuja;position:absolute;top:4%;right:6%;box-shadow:0 0 16px #9466ff59}.burbuja-pantalla svg{width:100%;height:100%;display:block}.burbuja-pantalla .disco{fill:#fff;stroke:#ddd3fb}.burbuja-pantalla svg g{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.burbuja-pantalla svg g *{stroke:#6e40e8}.burbuja-pantalla svg g [stroke=none]{stroke:none;fill:#6e40e8}.aro{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.aro-pista{fill:none;stroke:#e6defc;stroke-width:1.2px}.aro-progreso{fill:none;stroke:#6e40e8;stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 0 3px #6e40e859);transition:stroke-dashoffset .35s ease-out}.impulso-salto{animation:.76s cubic-bezier(.3,.7,.2,1) salto}.impulso-rebote{animation:.52s ease-out rebote}.impulso-temblor{animation:.38s linear temblor}.impulso-inclinacion{animation:.64s ease-in-out inclinacion}@keyframes flota{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes respira{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.012)}}@keyframes pose-entra{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pose-sale{0%{opacity:1}to{opacity:0}}@keyframes burbuja{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes sombra-salto{0%{opacity:1;transform:translate(-50%)scale(1)}40%{opacity:.45;transform:translate(-50%)scale(.55)}76%{opacity:.8;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes salto{0%{transform:translateY(0)scale(1)}14%{transform:translateY(0)scale(1.04,.94)}40%{transform:translateY(-38px)scale(.98,1.04)}62%{transform:translateY(0)scale(1.06,.9)}76%{transform:translateY(-6px)scale(1)}to{transform:translateY(0)scale(1)}}@keyframes rebote{0%{transform:scale(1)}25%{transform:translateY(-12px)scale(.97,1.03)}55%{transform:translateY(0)scale(1.05,.95)}80%{transform:scale(.99,1.01)}to{transform:scale(1)}}@keyframes temblor{20%{transform:translate(-4px)rotate(-1deg)}40%{transform:translate(4px)rotate(1deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:none}}@keyframes inclinacion{0%{transform:rotate(0)}35%{transform:rotate(-7deg)}60%{transform:rotate(3deg)}to{transform:rotate(0)}}.mascota .globo{z-index:1;box-sizing:border-box;color:#1a1625;text-align:left;background:#fff;border:1px solid #ddd3fb;border-radius:14px;width:200px;margin:0;padding:10px 14px;font:500 15px/1.35 Inter,system-ui,sans-serif;display:grid;position:absolute;box-shadow:0 6px 22px #6e40e824}.mascota .globo>*{grid-area:1/1}.mascota .globo-marco{visibility:hidden}.mascota .globo-cursor{vertical-align:-.15em;background:#6e40e8;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite cursor;display:inline-block}.mascota .sr-solo{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.globo-derecha .globo{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.globo-abajo .globo{top:calc(100% + 12px);left:50%;transform:translate(-50%)}@keyframes cursor{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.mascota,.mascota *{transition:none!important;animation:none!important}.mascota-inclina{transform:none!important}.pose-sale{display:none}}