fix: product detail view for parapharmacy products

- Updated ProductView to use correct endpoint for parapharmacy
- Updated getProduct service to handle parapharmacy products
- Shows price, category, brand, source for parapharmacy products
- Updated labels from 'OFF' to 'Parafarmacia'

apps/frontend-mobile/app/product/[source]/[id].tsx

@@ -62,7 +62,7 @@ export default function ProductDetailScreen() {
         <View style={styles.nameRow}>
           <Text style={[styles.name, { color: colors.text }]}>{product.name}</Text>
           <View style={[styles.badge, { backgroundColor: isCima ? '#2b5bb5' : '#4caf50' }]}>
-            <Text style={styles.badgeText}>{isCima ? 'CIMA' : 'OFF'}</Text>
+            <Text style={styles.badgeText}>{isCima ? 'CIMA' : 'Parafarmacia'}</Text>
           </View>
         </View>
         {product.brand ? (
@@ -92,21 +92,21 @@ export default function ProductDetailScreen() {
         </View>
       ) : (
         <View style={[styles.infoSection, { backgroundColor: colors.card }]}>
-          <Text style={[styles.sectionTitle, { color: colors.text }]}>Información nutricional</Text>
-          {product.nutriscore && (
-            <InfoRow label="Nutri-Score" value={product.nutriscore.toUpperCase()} colors={colors} />
+          <Text style={[styles.sectionTitle, { color: colors.text }]}>Información del producto</Text>
+          {product.price != null && (
+            <InfoRow label="Precio" value={`${product.price} €`} colors={colors} />
           )}
-          {product.nova_group != null && (
-            <InfoRow label="Grupo NOVA" value={String(product.nova_group)} colors={colors} />
+          {product.original_price != null && product.original_price > (product.price || 0) && (
+            <InfoRow label="Precio anterior" value={`${product.original_price} €`} colors={colors} />
           )}
-          {product.eco_score && (
-            <InfoRow label="Eco-Score" value={product.eco_score.toUpperCase()} colors={colors} />
+          {product.category && (
+            <InfoRow label="Categoría" value={product.category} colors={colors} />
           )}
-          {product.ingredients && (
-            <View style={[styles.infoRow, { borderBottomColor: colors.border }]}>
-              <Text style={[styles.infoLabel, { color: colors.textSecondary }]}>Ingredientes</Text>
-              <Text style={[styles.infoValueMultiline, { color: colors.text }]}>{product.ingredients}</Text>
-            </View>
+          {product.brand && (
+            <InfoRow label="Marca" value={product.brand} colors={colors} />
+          )}
+          {product.source_url && (
+            <InfoRow label="Fuente" value={product.source || 'Parafarmacia'} colors={colors} />
           )}
         </View>
       )}

apps/frontend-mobile/services/products.ts

@@ -105,7 +105,12 @@ export async function getParapharmacyBrands(): Promise<string[]> {
 
 export async function getProduct(source: string, id: string): Promise<Product | null> {
   try {
-    const { data } = await api.get<Product>(`/products/${source}/${id}`);
+    // Use different endpoint for parapharmacy products
+    const endpoint = source === 'parapharmacy'
+      ? `/products/parapharmacy/${id}`
+      : `/products/${source}/${id}`;
+
+    const { data } = await api.get<Product>(endpoint);
     return data;
   } catch (error) {
     console.error('[Products] Detail error:', error);

apps/frontend/src/views/ProductView.jsx

@@ -17,13 +17,18 @@ export default function ProductView({ source, id, onBack }) {
     setError(null);
     setPharmacies([]);
     try {
-      const response = await fetch(`/api/products/${source}/${id}`);
+      // Use different endpoint for parapharmacy products
+      const apiUrl = source === 'parapharmacy'
+        ? `/api/products/parapharmacy/${id}`
+        : `/api/products/${source}/${id}`;
+
+      const response = await fetch(apiUrl);
       if (!response.ok) {
         throw new Error('Producto no encontrado');
       }
       const data = await response.json();
       setProduct(data);
-      loadPharmacies(source, data.id);
+      loadPharmacies(source, data.id || data._id);
     } catch (err) {
       setError(err.message);
     } finally {
@@ -71,8 +76,9 @@ export default function ProductView({ source, id, onBack }) {
   if (!product) return null;
 
   const isCima = product.source === 'cima';
+  const isParapharmacy = product.source !== 'cima';
   const sourceColor = isCima ? '#2563eb' : '#16a34a';
-  const sourceLabel = isCima ? 'CIMA' : 'Open Food Facts';
+  const sourceLabel = isCima ? 'CIMA' : 'Parafarmacia';
 
   return (
     <div className="product-view">
@@ -116,17 +122,20 @@ export default function ProductView({ source, id, onBack }) {
           </>
         ) : (
           <>
-            {product.nutriscore && product.nutriscore !== 'not-applicable' && product.nutriscore !== 'unknown' && (
-              <DetailRow label="Nutri-Score" value={product.nutriscore.toUpperCase()} />
+            {product.price && (
+              <DetailRow label="Precio" value={`${product.price} €`} />
             )}
-            {product.nova_group && (
-              <DetailRow label="NOVA" value={`Grupo ${product.nova_group}`} />
+            {product.original_price && product.original_price > product.price && (
+              <DetailRow label="Precio anterior" value={`${product.original_price} €`} />
             )}
-            {product.eco_score && product.eco_score !== 'unknown' && (
-              <DetailRow label="Eco-Score" value={product.eco_score.toUpperCase()} />
+            {product.category && (
+              <DetailRow label="Categoría" value={product.category} />
             )}
-            {product.ingredients && (
-              <DetailRow label="Ingredientes" value={product.ingredients} />
+            {product.brand && (
+              <DetailRow label="Marca" value={product.brand} />
+            )}
+            {product.source_url && (
+              <DetailRow label="Fuente" value={product.source} />
             )}
           </>
         )}