paso 7

app/kids/[slug]/page.tsx

@@ -5,6 +5,9 @@ import { avatarClasses } from "@/app/components/KidCard";
 import type { Kid, Parent, ParentStatus } from "@/app/data/kids";
 import { kids } from "@/app/data/kids";
 
+/** Página 100% estática que deriva de params: permitido bloquear, sin Suspense. */
+export const instant = false;
+
 /** Los 8 slugs del mock se prerenderizan; cualquier otro cae en notFound(). */
 export function generateStaticParams() {
   return kids.map((kid) => ({ slug: kid.slug }));
@@ -95,7 +98,7 @@ export default async function KidProfilePage({ params }: { params: Promise<{ slu
                   {kid.initial}
                 </div>
                 <div className="flex-1">
-                  <h1 className="font-display text-[28px] font-semibold text-[#3F362E]">{kid.name}</h1>
+                  <h1 className="font-display text-[28px] font-semibold leading-[1.2] text-[#3F362E]">{kid.name}</h1>
                   <p className="mt-[3px] text-[15px] text-[#94887B]">
                     {kid.age} años · Sala {kid.room}
                   </p>

app/kids/page.tsx

@@ -13,7 +13,7 @@ export default function KidsPage() {
           <div className="mb-[22px] flex items-end justify-between gap-4">
             <div>
               <div className="mb-1 text-[12.5px] font-extrabold tracking-[.8px] text-[#D9583C]">GESTIÓN</div>
-              <h1 className="font-display text-[30px] font-semibold text-[#3F362E]">Niños</h1>
+              <h1 className="font-display text-[30px] font-semibold leading-[1.2] text-[#3F362E]">Niños</h1>
             </div>
             <Link
               href="/agregar-nino"