feat(proyectos): Systemslab entra en la bitácora

El asiento «01 · Entregado» era una ficha suelta con un solo cliente dentro.
Ahora es una lista: un asiento por sitio en producción, alternando el lado de
la captura —Recogras a estribor, Systemslab a babor— para que la sección baje
en zigzag como el resto de la página.

La ficha del nuevo cliente explica que el sitio se entregó con un panel de
administración propio: categorías, productos y las cintas de la portada, con
republicación en un clic. Ese renglón vive bajo la captura y no dentro del
cuerpo del asiento, por dos razones. La primera es honestidad: no es algo que
el visitante pueda comprobar visitando el sitio —la URL del panel NO se
publica, solo lo que el cliente hace con él—. La segunda es composición: puesto
ahí reparte la altura entre las dos columnas en vez de cargarla toda en el
texto, que era lo que pasaba al meterlo debajo del stack.

Recogras sube a 100 en las cuatro cifras (el rendimiento móvil venía de 98) y
la medición se refecha: PageSpeed Insights, 5 de agosto de 2026.

`projects.featured` y `projects.testimonial` se funden en `projects.delivered`,
una lista de sitios entregados con su reseña dentro. La reseña es opcional a
propósito: hay clientes contentos que no dejan una pública, y antes que
inventar una voz, silencio. El inicio enseña el primero de la lista, la
bitácora los abre todos y el `ItemList` del JSON-LD los recorre, así que una
cifra corregida se corrige en un único sitio. `llms.txt` gana la entrada de
Systemslab y la nota de que su panel no tiene URL publicada.

El stack se enseña por fin igual en todo el sitio. La sección de proyectos del
inicio era la única pieza que lo pintaba como etiquetas de texto mientras el
resto usaba placas de logotipo; el `StackList` que vivía dentro de la bitácora
sube a `ui/StackList` con su propia hoja y lo consumen las dos vistas. Se
retiran las copias de `.pj-stack` y `.bt-stack`. Sus clases llevan prefijo
`techstack-` y no `stack-`: `.stack` ya existe en `styles/layout.css` como
utilidad de apilado vertical y, al no declarar la hoja nueva su propio
`flex-direction`, ganaba la de allí y las placas salían en columna. El registro
de tecnologías gana `mysql`, `php` y `shadcn`.

Las capturas caen a JPG progresivo en el último eslabón de la cadena de
respaldo (AVIF → WebP → JPG) en lugar de PNG: mismo píxel a la vista y una
quinta parte del peso para el navegador que no entienda ninguno de los dos
primeros. Los cinco PNG se eliminan del repositorio —las tres plantillas y las
dos capturas de Recogras—, que entre todos pesaban 8,1 MB y ya no los
referenciaba nadie: sus reemplazos en JPG suman 2 MB. Y la bitácora deja de
servir la página completa para recortarla por CSS —3,4 MB de los que tiraba el
90% con un `object-fit`— y carga el primer pliegue ya recortado en origen,
menos de 100 KB, con su proporción real.

Verificado en navegador: 17 páginas construidas, cero recursos fallidos, cero
scroll horizontal en 375 y 1280, el zigzag cruzando en los dos asientos, las
cifras de Systemslab tomándose la fila entera al no haber reseña, y ninguna URL
del panel en `dist/` —lo único que se emite es systemslab.com.co—. Tras retirar
los PNG el build sigue en pie y `dist/_astro` no emite ninguno.

Author: SurivZ

CHANGELOG.md

