From 78964261d9518b93aa7c595026eca57a6c6a66e8 Mon Sep 17 00:00:00 2001
From: killer-cf <costa.kilder@live.com>
Date: Tue, 6 Jan 2026 13:22:12 -0300
Subject: [PATCH] Enhance NewsCarousel component: Update background gradient
 and add drop shadows to text elements for improved readability and visual
 appeal.

---
 src/lib/components/NewsCarousel.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/NewsCarousel.svelte b/src/lib/components/NewsCarousel.svelte
index 54d22cc..c40bdff 100644
--- a/src/lib/components/NewsCarousel.svelte
+++ b/src/lib/components/NewsCarousel.svelte
@@ -91,7 +91,9 @@
 							aria-hidden="true"
 							class="h-56 w-full bg-linear-to-br from-[color:var(--accent-blue)]/15 via-white/40 to-[color:var(--accent-yellow)]/20 sm:h-64"
 						></div>
-						<div class="absolute inset-0 bg-linear-to-t from-black/35 via-black/0 to-black/0"></div>
+						<div
+							class="absolute inset-0 bg-linear-to-t from-black/75 via-black/35 to-black/0"
+						></div>
 						<div class="absolute bottom-0 left-0 right-0 p-6 sm:p-7">
 							<div class="flex flex-wrap items-center gap-2">
 								<span
@@ -105,13 +107,13 @@
 									{new Date(item.date).toLocaleDateString('pt-BR')}
 								</span>
 							</div>
-							<p class="mt-3 text-xl font-extrabold tracking-tight text-white sm:text-2xl">
+							<p class="mt-3 text-xl font-extrabold tracking-tight text-white drop-shadow-sm sm:text-2xl">
 								{item.title}
 							</p>
-							<p class="mt-2 max-w-3xl text-sm leading-relaxed text-white/90">
+							<p class="mt-2 max-w-3xl text-sm leading-relaxed text-white/90 drop-shadow-sm">
 								{item.dek}
 							</p>
-							<div class="mt-4 inline-flex items-center gap-2 text-sm font-semibold text-white">
+							<div class="mt-4 inline-flex items-center gap-2 text-sm font-semibold text-white drop-shadow-sm">
 								<span class="underline-offset-4 group-hover:underline">Ler notícia</span>
 								<span aria-hidden="true" class="transition group-hover:translate-x-0.5">→</span>
 							</div>