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

# Transformación

> Elemento para mostrar antes e depois

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/transformacao.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=ddb8b36471dae26c498b724b15b7a9a4" width="1250" height="900" data-path="images/transformacao.png" />

El elemento Transformación te permite comparar el "antes y después" de una situación o persona, destacando visualmente el impacto de tu solución. Ideal para mostrar resultados alcanzados con tu producto o servicio.

**Para qué sirve**

* Ilustrar un cambio significativo (visual, emocional, conductual, etc.).

* Reforzar la efectividad de la solución que ofreces.

* Crear contraste entre problema y solución de forma impactante.

**Lo que puedes configurar**

**Títulos:**

* Personaliza el título de cada lado (por ejemplo, "Antes" y "Después").

* Aplica formato como negrita, cursiva, color, etc.

**Imágenes:**

* Sube una imagen para "antes" y otra para "después".

* Usa fotos que representen claramente la transformación.

**Subtítulos:**

* Frases explicativas debajo de cada imagen.

* Reforzar la diferencia entre los dos momentos.

**Nivel:**

* Define un número simbólico para representar la evolución (por ejemplo, 35 → 75).

* Puede usarse como barra de progreso, calificación de satisfacción, etc.

**Iconos y Textos:**

* Agrega un icono y texto debajo de cada lado para reforzar el problema y la solución.

* Ejemplo: ❌ Fatiga constante → ✅ Energía renovada.

**Animación:**

* Elige cómo aparece este bloque en el cuestionario (por ejemplo, aparecer).

**Colores personalizados:**

* Fondo, bordes y texto.

* Fondo y texto de las cajas de advertencia.

* Fondo y colores de la barra comparativa.

**¡Consejo de uso!**

Usa imágenes reales siempre que sea posible para generar confianza, pero las simulaciones bien hechas también funcionan. Combina con testimonios para crear aún más impacto.