@@ -806,3 +806,22 @@ Todos los cambios notables en este proyecto serán documentados en este archivo
 - Salen con `PUBLIC_DEMO=true`, así que llevan `noindex, follow` y no entran en ningún sitemap: simulan negocios que no existen y un buscador podría tomarlas por fichas legítimas. A diferencia de las plantillas, aquí no hay página dedicada que posicione en su lugar —quien lo hace es la propia sección de automatizaciones de `/proyectos`, que es la que las enlaza—. `llms.txt` gana la nota equivalente a la que ya tenían las demos de plantilla.
 - Estas demos **sí llevan un framework de JavaScript**, a diferencia de las plantillas: Astro 5 con Tailwind 4, shadcn/ui y una isla de React 19 para el panel. Son ~85 KB comprimidos que las plantillas no pagan. Es una decisión deliberada —un panel con estado compartido entre tarjetas, tabla y bitácora es justo lo que React resuelve bien—, pero conviene tenerla presente antes de comparar sus cifras con las de las plantillas.
 - El comentario del filtro del sitemap en `astro.config.mjs` pasa de seis a doce URL de demo y separa las dos familias.
+
+## [0.33.0] - 2026-08-05
+
+### Añadido
+
+- **Systemslab entra en la bitácora.** El asiento «01 · Entregado» deja de ser una ficha suelta y pasa a ser una lista: un asiento por sitio en producción, alternando el lado de la captura (Recogras a estribor, Systemslab a babor) para que la sección baje en zigzag como el resto de la página. La ficha del nuevo cliente explica que el sitio se entregó con un panel de administración propio —categorías, productos y las cintas de la portada, con republicación en un clic—, y ese renglón vive aparte del resumen a propósito: **la URL del panel no se publica**, solo lo que el cliente hace con él. `llms.txt` y el `ItemList` de datos estructurados ganan su entrada.
+
+### Cambiado
+
+- **Recogras sube a 100 en las cuatro cifras** (rendimiento móvil venía de 98). Se actualizan el bloque de cifras en los dos idiomas, la fecha de la medición —PageSpeed Insights, 5 de agosto de 2026— y su línea en `llms.txt`.
+- **El stack se enseña igual en todo el sitio.** La sección de proyectos del inicio era la única pieza que lo pintaba como etiquetas de texto mientras el resto usaba placas de logotipo. Ahora las tres vistas comparten `<StackList>` (`ui/StackList`), que ya existía dentro de la bitácora y sube a componente compartido con su propia hoja. Se retiran las copias de `.pj-stack` y `.bt-stack`.
+- **Las capturas caen a JPG progresivo** en el último eslabón de la cadena de respaldo (AVIF → WebP → JPG), en lugar de PNG: mismo píxel a la vista y una quinta parte del peso para el navegador que no entienda ninguno de los dos primeros. Los PNG salen del repositorio.
+- **La bitácora enseña el primer pliegue recortado en origen**, no la página entera recortada por CSS. Antes servía la captura completa —3,4 MB de alto larguísimo— y tiraba el 90% con un `object-fit`; ahora carga un recorte de la cabecera del sitio de menos de 100 kB y lo enseña con su proporción real.
+
+### Técnico
+
+- `projects.featured` y `projects.testimonial` se funden en `projects.delivered[]`, una lista de sitios entregados con su reseña dentro (opcional: hay clientes contentos que no dejan una pública). El inicio enseña el primero, la bitácora los abre todos y el JSON-LD los recorre: una cifra corregida se corrige en un único sitio.
+- El registro de tecnologías (`data/tech.ts`) gana `mysql`, `php` y `shadcn`.
+- Las clases de `<StackList>` llevan prefijo `techstack-` y no `stack-`: `.stack` ya existe en `styles/layout.css` como utilidad de apilado vertical y, al no declarar la hoja nueva su propio `flex-direction`, ganaba la de allí y las placas salían en columna.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ctg-code",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "dependencies": {
     "@astrojs/sitemap": "^3.7.3",
     "@fontsource-variable/inter": "^5.2.8",

public/images/og/en/projects.png

@@ -17,7 +17,7 @@ Tres bases construidas por el estudio para los encargos que más se repiten. No
 
 Condiciones comunes a las tres: dominio y hosting del primer año incluidos (la renovación del segundo año corre por cuenta del cliente, sin comisión del estudio), formulario de contacto conectado, contacto directo por WhatsApp, SEO técnico completo, dos rondas de cambios menores y 30 días de garantía. El plazo empieza a contar cuando se confirma el pago y llegan los materiales de personalización. El cliente se queda con el código.
 
