Normalizar geometría y ritmo de las cards de Portfolio

[devrodri-com]

Resumen

• Normaliza las ocho cards de /portfolio y /en/portfolio a 360 px desde 1024 px, manteniendo altura natural en tablet y mobile.
• Hace consistente el media frame y alinea las acciones al borde inferior mediante una columna flexible.
• Usa el JPG exacto aprobado por Rodrigo como portada exclusiva de LEM-BOX en Portfolio, con variantes AVIF/WebP de 480, 768, 1200 y 1600 px.
• Declara cover, full-bleed, foco y sizes de forma explícita; Home, case study y previews sociales conservan el PNG anterior.
• Agrega contratos directos para geometría, fits, acciones, assets, Home, no-JS, Motion y package files.

Causa raíz

La altura fija de 280 px se aplicaba solo a cards sin status, mientras LEM-BOX, ZENTRA y Campings conservaban altura natural. A 1440/1920, el media frame de 288.28 px también quedaba recortado dentro de las cards de 280 px. Las acciones seguían el flujo del contenido y terminaban en baselines distintos.

La portada panorámica anterior de LEM-BOX usaba contain y no aprovechaba el nuevo frame vertical. La variante nueva se limita explícitamente a la card de Portfolio.

Validación

• npm ci
• npm run typecheck
• npm run lint
• npm run test:run — 28 suites / 267 tests
• npm run build
• npm run ci
• Verify prerender e HTTP: PASS
• ES/EN: 320×568, 390×844, 430×932, 768×1024, 1024×900, 1440×1000 y 1920×1080
• Desktop: 8 cards, delta exterior 0 px, delta media 0 px, acciones alineadas
• LEM-BOX: logo completo, avión visible, full-bleed, cero bandas y una sola descarga en los 14 escenarios
• JS on/off: portada responsive correcta, 8 cards visibles y 8 links nativos
• Cache: assets fingerprinted con public, max-age=31536000, immutable
• Motion/flicker: 10/10 recargas limpias
• Home y header del case study: screenshot idéntica píxel por píxel a producción
• OG/JSON-LD/social PNG: intactos
• Cero overflow, clipping, copy truncado, imágenes rotas o errores de navegador

Alcance

Draft/preview only. No merge ni cambio de producción.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
minisitio-rodrigo	Ready	Preview	Aug 4, 2026 1:16pm

[devrodri-com]

Rechazo esta dirección visual. La igualdad rígida de alturas y el media frame a altura completa empeoraron el balance de las cards en desktop, tablet y mobile. Cierro esta variante sin merge para replantear el sistema visual desde el baseline productivo.