Frontend Hotfixes & Backend improvements

apps/frontend-mobile/app/(tabs)/map.tsx

@@ -4,7 +4,7 @@ import MapView, { Marker } from 'react-native-maps';
 import { useRouter } from 'expo-router';
 import { getPharmacies } from '../../services/pharmacies';
 import { LoadingSpinner } from '../../components/LoadingSpinner';
-import { colors, spacing } from '../../constants/theme';
+import { colors, spacing, borderRadius } from '../../constants/theme';
 import { Pharmacy } from '../../types';
 
 export default function MapScreen() {

apps/frontend-mobile/app/_layout.tsx

@@ -97,10 +97,10 @@ const bgStyles = StyleSheet.create({
     flex: 1,
   },
   backgroundImage: {
-    opacity: 0.5,
+    opacity: 0.8,
   },
   overlay: {
     ...StyleSheet.absoluteFillObject,
-    backgroundColor: 'rgba(255, 252, 245, 0.48)',
+    backgroundColor: 'rgba(255, 252, 245, 0.2)',
   },
 });

apps/frontend-mobile/app/medicine/[id].tsx

@@ -56,17 +56,18 @@ export default function MedicineDetailScreen() {
   return (
     <ScrollView style={styles.container}>
       <View style={styles.header}>
-        <Text style={styles.name}>{medicine.nombre}</Text>
-        <StockBadge stock={medicine.stock} />
+        <Text style={styles.name}>{medicine.name}</Text>
+        {medicine.stock != null && <StockBadge stock={medicine.stock} />}
       </View>
 
       <View style={styles.infoSection}>
-        <InfoRow label="Principio activo" value={medicine.principioActivo} />
-        <InfoRow label="Laboratorio" value={medicine.laboratorio} />
-        <InfoRow label="Forma farmacéutica" value={medicine.formaFarmaceutica} />
+        <InfoRow label="Principio activo" value={medicine.active_ingredient} />
+        <InfoRow label="Laboratorio" value={medicine.laboratory} />
+        <InfoRow label="Forma farmacéutica" value={medicine.form} />
+        <InfoRow label="Dosificación" value={medicine.dosage} />
         <InfoRow
           label="Precio"
-          value={medicine.precio ? `${medicine.precio.toFixed(2)} €` : 'No disponible'}
+          value={medicine.precio != null ? `${medicine.precio.toFixed(2)} €` : 'No disponible'}
         />
         <InfoRow label="Registro" value={medicine.nregistro} />
       </View>