From 40bbe60b0111721c8e7e3ecb16dce822e1a62e82 Mon Sep 17 00:00:00 2001
From: "Carlos (Almeira)" <carlos@almeira.com.co>
Date: Fri, 17 Jul 2026 17:18:00 -0500
Subject: [PATCH] Update TopBanner to use object-contain for full visibility

---
 src/components/TopBanner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TopBanner.tsx b/src/components/TopBanner.tsx
index ab18407..7028422 100644
--- a/src/components/TopBanner.tsx
+++ b/src/components/TopBanner.tsx
@@ -58,13 +58,13 @@ export default function TopBanner({ initialBanners, rotationSeconds }: { initial
            {/* Metric Impression Observer resets key on change to fire new impression */}
            <MetricObserver key={activeBanner.$id} postId={activeBanner.$id} />
 
-           <div onClick={recordClickAndGo} className={`w-full block ${activeBanner.url_destino ? 'cursor-pointer' : ''}`}>
+           <div onClick={recordClickAndGo} className={`w-full block flex justify-center ${activeBanner.url_destino ? 'cursor-pointer' : ''}`}>
                {/* eslint-disable-next-line @next/next/no-img-element */}
                <img 
                    key={activeBanner.$id}
                    src={imgUrl} 
                    alt={activeBanner.titulo} 
-                   className="w-full h-[180px] sm:h-[250px] md:h-[350px] lg:h-[450px] object-cover block animate-fade-in" 
+                   className="w-full h-auto max-h-[180px] sm:max-h-[250px] md:max-h-[350px] lg:max-h-[450px] object-contain block animate-fade-in" 
                />
                
                {activeBanner.url_destino && (