.personaje{--p-cuerpo: var(--mascot-body);--p-detalle: var(--mascot-soft);--p-ruedas: var(--mascot-ink);--p-tinta: var(--mascot-ink);--m-loops: 3;display:inline-block;width:var(--m-size, 96px);flex:none;line-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.personaje svg{display:block;width:100%;overflow:visible}.m-dark.personaje,.m-dark .personaje{--p-ruedas: var(--mascot-soft)}:root[data-theme=dark] .personaje{--p-ruedas: var(--mascot-soft)}.p-cuerpo{fill:var(--p-cuerpo)}.p-luz{fill:#fff;opacity:.2}.p-sombra-cuerpo{fill:#000;opacity:.13}.p-franja{fill:none;stroke:var(--p-detalle);stroke-width:2.4;stroke-linecap:round;opacity:.6}.p-sombra{fill:var(--p-tinta)}.p-rueda{fill:var(--p-ruedas)}.p-buje{fill:var(--p-detalle)}.p-brazo{fill:none;stroke:var(--p-ruedas);stroke-width:3.4;stroke-linecap:round}.p-mano{fill:var(--p-ruedas)}.p-ojo{fill:#fff}.p-linea{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.p-boca-hueco{fill:#0b1530;stroke:#fff;stroke-width:2.6;stroke-linejoin:round}.p-lengua{fill:#ff6b8b}.p-mejilla{fill:#ff8fab;opacity:0;transition:opacity .2s}.p-fx{pointer-events:none}.p-boca,.p-ojos-cerrados,.p-ojos-felices,.p-ojos-x,.p-ojo-guino,.p-cejas{display:none}.personaje:not([data-boca]) .p-boca-sonrisa,[data-boca=sonrisa] .p-boca-sonrisa,[data-boca=abierta] .p-boca-abierta,[data-boca=o] .p-boca-o,[data-boca=plana] .p-boca-plana,[data-boca=triste] .p-boca-triste,[data-boca=creida] .p-boca-creida{display:inline}[data-ojos=cerrados] [data-p=ojos],[data-ojos=felices] [data-p=ojos],[data-ojos=x] [data-p=ojos]{display:none}[data-ojos=cerrados] .p-ojos-cerrados,[data-ojos=felices] .p-ojos-felices,[data-ojos=x] .p-ojos-x,[data-ojos=guino] .p-ojo-guino{display:inline}[data-ojos=guino] .p-ojo-d{display:none}[data-mejillas=si] .p-mejilla{opacity:.7}[data-cejas]:not([data-cejas=ninguna]) .p-cejas{display:inline}.p-ceja-i,.p-ceja-d{transform-box:fill-box;transform-origin:center}[data-cejas=arriba] .p-cejas{transform:translateY(-2.5px)}[data-cejas=tristes] .p-ceja-i{transform:rotate(-16deg)}[data-cejas=tristes] .p-ceja-d{transform:rotate(16deg)}[data-cejas=enojadas] .p-ceja-i{transform:translateY(1.5px) rotate(18deg)}[data-cejas=enojadas] .p-ceja-d{transform:translateY(1.5px) rotate(-18deg)}[data-quieta]:not([data-mano=ninguno]) [data-p=brazoD]{transform:translate(66px,44px) rotate(20deg)}[data-quieta]:not([data-mano=ninguno]) [data-p=manoD]{transform:translate(15px) rotate(-20deg)}[data-quieta][data-cara-base=creida] [data-p=ojos]{transform-box:fill-box;transform-origin:center;transform:scaleY(.55)}.pz,.pz-medalla{display:none}[data-cabeza=cinta] .pz-cinta,[data-cabeza=auriculares] .pz-auriculares,[data-cabeza=gorra] .pz-gorra,[data-cabeza=corona] .pz-corona,[data-cabeza=gafas] .pz-gafas,[data-cabeza=birrete] .pz-birrete,[data-cuello=bufanda] .pz-bufanda,[data-cuello=corbatin] .pz-corbatin,[data-cuello=cadena] .pz-cadena,[data-mano=lupa] .pz-lupa,[data-mano=caja] .pz-caja,[data-mano=celular] .pz-celular,[data-mano=moneda] .pz-moneda,[data-mano=pin] .pz-pin,[data-aura=brillos] .pz-brillos,[data-aura=facetas] .pz-facetas,[data-aura=dorada] .pz-dorada,[data-medalla=bronce] .pz-medalla,[data-medalla=plata] .pz-medalla,[data-medalla=oro] .pz-medalla{display:inline}[data-cuello=cadena] .pz-medalla{transform:translate(-4px,-2px)}[data-cabeza=gafas] [data-p=ojos],[data-cabeza=gafas] .p-ojos-cerrados,[data-cabeza=gafas] .p-ojos-felices{opacity:0}.pz-rojo{fill:#e03131;stroke:var(--p-tinta);stroke-width:1;stroke-linejoin:round}.pz-rojo-osc{fill:#a61e1e;stroke:var(--p-tinta);stroke-width:1}.pz-blanco{fill:#fff;stroke:var(--p-tinta);stroke-width:2.2}.pz-cuerpo{fill:var(--p-cuerpo)}.pz-banda{fill:none;stroke:var(--p-tinta);stroke-width:3.4;stroke-linecap:round}.pz-oro{fill:var(--mascot-gold);stroke:#8a6500;stroke-width:1.2;stroke-linejoin:round}.pz-gema{fill:#e64980}.pz-gafas rect{fill:#111;stroke:#000;stroke-width:1}.pz-gafas path{fill:none;stroke:#111;stroke-width:2;stroke-linecap:round}.pz-gafas .pz-reflejo{stroke:#ffffff8c;stroke-width:1.4}.pz-cadena-hilo{fill:none;stroke:var(--mascot-gold);stroke-width:2.4;stroke-dasharray:2 1.6}.pz-signo{fill:none;stroke:#6b5000;stroke-width:1;stroke-linecap:round}.pz-lente{fill:#ffffffb3;stroke:var(--p-tinta);stroke-width:2.6}.pz-brillo{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pz-carton{fill:#d9a066;stroke:var(--p-tinta);stroke-width:1.8}.pz-cinta-caja{fill:none;stroke:#f4d6a8;stroke-width:2.2}.pz-tinta{fill:var(--p-tinta)}.pz-pantalla{fill:var(--p-detalle)}.pz-notif{fill:none;stroke:var(--p-cuerpo);stroke-width:1.4;stroke-linecap:round}.pz-birrete-tapa{fill:var(--p-tinta);stroke:var(--p-tinta);stroke-width:1.5;stroke-linejoin:round}.pz-birrete-base{fill:var(--p-cuerpo);stroke:var(--p-tinta);stroke-width:1.5}.pz-borla-hilo{fill:none;stroke:var(--mascot-gold);stroke-width:2;stroke-linecap:round}.m-dark .pz-birrete-tapa{stroke:var(--p-detalle)}.pz-facetas{fill:none;stroke:#ffffff8c;stroke-width:1.4;stroke-linecap:round}.pz-brillos path{fill:#fff6c2;stroke:var(--mascot-gold);stroke-width:.8;transform-box:fill-box;transform-origin:center}.pz-dorada{fill:color-mix(in srgb,var(--mascot-gold) 22%,transparent)}.pz-medalla-cinta{fill:none;stroke:#e03131;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.pz-medalla-disco{fill:#c8834a;stroke:var(--p-tinta);stroke-width:1.6}[data-medalla=plata] .pz-medalla-disco{fill:#b9c4cf}[data-medalla=oro] .pz-medalla-disco{fill:var(--mascot-gold)}.ut{display:none}[data-gesto=escribiendo] .ut-burbuja,[data-utileria=teclado] .ut-teclado,[data-utileria=celular] .ut-celular,[data-gesto=pensando] .ut-pensamiento,[data-gesto=dormida] .ut-gorro,[data-gesto=triste] .ut-nube{display:inline}.ut-blanco{fill:#fff;stroke:var(--p-tinta);stroke-width:1.4;stroke-linejoin:round}.ut-tinta{fill:var(--p-tinta)}.ut-teclas{fill:none;stroke:#ffffff59;stroke-width:1.4;stroke-dasharray:3 1.6}.ut-tecla{fill:var(--p-detalle);opacity:.25}.ut-pantalla{fill:var(--p-detalle)}.ut-punto{fill:var(--p-cuerpo)}.ut-signo{fill:none;stroke:var(--p-cuerpo);stroke-width:1.8;stroke-linecap:round}.ut-gorro-tela{fill:#4c6ef5;stroke:var(--p-tinta);stroke-width:1.2;stroke-linejoin:round}.ut-gorro-punta{fill:none;stroke:#4c6ef5;stroke-width:6;stroke-linecap:round}.ut-gorro-borde{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}.ut-nube-gris{fill:#adb5bd;stroke:var(--p-tinta);stroke-width:1.2}.ut-lluvia{fill:none;stroke:#4dabf7;stroke-width:1.6;stroke-linecap:round}.ut-punto,.ut-tecla{transform-box:fill-box;transform-origin:center}.personaje:not([data-quieta])[data-gesto=escribiendo] .ut-punto{animation:ut-punto 1s ease-in-out infinite}.personaje:not([data-quieta])[data-gesto=escribiendo] .ut-p2{animation-delay:.15s}.personaje:not([data-quieta])[data-gesto=escribiendo] .ut-p3{animation-delay:.3s}.personaje:not([data-quieta])[data-utileria=teclado] .ut-tecla{animation:ut-tecla .5s steps(2) infinite}.personaje:not([data-quieta])[data-utileria=teclado] .ut-tecla-2{animation-delay:.17s}.personaje:not([data-quieta])[data-utileria=teclado] .ut-tecla-3{animation-delay:.33s}.personaje:not([data-quieta])[data-gesto=triste] .ut-lluvia{animation:ut-lluvia .7s linear var(--m-loops);stroke-dasharray:2 2}.personaje:not([data-quieta])[data-gesto=pensando] .ut-pensamiento{animation:ut-flota 2.4s ease-in-out var(--m-loops)}@keyframes ut-punto{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-1.6px)}}@keyframes ut-tecla{to{opacity:1}}@keyframes ut-lluvia{to{stroke-dashoffset:-8}}@keyframes ut-flota{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pz-brillos path{animation:p-destello 2.4s ease-in-out var(--m-loops)}.pz-brillos path:nth-child(2){animation-delay:.8s}.pz-brillos path:nth-child(3){animation-delay:1.6s}.pz-dorada{animation:p-aura 3s ease-in-out var(--m-loops)}@keyframes p-destello{0%,to{opacity:.2;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}@keyframes p-aura{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.personaje *{animation:none!important;transition:none!important}}.personaje{--mascot-body: var(--color-accent);--mascot-ink: var(--color-navy);--mascot-soft: var(--color-soft);--mascot-gold: var(--color-dorado)}