:root{--logro-verde:#3ddc84;--logro-verde-texto:#10703d;--sobre-logro-verde:#0b0b12;--logro-azul:var(--cian);--logro-azul-texto:#00708a;--logro-oro:var(--amarillo);--logro-gris:#c9c9d3;--logro-gris-borde:var(--texto-suave);--logro-pendiente-borde:var(--texto);--logro-icono:var(--rosa-texto)}[data-theme=dark]{--logro-verde-texto:#3ddc84;--logro-azul-texto:#3ddcff;--logro-gris:#3a3a4c;--logro-gris-borde:none;--logro-pendiente-borde:var(--logro-oro);--logro-icono:var(--rosa)}.icono-logro{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}
.niveles-logro{align-items:center;gap:.1875rem;min-height:1.5rem;display:inline-flex}.niveles-logro__estrella{width:1.125rem;height:1.125rem;fill:var(--logro-gris);stroke:var(--logro-gris-borde);stroke-width:1.4px;stroke-linejoin:round;flex:none}.niveles-logro__estrella--llena{fill:var(--logro-oro);stroke:var(--texto);stroke-width:1.4px;stroke-linejoin:round}.niveles-logro__estrella--pendiente{fill:var(--logro-oro);stroke:var(--logro-pendiente-borde);stroke-width:2px;animation:1s ease-in-out infinite niveles-relleno}[data-theme=dark] .niveles-logro__estrella--pendiente{fill:var(--logro-gris);animation-name:niveles-parpadeo}.niveles-logro__estrella--nueva{animation:.6s niveles-pop}.niveles-logro__diamante{fill:none;width:1.375rem;height:1.375rem;stroke:var(--texto-suave);stroke-width:1.8px;stroke-linejoin:round;flex:none}.niveles-logro__diamante--pendiente{stroke:var(--logro-azul-texto);stroke-width:2.2px;animation:1s ease-in-out infinite niveles-parpadeo}.niveles-logro__diamante--lleno{fill:var(--logro-azul);stroke:var(--texto);stroke-width:1.5px}.niveles-logro__diamante--nuevo{animation:.6s niveles-pop}.niveles-logro__diamante--aparece{animation:.6s .55s both niveles-aparece}.niveles-logro__estrella--vuela{animation:.5s ease-in forwards niveles-vuela}.niveles-logro__diamante--fusion{animation:1.1s .4s both niveles-fusion}@keyframes niveles-parpadeo{50%{opacity:.35}}@keyframes niveles-relleno{50%{fill-opacity:.15}}@keyframes niveles-pop{0%{transform:scale(.2)}60%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes niveles-aparece{0%{opacity:0;transform:scale(0)rotate(-90deg)}70%{opacity:1;transform:scale(1.35)rotate(10deg)}to{transform:none}}@keyframes niveles-vuela{to{transform:translateX(var(--distancia)) scale(.3);opacity:0}}@keyframes niveles-fusion{0%{fill:#0000;transform:translate(0)scale(1)}35%{transform:translate(0)scale(1.7)}60%{fill:var(--logro-azul);filter:drop-shadow(0 0 .5rem var(--logro-azul));transform:translate(0)scale(1)}to{fill:var(--logro-azul);transform:translateX(var(--vuelta)) scale(1);filter:none}}@media (prefers-reduced-motion:reduce){.niveles-logro__estrella,.niveles-logro__diamante{animation:none!important}.niveles-logro__estrella--pendiente{fill-opacity:.5}[data-theme=dark] .niveles-logro__estrella--pendiente{fill-opacity:1}}
.recompensa-logro{align-items:center;gap:var(--esp-1) var(--esp-2);font-size:var(--t-s);flex-wrap:wrap;display:flex}.recompensa-logro__etiqueta{color:var(--texto-suave);font-weight:700}.recompensa-logro__chip{background:var(--fondo);color:var(--texto);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio-capsula);align-items:center;gap:.375rem;padding:.1875rem .625rem;font-weight:800;line-height:1.3;display:inline-flex}.recompensa-logro__chip--monedas{font-variant-numeric:tabular-nums}.recompensa-logro__regalo{width:1rem;height:1rem;color:var(--logro-icono);flex:none;display:inline-block}