feat(F-068): completed feature

project/frontend/src/components/home/FeaturedProducts.tsx

@@ -34,7 +34,7 @@ export default async function FeaturedProducts() {
           {products.map((product) => (
             <Link key={product.id} href={`/products/${product.slug}`} className="group block">
               <div className="bg-gray-50 rounded-xl overflow-hidden border border-gray-100 hover:border-[#70ad47] transition-colors">
-                <div className="relative w-full max-h-72 bg-white flex items-center justify-center overflow-hidden">
+                <div className="relative aspect-square w-full bg-white flex items-center justify-center overflow-hidden">
                   {product.images?.[0] ? (
                     <Image src={product.images[0].url} alt={product.name} fill className="object-contain" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw" />
                   ) : (
@@ -44,7 +44,12 @@ export default async function FeaturedProducts() {
                 <div className="p-4">
                   {product.brandId && <p className="text-xs text-[#70ad47] font-medium uppercase tracking-wide mb-1">Marca</p>}
                   <h3 className="font-semibold text-gray-900 group-hover:text-[#70ad47] transition-colors line-clamp-2">{product.name}</h3>
-                  <p className="text-gray-500 text-sm mt-1 line-clamp-2">{product.description}</p>
+                  {product.description && (
+                    <div
+                      className="text-gray-500 text-sm mt-1 line-clamp-2 prose prose-xs max-w-none"
+                      dangerouslySetInnerHTML={{ __html: product.description }}
+                    />
+                  )}
                   <div className="mt-3 pr-2">
                     <span className="text-lg font-bold text-[#70ad47]">{formatPrice(0)}</span>
                   </div>