From 2abca7f08d6b01021f4e25e869a1cd21e40859cc Mon Sep 17 00:00:00 2001
From: XShine555 <xshine555@gmail.com>
Date: Tue, 14 Jul 2026 13:23:56 +0200
Subject: [PATCH] fix(frontend): apply display font to page titles missing it

---
 frontend/src/routes/(app)/explore/+page.svelte        |  2 +-
 frontend/src/routes/(app)/playlists/+page.svelte      | 10 +++++-----
 frontend/src/routes/(app)/playlists/[id]/+page.svelte | 10 +++++-----
 frontend/src/routes/(app)/upload/+page.svelte         |  4 ++--
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/src/routes/(app)/explore/+page.svelte b/frontend/src/routes/(app)/explore/+page.svelte
index bceeeda..bc73d48 100644
--- a/frontend/src/routes/(app)/explore/+page.svelte
+++ b/frontend/src/routes/(app)/explore/+page.svelte
@@ -40,7 +40,7 @@
 </svelte:head>
 
 <section class="px-8 py-12">
-	<h1 class="text-3xl font-bold tracking-tight sm:text-4xl">Explorar</h1>
+	<h1 class="font-display text-3xl font-bold tracking-tight sm:text-4xl">Explorar</h1>
 	<p class="mt-2 text-neutral-400">Descubre canciones o busca por nombre.</p>
 
 	<form method="GET" class="mt-8 flex gap-3">
diff --git a/frontend/src/routes/(app)/playlists/+page.svelte b/frontend/src/routes/(app)/playlists/+page.svelte
index 2f1b8de..15889f8 100644
--- a/frontend/src/routes/(app)/playlists/+page.svelte
+++ b/frontend/src/routes/(app)/playlists/+page.svelte
@@ -28,14 +28,14 @@
 </script>
 
 <svelte:head>
-	<title>Tus listas · Musify</title>
-	<meta name="description" content="Tus listas en Musify." />
+	<title>Mis listas · Musify</title>
+	<meta name="description" content="Mis listas en Musify." />
 </svelte:head>
 
 <section class="px-8 py-12">
 	<div class="flex items-end justify-between gap-4">
 		<div>
-			<h1 class="text-3xl font-bold tracking-tight sm:text-4xl">Tus listas</h1>
+			<h1 class="font-display text-3xl font-bold tracking-tight sm:text-4xl">Mis listas</h1>
 			<p class="mt-2 text-neutral-400">Crea y organiza tus colecciones.</p>
 		</div>
 		<button
@@ -74,7 +74,7 @@
 			<span class="mx-auto grid h-14 w-14 place-items-center rounded-full bg-[var(--mf-accent)] text-neutral-950">
 				<ListMusic class="h-7 w-7" />
 			</span>
-			<h3 class="mt-5 text-xl font-bold tracking-tight">Todavía no tienes listas</h3>
+			<h3 class="mt-5 font-display text-xl font-bold tracking-tight">Todavía no tienes listas</h3>
 			<p class="mt-2 text-sm text-neutral-400">Crea la primera y añádele canciones de tu biblioteca.</p>
 			<button
 				type="button"
@@ -102,7 +102,7 @@
 	>
 		<div class="animate-pop w-full max-w-md rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl">
 			<div class="flex items-center justify-between">
-				<h2 class="text-lg font-bold tracking-tight">Nueva lista</h2>
+				<h2 class="font-display text-lg font-bold tracking-tight">Nueva lista</h2>
 				<button
 					type="button"
 					onclick={() => (creating = false)}
diff --git a/frontend/src/routes/(app)/playlists/[id]/+page.svelte b/frontend/src/routes/(app)/playlists/[id]/+page.svelte
index 4c69ed4..9b80c58 100644
--- a/frontend/src/routes/(app)/playlists/[id]/+page.svelte
+++ b/frontend/src/routes/(app)/playlists/[id]/+page.svelte
@@ -61,7 +61,7 @@
 		>
 			<ArrowLeft class="h-4 w-4" />
 		</span>
-		Tus listas
+		Mis listas
 	</a>
 
 	<div class="mt-6 flex flex-col gap-6 sm:flex-row sm:items-end">
@@ -72,7 +72,7 @@
 		/>
 		<div class="min-w-0 flex-1">
 			<p class="text-xs font-semibold uppercase tracking-[0.14em] text-neutral-400">Lista</p>
-			<h1 class="mt-1.5 text-4xl font-bold tracking-tight sm:text-5xl">{playlist.name}</h1>
+			<h1 class="mt-1.5 font-display text-4xl font-bold tracking-tight sm:text-5xl">{playlist.name}</h1>
 			{#if playlist.description}
 				<p class="mt-3 max-w-2xl text-neutral-300">{playlist.description}</p>
 			{/if}
@@ -163,7 +163,7 @@
 
 	{#if library.length > 0}
 		<div class="mt-12 max-w-[900px]">
-			<h2 class="text-lg font-bold tracking-tight">Añadir de tu biblioteca</h2>
+			<h2 class="font-display text-lg font-bold tracking-tight">Añadir de tu biblioteca</h2>
 			<div class="mt-4 flex flex-col">
 				{#each library as track (track.id)}
 					<div class="flex items-center gap-3.5 rounded-[10px] px-3 py-[10px] transition hover:bg-neutral-900/60">
@@ -206,7 +206,7 @@
 	>
 		<div class="animate-pop w-full max-w-md rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl">
 			<div class="flex items-center justify-between">
-				<h2 class="text-lg font-bold tracking-tight">Editar playlist</h2>
+				<h2 class="font-display text-lg font-bold tracking-tight">Editar playlist</h2>
 				<button
 					type="button"
 					onclick={() => (editing = false)}
@@ -286,7 +286,7 @@
 		}}
 	>
 		<div class="animate-pop w-full max-w-sm rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl">
-			<h2 class="text-lg font-bold tracking-tight">¿Eliminar «{playlist.name}»?</h2>
+			<h2 class="font-display text-lg font-bold tracking-tight">¿Eliminar «{playlist.name}»?</h2>
 			<p class="mt-2 text-sm text-neutral-400">
 				Esta acción no se puede deshacer. Las canciones seguirán en tu biblioteca.
 			</p>
diff --git a/frontend/src/routes/(app)/upload/+page.svelte b/frontend/src/routes/(app)/upload/+page.svelte
index 0e51502..68b519c 100644
--- a/frontend/src/routes/(app)/upload/+page.svelte
+++ b/frontend/src/routes/(app)/upload/+page.svelte
@@ -113,7 +113,7 @@
 		</span>
 		Volver a la biblioteca
 	</a>
-	<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-5xl">Subir música</h1>
+	<h1 class="mt-6 font-display text-4xl font-bold tracking-tight sm:text-5xl">Subir música</h1>
 	<p class="mt-4 text-lg text-neutral-400">
 		Añade una canción con su portada y título. Nosotros la procesamos para streaming.
 	</p>
@@ -145,7 +145,7 @@
 			>
 				<Check class="h-8 w-8" strokeWidth={2.5} />
 			</span>
-			<h2 class="mt-6 text-2xl font-bold tracking-tight">¡Subida!</h2>
+			<h2 class="mt-6 font-display text-2xl font-bold tracking-tight">¡Subida!</h2>
 			<p class="mt-3 text-lg text-neutral-300">
 				«{publishedTitle}» se está procesando. Aparecerá lista para reproducir en tu biblioteca en
 				unos momentos.