“Agente, vamos a rediseñar los layouts de las grillas para darles un enfoque editorial estricto.
1. Para Articulos.astro (Ritmo 1+3):
Construye un componente que reciba un array de posts. El primer post debe ocupar el 100% del ancho (Hero). Los siguientes tres posts deben renderizarse debajo en un grid grid-cols-1 md:grid-cols-3 gap-6. A estas tres tarjetas aplícales un aspect-[9/16] forzado, con la imagen en object-cover y el título en la parte inferior sobre un gradiente oscuro.
2. Para Series.astro (Archivo Lineal):
Construye un layout de lista apilada. Usa flex flex-col gap-24 (mucho aire entre elementos). Cada tarjeta de serie debe ser horizontal en desktop: flex flex-col md:flex-row. Asigna un ancho fijo a la imagen (ej: md:w-2/5) y deja el resto para el texto. Añade un borde sutil border-b border-white/5 pb-24 a cada elemento para marcar el ritmo cronológico.”