-- [Plantilla para servicios profesionales](https://ctgcode.com/plantillas/servicios-profesionales/): para consultoras, despachos, contadores, abogados y firmas de ingeniería. Siete secciones: navegación, portada con tarjeta, rejilla de servicios, nosotros, indicadores, contacto y pie. Desde $1.400.000 COP (USD $560), entrega en 4–6 días hábiles. Esta base está en producción en recograscolombia.com.
+- [Plantilla para servicios profesionales](https://ctgcode.com/plantillas/servicios-profesionales/): para consultoras, despachos, contadores, abogados y firmas de ingeniería. Siete secciones: navegación, portada con tarjeta, rejilla de servicios, nosotros, indicadores, contacto y pie. Desde $1.400.000 COP (USD $560), entrega en 4–6 días hábiles. Esta base está en producción en recograscolombia.com y systemslab.com.co.
 - [Plantilla para negocios locales](https://ctgcode.com/plantillas/negocio-local/): para restaurantes, salones de belleza, talleres, tiendas y gimnasios. Siete secciones: navegación, portada a pantalla completa, historia, carta o catálogo con precios, galería, ubicación con mapa y horarios, y pie. Desde $1.500.000 COP (USD $600), entrega en 5–8 días hábiles.
 - [Plantilla para productos y startups](https://ctgcode.com/plantillas/producto-startup/): para SaaS, apps, lanzamientos y productos digitales. Ocho secciones: navegación, portada con prueba social, funcionalidades, cómo funciona, precios, preguntas frecuentes, cierre y pie. Desde $1.600.000 COP (USD $640), entrega en 5–8 días hábiles.
 
@@ -28,7 +28,8 @@ Existen demos navegables de las tres, enlazadas desde cada página. Están delib
 ## Proyectos
 
 - [Proyectos — la bitácora completa](https://ctgcode.com/proyectos/): sitios en producción, Helio (producto propio: sistema de gestión para talleres), las tres plantillas web y tres automatizaciones listas para adaptar.
-- [Recogras — recograscolombia.com](https://recograscolombia.com/): sitio corporativo para una gestora ambiental de aceite de cocina usado en Cartagena. Astro estático, construido sobre la plantilla de servicios profesionales. Medido con Lighthouse 13.4.1 el 1 de agosto de 2026: rendimiento 98–100 en móvil y 100 en escritorio, accesibilidad 100, SEO y buenas prácticas 100.
+- [Recogras — recograscolombia.com](https://recograscolombia.com/): sitio corporativo para una gestora ambiental de aceite de cocina usado en Cartagena. Astro estático, construido sobre la plantilla de servicios profesionales. Medido con PageSpeed Insights el 5 de agosto de 2026: rendimiento 100 en móvil y en escritorio, accesibilidad 100, SEO y buenas prácticas 100.
+- [Systemslab — systemslab.com.co](https://systemslab.com.co/): sitio corporativo y catálogo de productos para una empresa de servicio técnico IT, domótica, redes y seguridad electrónica en Cartagena. Astro estático sobre la plantilla de servicios profesionales, con catálogo propio: una página por producto, con filtros. Se entregó además un panel de administración —fuera del sitio público y sin URL publicada— desde el que el cliente gestiona categorías, productos y las cintas de la portada, y republica el sitio. Medido con PageSpeed Insights el 5 de agosto de 2026: rendimiento 98 en móvil y 100 en escritorio, accesibilidad 100, SEO y buenas prácticas 100.
 
 Las tres automatizaciones —control de acceso, motor de reservas y alertas de facturación— tienen demo navegable, enlazada desde la sección de automatizaciones de la bitácora. Igual que las de plantilla, están deliberadamente FUERA del índice (`noindex`): simulan negocios que no existen, sus datos son de ejemplo y la simulación corre entera en el navegador, sin backend. La información citable es la de la bitácora, no la de las demos.