Prompt por voz: Actualiza la página /blog del proyecto siguiendo este wireframe: Usa el mismo header y footer del homepage. Hero destacado en dos columnas: imagen grande a la izquierda y, a la derecha, título del post, 2–3 líneas de resumen y un botón ‘Leer más’. Debajo, una cuadrícula de 2 columnas por 3 filas con seis tarjetas de post. Cada tarjeta incluye miniatura cuadrada, título, resumen breve y botón/link ‘Leer’. Requisitos: Responsivo: en móvil, todo apilado; en desktop, hero en dos columnas y la grilla en dos columnas. Usa el mismo contenido del array mock de posts creado para el homepage y mapea los items para renderizar las tarjetas. No agregues dependencias nuevas y respeta las convenciones y estilos definidos en nuestras reglas.”