> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vetox.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalización de rango

> Fondos y colores de barra de XP para tu tarjeta de rango.

Todo en esta página se compra con [Vito](/es/members/vito).

<Note>
  **No se requiere ningún nivel de Membresía.** La membresía solo afecta a la velocidad con la que ganas Vito.
</Note>

## Dónde aparece

Tu tarjeta de rango es la imagen generada por el comando `/rank` en Discord. Muestra tu avatar, tu nombre y **dos** barras de progreso: una para XP de texto y otra para XP de voz.

<Warning>
  Nada en esta página aparece en ninguna parte de la web. La tarjeta de rango existe solo en Discord y en la propia vista previa de esta página.
</Warning>

## Dos pestañas

<CardGroup cols={2}>
  <Card title="Fondos" icon="image">
    La imagen detrás de tu tarjeta de rango.
  </Card>

  <Card title="Colores" icon="palette">
    Colorea **ambas** barras de XP y sus iconos de texto y voz.
  </Card>
</CardGroup>

## Fondos

**46 fondos**, de **42 a 140 Vito**. Ninguno es gratis.

<Tip>
  Los fondos de rango son sustancialmente más baratos que los de perfil, que van de 75 a 500 Vito. Si estás empezando, es la mejor primera compra.
</Tip>

<Warning>
  El conmutador de tema dentro del diálogo de vista previa **guarda de forma permanente**: cambia el tema real de tu tarjeta de rango, no solo el de la vista previa.
</Warning>

## Colores de la barra de XP

La misma paleta de 61 colores que en todos los demás sitios, más un **Predeterminado** gratuito.

|                            | Opciones | Precio                                  |
| -------------------------- | -------- | --------------------------------------- |
| Predeterminado             | 1        | Gratis                                  |
| Colores sólidos            | 33       | El blanco es gratis, el resto 1000 Vito |
| Degradados de dos paradas  | 16       | 4000 Vito                               |
| Degradados de tres paradas | 12       | 7000 Vito                               |

### Diseña el tuyo propio

| Tipo                      | Precio    |
| ------------------------- | --------- |
| Un solo color             | 2000 Vito |
| Degradado de dos paradas  | 5000 Vito |
| Degradado de tres paradas | 9000 Vito |

Cada parada debe ser un código hex de 6 dígitos completo, y el número de colores debe coincidir con el tipo que pagaste.

<Note>
  Un color determina ambas barras: no puedes fijar colores distintos para texto y voz.
</Note>

## La propiedad es por superficie

<Warning>
  **Comprar un color aquí lo desbloquea solo para tus barras de rango.** La misma muestra en [Personalización de perfil](/es/members/profile-customization) y [Personalización del nombre](/es/members/name-customization) es una compra separada cada vez.
</Warning>

Los fondos de rango y los de perfil son dos catálogos separados. Poseer uno no aporta nada para el otro.

## Compra

Las compras requieren tu [PIN de Vito](/es/members/vito) y aparecen en tu historial de transacciones. Equipar es gratis.

## Solución de problemas

<AccordionGroup>
  <Accordion title="La página dice que no hay artículos disponibles">
    También aparece cuando el catálogo no carga. Refresca antes de asumir que la tienda está vacía.
  </Accordion>

  <Accordion title="Ya tengo este color en mi barra de perfil">
    Los inventarios son por superficie. Es necesario comprarlo de nuevo para usarlo aquí.
  </Accordion>

  <Accordion title="Dos colores aparecen como Activos">
    Si posees un preset y también has creado un color personalizado con exactamente el mismo código hex, ambas tarjetas se marcan como activas. Solo se aplica uno: son el mismo color, así que la tarjeta se ve correcta de cualquier manera.
  </Accordion>

  <Accordion title="El tema de mi tarjeta de rango cambió inesperadamente">
    El conmutador de tema del diálogo de vista previa guarda de inmediato. Abre una vista previa y vuelve a fijarlo.
  </Accordion>

  <Accordion title="¿Dónde está el comando /level?">
    No existe. `/rank` es el único comando que renderiza tu tarjeta.
  </Accordion>
</AccordionGroup>

<CardGroup cols={2}>
  <Card title="Personalización de perfil" icon="image" href="/es/members/profile-customization">
    Lo mismo, para tu tarjeta de perfil.
  </Card>

  <Card title="Personalización del nombre" icon="font" href="/es/members/name-customization">
    El color y la fuente de tu nombre.
  </Card>
</CardGroup>