diff --git a/src/components/TopBanner.tsx b/src/components/TopBanner.tsx
index 11e67a2..ab18407 100644
--- a/src/components/TopBanner.tsx
+++ b/src/components/TopBanner.tsx
@@ -33,10 +33,10 @@ export default function TopBanner({ initialBanners, rotationSeconds }: { initial
    
    if (activeBanner.imagen_destacada_id) {
        if (typeof activeBanner.imagen_destacada_id === 'object' && activeBanner.imagen_destacada_id.bucket_id) {
-           imgUrl = `${ENDPOINT}/storage/buckets/${activeBanner.imagen_destacada_id.bucket_id}/files/${activeBanner.imagen_destacada_id.file_id}/view?project=${PROJECT_ID}`;
+           imgUrl = `${ENDPOINT}/storage/buckets/${activeBanner.imagen_destacada_id.bucket_id}/files/${activeBanner.imagen_destacada_id.file_id}/preview?project=${PROJECT_ID}&width=1920&height=500&quality=85`;
        } else if (typeof activeBanner.imagen_destacada_id === 'string') {
            // Fallback to 'media' bucket if we only have the ID
-           imgUrl = `${ENDPOINT}/storage/buckets/media/files/${activeBanner.imagen_destacada_id}/view?project=${PROJECT_ID}`;
+           imgUrl = `${ENDPOINT}/storage/buckets/media/files/${activeBanner.imagen_destacada_id}/preview?project=${PROJECT_ID}&width=1920&height=500&quality=85`;
        }
    }
 
@@ -64,7 +64,7 @@ export default function TopBanner({ initialBanners, rotationSeconds }: { initial
                    key={activeBanner.$id}
                    src={imgUrl} 
                    alt={activeBanner.titulo} 
-                   className="w-full h-auto block animate-fade-in" 
+                   className="w-full h-[180px] sm:h-[250px] md:h-[350px] lg:h-[450px] object-cover block animate-fade-in" 
                />
                
                {activeBanner.url_destino && (