Diario de Desarrollo · v0.6 · 7 de mayo de 2026

Radar de libros y Afinidades, pulidos

Filtros con dropdowns, loading sofisticado y la paleta brand armonizada.

• /catalogos renombrado a "Radar de Libros" + StepCards numeradas.
• Filter bar con dropdowns en lugar de chips planos.
• Loading con barra de progreso asintótica + fases rotativas.
• /afinidades adoptando la misma paleta brand (#1B3A5C / #7EAED4).

Las dos vistas tipo "radar" (Catálogos y Afinidades) tenían problemas distintos pero relacionados: 3 selectores que se sentían caóticos, y paletas inconsistentes entre ellas y con el resto de la web.

En el Radar de Libros (/catalogos)

• Cada bloque (Catálogos a explorar, Afinar Sensación, Formato) ahora vive en su propia StepCard numerada, clarificando el flujo.
• Filter bar con dropdowns compactos en lugar de chips horizontales que ocupaban dos líneas.
• Loading con barra de progreso (0→95% asintótica) + texto que rota por fases ("Escaneando catálogos…", "Analizando afinidad estilística…", "Componiendo recomendaciones…").
• Cards de libro con shimmer mientras carga el resultado.

En Afinidades (/afinidades)

• Adopta los mismos dropdowns + loading sofisticado del Radar (componente compartido en RadarShared.jsx).
• Pasa de paletas violeta/rojo (residuos de iteraciones previas) a la paleta brand corporativa: azul #1B3A5C en light, #7EAED4 en dark.
• Cards Libros/Relatos/Catálogo adelgazadas para que dejen de comer toda la viewport en 1920×1080.

Esto es una entrada del Diario de Desarrollo de Style Optimizer, donde publicamos cada novedad, mejora y arreglo de la plataforma.