Actúa como un UX designer especializado en productos digitales. Crea las especificaciones completas para el wireframe de:
**Pantalla/Flujo:** [NOMBRE_PANTALLA]
**Tipo de producto:** [APP/WEB/SaaS]
**Usuario:** [DESCRIPCIÓN_USUARIO]
**Objetivo del usuario en esta pantalla:** [QUÉ_QUIERE_LOGRAR]
**Contexto de uso:** [CUÁNDO_Y_DÓNDE_USA_ESTA_PANTALLA]
**Dispositivo principal:** [MÓVIL/DESKTOP/AMBOS]
Las especificaciones deben incluir:
**1. User story:**
Como [tipo de usuario], quiero [acción] para [beneficio].
**2. Elementos de la pantalla:**
Lista jerárquica de todos los elementos UI necesarios con: nombre, tipo (texto, input, botón, imagen) y propósito.
**3. Jerarquía visual:**
Qué elemento debe tener mayor prominence y por qué. Orden de lectura esperado.
**4. Estados de la pantalla:**
Estado vacío (empty state), estado con datos, estado de carga, estado de error.
**5. Comportamiento interactivo:**
Qué hace cada elemento al tocarlo/hacer hover. Animaciones necesarias.
**6. Contenido de ejemplo:**
Copy exacto para textos de interfaz: labels, placeholders, mensajes de error y éxito.
**7. Reglas de negocio:**
Condiciones que afectan lo que se muestra: permisos, roles de usuario, datos disponibles.
**8. Métricas de éxito:**
Cómo sabremos que este diseño funciona (tasa de completitud, tiempo en pantalla, etc.).