diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 4c6a046..8e492cb 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -7,6 +7,7 @@ import { truncateString } from '../utils/commons';
 import { useCart } from '../hooks/useCart';
 import { Product } from '../types/Product';
 import { useRouter } from 'expo-router';
+import { formatPrice } from '../utils/formatPrice';
 
 const ProductCard: React.FC<Product> = ({
   id,
@@ -15,13 +16,17 @@ const ProductCard: React.FC<Product> = ({
   imageUrl,
   name,
   category,
-  //originalPrice,
-  //discount,
+  originalPrice,
+  discount,
   finalPrice,
   getQuantity,
 }) => {
-  const { getItemQuantity, updateCartQuantity } = useCart();
+  const { getItemQuantity, addToCart } = useCart();
   const router = useRouter();
+  const computedFinalPrice = discount
+    ? (finalPrice * (100 - discount)) / 100
+    : finalPrice;
+
   return (
     <TouchableOpacity
       onPress={() =>
@@ -57,7 +62,15 @@ const ProductCard: React.FC<Product> = ({
               <CardButton
                 getValue={(quantity) => {
                   if (getQuantity) getQuantity(quantity);
-                  updateCartQuantity(id, quantity);
+                  // Asegura que price siempre sea number
+                  addToCart({
+                    id,
+                    name,
+                    price: originalPrice ?? 0,
+                    quantity,
+                    image: imageUrl,
+                    discount: discount ?? 0,
+                  });
                 }}
                 initialValue={getItemQuantity(id)}
               />
@@ -66,22 +79,18 @@ const ProductCard: React.FC<Product> = ({
         </View>
         <View style={styles.description}>
           <PoppinsText style={styles.name}>{truncateString(name)}</PoppinsText>
-          {/** 
           {discount && (
             <View style={styles.priceContainer}>
               <PoppinsText style={styles.originalPrice}>
-                ${originalPrice}
+                ${formatPrice(originalPrice ?? 0)}
               </PoppinsText>
-              <PoppinsText style={styles.discount}>{discount}%</PoppinsText> // Comentado 
+              <PoppinsText style={styles.discount}>{discount}%</PoppinsText>
             </View>
-          )}*/}
+          )}
           <PoppinsText
-            style={[
-              styles.finalPrice,
-              //!discount && { color: Colors.semanticInfo },
-            ]}
+            style={[styles.finalPrice, !discount && { color: Colors.textMain }]}
           >
-            ${finalPrice}
+            ${formatPrice(computedFinalPrice)}
           </PoppinsText>
         </View>
       </View>
diff --git a/src/components/CardButton.tsx b/src/components/CardButton.tsx
index db632b2..ea62541 100644
--- a/src/components/CardButton.tsx
+++ b/src/components/CardButton.tsx
@@ -19,15 +19,16 @@ const CardButton: React.FC<CardButtonProps> = ({
 }) => {
   const [count, setCount] = useState(initialValue);
   const [showCounter, setShowCounter] = useState(false);
+  const [hasInteracted, setHasInteracted] = useState(false);
 
   const toggleCounter = () => setShowCounter(count > 0);
   useEffect(toggleCounter, [count]);
 
   useEffect(() => {
-    if (getValue) {
+    if (hasInteracted && getValue) {
       getValue(count);
     }
-    if (syncQuantity) {
+    if (hasInteracted && syncQuantity) {
       syncQuantity(count);
     }
   }, [count]);
@@ -37,11 +38,13 @@ const CardButton: React.FC<CardButtonProps> = ({
   }, [initialValue]);
 
   const incrementCount = () => {
+    setHasInteracted(true);
     setCount((prev) => prev + 1);
   };
 
   const decrementCount = () => {
     if (count > 0) {
+      setHasInteracted(true);
       setCount((prev) => prev - 1);
     }
   };
diff --git a/src/components/OrderSummary.tsx b/src/components/OrderSummary.tsx
index 978f236..5b441a0 100644
--- a/src/components/OrderSummary.tsx
+++ b/src/components/OrderSummary.tsx
@@ -5,6 +5,7 @@ import PoppinsText from './PoppinsText';
 import { Colors, FontSizes } from '../styles/theme';
 import type { CartItem } from '../redux/slices/cartSlice';
 import { ChevronDownIcon, ChevronUpIcon } from 'react-native-heroicons/outline';
+import { formatPrice } from '../utils/formatPrice';
 
 const OrderSummary = () => {
   const { cartItems } = useCart();
@@ -14,26 +15,29 @@ const OrderSummary = () => {
     (sum, item) => sum + item.price * item.quantity,
     0,
   );
-  // const totalDiscount = cartItems.reduce(
-  //   (sum, item) => sum + item.price * (item.quantity * 0.1), // Comentado
-  //   0,
-  // );
+  const totalDiscount = cartItems.reduce(
+    (sum, item) =>
+      sum + item.price * item.quantity * ((item.discount ?? 0) / 100),
+    0,
+  );
+  const total = subtotal - totalDiscount;
 
   const renderItem = ({ item }: { item: CartItem }) => {
-    // const discount = 10; // Comentado
-    // const discountedPrice = item.price * (1 - discount / 100); // Comentado
-    // const totalDiscountedPrice = discountedPrice * item.quantity; // Comentado
+    const discount = item.discount ?? 0;
+    const discountedPrice = item.price * (1 - discount / 100);
+    const totalDiscountedPrice = discountedPrice * item.quantity;
     const totalOriginalPrice = item.price * item.quantity;
 
     return (
       <View style={styles.card}>
         <View style={styles.imageContainer}>
-          {/** 
-          <View style={styles.discountBadge}>
-            <PoppinsText style={styles.discountBadgeText}>
-              -10%
-            </PoppinsText>
-          </View>*/}
+          {discount > 0 && (
+            <View style={styles.discountBadge}>
+              <PoppinsText style={styles.discountBadgeText}>
+                -{discount}%
+              </PoppinsText>
+            </View>
+          )}
           <Image
             source={{ uri: item.image }}
             style={styles.productImage}
@@ -44,15 +48,14 @@ const OrderSummary = () => {
           <View style={styles.row}>
             <PoppinsText style={styles.productName}>{item.name}</PoppinsText>
             <PoppinsText style={styles.productTotalPrice}>
-              ${totalOriginalPrice.toFixed(2)}
+              ${formatPrice(totalDiscountedPrice)}
             </PoppinsText>
           </View>
-          {/**
           <PoppinsText style={styles.productOriginalPrice}>
-            ${totalOriginalPrice.toFixed(2)}
-          </PoppinsText> */}
+            ${formatPrice(totalOriginalPrice)}
+          </PoppinsText>
           <PoppinsText style={styles.productPrice}>
-            (${item.price} c/u)
+            (${formatPrice(discountedPrice)} c/u)
           </PoppinsText>
           <PoppinsText style={styles.productQuantity}>
             Cantidad: {item.quantity}
@@ -102,12 +105,20 @@ const OrderSummary = () => {
             <View style={styles.row}>
               <PoppinsText style={styles.subtotalText}>Subtotal</PoppinsText>
               <PoppinsText style={styles.subtotalText}>
-                ${subtotal.toFixed(2)}
+                ${formatPrice(subtotal)}
               </PoppinsText>
             </View>
             <View style={styles.row}>
               <PoppinsText style={styles.discountText}>Descuentos</PoppinsText>
-              <PoppinsText style={styles.discountText}>-$0.00</PoppinsText>
+              <PoppinsText style={styles.discountText}>
+                -${formatPrice(totalDiscount)}
+              </PoppinsText>
+            </View>
+            <View style={styles.row}>
+              <PoppinsText style={styles.subtotalText}>Total</PoppinsText>
+              <PoppinsText style={styles.subtotalText}>
+                ${formatPrice(total)}
+              </PoppinsText>
             </View>
           </View>
         </>
diff --git a/src/components/SearchInput.tsx b/src/components/SearchInput.tsx
index 63ffa96..20fc96c 100644
--- a/src/components/SearchInput.tsx
+++ b/src/components/SearchInput.tsx
@@ -17,6 +17,7 @@ import PoppinsText from './PoppinsText';
 import { router } from 'expo-router';
 import { ProductService } from '../services/products';
 import { ProductPresentation } from '@pharmatech/sdk';
+import { formatPrice } from '../utils/formatPrice';
 
 interface SearchInputProps {
   placeholder?: string;
@@ -195,7 +196,7 @@ const SearchInput: React.FC<SearchInputProps> = ({
                         color: Colors.primary,
                       }}
                     >
-                      $ {p?.price}
+                      $ {formatPrice(p?.price)}
                     </PoppinsText>
                   </View>
                 </TouchableOpacity>
diff --git a/src/hooks/useCart.ts b/src/hooks/useCart.ts
index 05eae89..6fd2a91 100644
--- a/src/hooks/useCart.ts
+++ b/src/hooks/useCart.ts
@@ -15,6 +15,8 @@ export const useCart = () => {
   const userId = useSelector((state: RootState) => state.cart.userId);
 
   const addToCart = (item: CartItem) => {
+    if (item.quantity <= 0) return; // <-- NO agregar si cantidad es 0
+    console.log('[addToCart] Item añadido al carrito:', item); // <-- LOG
     dispatch(addItem(item));
   };
 
@@ -22,8 +24,22 @@ export const useCart = () => {
     dispatch(removeItem(id));
   };
 
-  const updateCartQuantity = (id: string, quantity: number) => {
-    dispatch(updateQuantity({ id, quantity }));
+  const updateCartQuantity = (
+    id: string,
+    quantity: number,
+    discount?: number,
+    price?: number,
+  ) => {
+    // Busca el item actual en el carrito
+    const item = cartItems.find((item) => item.id === id);
+    dispatch(
+      updateQuantity({
+        id,
+        quantity,
+        discount: typeof discount === 'number' ? discount : item?.discount,
+        price: typeof price === 'number' ? price : item?.price,
+      }),
+    );
   };
 
   const getItemQuantity = (id: string) => {
diff --git a/src/redux/slices/cartSlice.ts b/src/redux/slices/cartSlice.ts
index 26183bc..017b1d9 100644
--- a/src/redux/slices/cartSlice.ts
+++ b/src/redux/slices/cartSlice.ts
@@ -6,6 +6,7 @@ export type CartItem = {
   price: number;
   quantity: number;
   image: string;
+  discount?: number;
 };
 
 type CartState = {
@@ -35,13 +36,16 @@ const cartSlice = createSlice({
       }
     },
     addItem: (state, action: PayloadAction<CartItem>) => {
-      const existingItem = state.items.find(
+      const existing = state.items.find(
         (item) => item.id === action.payload.id,
       );
-      if (existingItem) {
-        existingItem.quantity = action.payload.quantity;
+      if (existing) {
+        // Si ya existe, actualiza cantidad y descuento correctamente
+        existing.quantity = action.payload.quantity;
+        existing.price = action.payload.price;
+        existing.discount = action.payload.discount; // <-- ¡Asegúrate de actualizar el descuento!
       } else {
-        state.items.push(action.payload);
+        state.items.push({ ...action.payload });
       }
       state.total = calculateTotal(state.items);
     },
@@ -51,11 +55,22 @@ const cartSlice = createSlice({
     },
     updateQuantity: (
       state,
-      action: PayloadAction<{ id: string; quantity: number }>,
+      action: PayloadAction<{
+        id: string;
+        quantity: number;
+        discount?: number;
+        price?: number;
+      }>,
     ) => {
       const item = state.items.find((item) => item.id === action.payload.id);
       if (item) {
         item.quantity = action.payload.quantity;
+        if (typeof action.payload.discount === 'number') {
+          item.discount = action.payload.discount;
+        }
+        if (typeof action.payload.price === 'number') {
+          item.price = action.payload.price;
+        }
       }
       state.total = calculateTotal(state.items);
     },
diff --git a/src/screens/CartListScreen.tsx b/src/screens/CartListScreen.tsx
index c2151aa..89beb9f 100644
--- a/src/screens/CartListScreen.tsx
+++ b/src/screens/CartListScreen.tsx
@@ -14,6 +14,7 @@ import type { CartItem } from '../redux/slices/cartSlice';
 import Button from '../components/Button';
 import { TrashIcon } from 'react-native-heroicons/outline';
 import { useRouter } from 'expo-router';
+import { formatPrice } from '../utils/formatPrice';
 
 const CartListScreen = () => {
   const router = useRouter();
@@ -22,28 +23,34 @@ const CartListScreen = () => {
   const subtotal = cartItems.reduce(
     (sum, item) => sum + item.price * item.quantity,
     0,
-  ); // Total price sum
-  // const totalDiscount = cartItems.reduce(
-  //   (sum, item) => sum + item.price * (item.quantity * 0.1), // Comentado
-  //   0,
-  // ); // Discount sum
-  const total = subtotal; // Subtotal without discount
+  );
+  // Total price sum
+  const totalDiscount = cartItems.reduce(
+    (sum, item) =>
+      sum + item.price * item.quantity * ((item.discount ?? 0) / 100),
+    0,
+  ); // Discount sum
+  const total = subtotal - totalDiscount; // Subtotal with discount
 
   const renderItem = ({ item }: { item: CartItem }) => {
-    // const discount = 10; // Comentado
-    // const discountedPrice = item.price * (1 - discount / 100); // Comentado
-    // const totalDiscountedPrice = discountedPrice * item.quantity; // Comentado
-    const totalOriginalPrice = item.price * item.quantity; // Original total price
+    console.log('[CartListScreen] Renderizando item:', item); // <-- LOG
+    // Usar el descuento del item, si existe, si no 0
+    const discount = item.discount ?? 0;
+    const discountedPrice = item.price * (1 - discount / 100);
+    const totalDiscountedPrice = discountedPrice * item.quantity;
+    const totalOriginalPrice = item.price * item.quantity;
 
     return (
       <View style={styles.card}>
         <View style={styles.imageContainer}>
           {/* Discount badge */}
-          {/* <View style={styles.discountBadge}>
-            <PoppinsText style={styles.discountBadgeText}>
-              -{discount}%
-            </PoppinsText>
-          </View> */}
+          {discount > 0 && (
+            <View style={styles.discountBadge}>
+              <PoppinsText style={styles.discountBadgeText}>
+                -{discount}%
+              </PoppinsText>
+            </View>
+          )}
           <Image
             source={{ uri: item.image }}
             style={styles.productImage}
@@ -53,19 +60,29 @@ const CartListScreen = () => {
         <View style={styles.detailsContainer}>
           <View style={styles.row}>
             <PoppinsText style={styles.productName}>{item.name}</PoppinsText>
-            <PoppinsText style={styles.productTotalPrice}>
-              ${totalOriginalPrice.toFixed(2)}
-              {/* Original total price */}
-            </PoppinsText>
+            <View style={{ alignItems: 'flex-end' }}>
+              <PoppinsText style={styles.productTotalPrice}>
+                ${formatPrice(totalDiscountedPrice)}
+              </PoppinsText>
+              {discount > 0 && (
+                <PoppinsText style={styles.productOriginalPrice}>
+                  ${formatPrice(totalOriginalPrice)}
+                </PoppinsText>
+              )}
+            </View>
           </View>
           <PoppinsText style={styles.productPrice}>
-            (${item.price} c/u)
+            (${formatPrice(discountedPrice)} c/u)
           </PoppinsText>
           <View style={styles.quantityContainer}>
             <CardButton
-              getValue={(quantity) => updateCartQuantity(item.id, quantity)}
+              getValue={(quantity) =>
+                updateCartQuantity(item.id, quantity, item.discount ?? 0)
+              }
               initialValue={item.quantity > 0 ? item.quantity : 0}
-              syncQuantity={(quantity) => updateCartQuantity(item.id, quantity)}
+              syncQuantity={(quantity) =>
+                updateCartQuantity(item.id, quantity, item.discount ?? 0)
+              }
             />
             <TouchableOpacity
               onPress={() => removeFromCart(item.id)}
@@ -118,19 +135,19 @@ const CartListScreen = () => {
             <View style={styles.row}>
               <PoppinsText style={styles.subtotalText}>Subtotal</PoppinsText>
               <PoppinsText style={styles.subtotalText}>
-                ${subtotal.toFixed(2)}
+                ${formatPrice(subtotal)}
               </PoppinsText>
             </View>
-            {/* <View style={styles.row}>
+            <View style={styles.row}>
               <PoppinsText style={styles.discountText}>Descuentos</PoppinsText>
               <PoppinsText style={styles.discountText}>
-                -${totalDiscount.toFixed(2)}
+                -${formatPrice(totalDiscount)}
               </PoppinsText>
-            </View> */}
+            </View>
             <View style={styles.row}>
               <PoppinsText style={styles.totalText}>Total</PoppinsText>
               <PoppinsText style={styles.totalText}>
-                ${total.toFixed(2)}
+                ${formatPrice(total)}
               </PoppinsText>
             </View>
             <Button
diff --git a/src/screens/CheckoutScreen.tsx b/src/screens/CheckoutScreen.tsx
index f14c8af..90ad041 100644
--- a/src/screens/CheckoutScreen.tsx
+++ b/src/screens/CheckoutScreen.tsx
@@ -41,6 +41,7 @@ import {
   CreateOrderDetail,
   PaymentMethod,
 } from '@pharmatech/sdk';
+import { formatPrice } from '../utils/formatPrice';
 
 const CheckoutScreen = () => {
   const dispatch = useDispatch<AppDispatch>();
@@ -90,16 +91,22 @@ const CheckoutScreen = () => {
     (sum, item) => sum + item.price * item.quantity,
     0,
   );
-  {
-    /** const totalDiscount = cartItems.reduce(
-    (sum, item) => sum + item.price * (item.quantity * 0.1),
+
+  // Calcula el descuento total de los productos (igual que OrderSummary)
+  const totalDiscount = cartItems.reduce(
+    (sum, item) =>
+      sum + item.price * item.quantity * ((item.discount ?? 0) / 100),
     0,
-  );*/
-  }
-  const subtotalAfterDiscount = subtotal; // - totalDiscount;
+  );
+
+  // Subtotal después de descuentos de productos
+  const subtotalAfterDiscount = subtotal - totalDiscount;
+
+  // Aplica el cupón sobre el subtotal ya descontado
   const subtotalAfterCoupon = couponApplied
     ? subtotalAfterDiscount * (1 - couponDiscount / 100)
     : subtotalAfterDiscount;
+
   const total = subtotalAfterCoupon;
 
   const renderFooterMessage = () => {
@@ -352,7 +359,7 @@ const CheckoutScreen = () => {
               <View style={styles.totalRow}>
                 <PoppinsText style={styles.totalLabel}>Total:</PoppinsText>
                 <PoppinsText style={styles.totalAmount}>
-                  ${total.toFixed(2)}
+                  ${formatPrice(total)}
                 </PoppinsText>
               </View>
             </View>
diff --git a/src/screens/OrdersScreen.tsx b/src/screens/OrdersScreen.tsx
index d7dfa26..aa48501 100644
--- a/src/screens/OrdersScreen.tsx
+++ b/src/screens/OrdersScreen.tsx
@@ -16,6 +16,7 @@ import { UserService } from '../services/user';
 import { truncateString } from '../utils/commons';
 import OrderBadge from '../components/OrderBadge';
 import { useCart } from '../hooks/useCart';
+import { formatPrice } from '../utils/formatPrice';
 
 const OrdersScreen = () => {
   const [ordersList, setOrdersList] = useState<OrderResponse[] | undefined>(
@@ -159,7 +160,7 @@ const OrdersScreen = () => {
                       {/* Formatear fecha */}
                     </PoppinsText>
                   </View>
-                  <PoppinsText>${order.totalPrice.toFixed(2)}</PoppinsText>
+                  <PoppinsText>${formatPrice(order.totalPrice)}</PoppinsText>
                 </View>
                 <View
                   style={{
diff --git a/src/screens/ProductDetailScreen.tsx b/src/screens/ProductDetailScreen.tsx
index 2a9eaf2..d0728a4 100644
--- a/src/screens/ProductDetailScreen.tsx
+++ b/src/screens/ProductDetailScreen.tsx
@@ -40,6 +40,7 @@ import {
 } from '@pharmatech/sdk';
 import Button from '../components/Button';
 import { BranchService } from '../services/branches';
+import { formatPrice } from '../utils/formatPrice';
 
 const ProductDetailScreen: React.FC = () => {
   const { id, productId } = useLocalSearchParams<{
@@ -291,7 +292,21 @@ const ProductDetailScreen: React.FC = () => {
     );
   };
 
-  console.log('Current inventory state:', inventory); // Log para inspeccionar el estado de inventory
+  const getProductDiscount = () => {
+    // Busca promo en product.promo
+    if (product?.promo && typeof product.promo.discount === 'number') {
+      return product.promo.discount;
+    }
+    return 0;
+  };
+
+  const getOriginalPrice = () => product?.price ?? 0;
+  const getDiscount = () => getProductDiscount();
+  const getFinalPrice = () => {
+    const original = getOriginalPrice();
+    const discount = getDiscount();
+    return discount > 0 ? (original * (100 - discount)) / 100 : original;
+  };
 
   return (
     <View style={{ flex: 1, backgroundColor: Colors.bgColor }}>
@@ -383,10 +398,24 @@ const ProductDetailScreen: React.FC = () => {
           {/* Información del producto */}
           <View style={styles.productInfo}>
             <View style={styles.priceRatingContainer}>
-              <PoppinsText style={styles.price}>$ {product?.price}</PoppinsText>
-              {/* {discount && ( // Comentado */}
-              {/*   <PoppinsText style={styles.discount}>-{discount}%</PoppinsText> */}
-              {/* )} */}
+              {product ? (
+                getDiscount() > 0 ? (
+                  <>
+                    <PoppinsText style={styles.price}>
+                      ${formatPrice(getFinalPrice())}
+                    </PoppinsText>
+                    <PoppinsText style={styles.discountBadge}>
+                      -{getDiscount()}%
+                    </PoppinsText>
+                  </>
+                ) : (
+                  <PoppinsText style={styles.price}>
+                    ${formatPrice(getOriginalPrice())}
+                  </PoppinsText>
+                )
+              ) : (
+                <ActivityIndicator size="small" color={Colors.primary} />
+              )}
             </View>
             <PoppinsText
               style={[
@@ -583,7 +612,26 @@ const ProductDetailScreen: React.FC = () => {
           <CardButton
             size={10}
             getValue={(quantity) => {
-              if (product?.id) updateCartQuantity(product.id, quantity);
+              if (product?.id && quantity > 0) {
+                const promo = product.promo;
+                const discount =
+                  typeof promo?.discount === 'number' ? promo.discount : 0;
+                addToCart({
+                  id: product.id,
+                  name:
+                    product.product.name +
+                    ' ' +
+                    product.presentation.name +
+                    ' ' +
+                    product.presentation.quantity +
+                    ' ' +
+                    product.presentation.measurementUnit,
+                  price: product.price,
+                  quantity,
+                  image: images?.[0]?.url || 'https://via.placeholder.com/150',
+                  discount,
+                });
+              }
             }}
             initialValue={getQuantity()}
           />
@@ -636,6 +684,20 @@ const styles = StyleSheet.create({
     color: Colors.primary,
     marginRight: 10,
   },
+  originalPrice: {
+    fontSize: FontSizes.b1.size,
+    color: Colors.disableText,
+    textDecorationLine: 'line-through',
+    marginRight: 14,
+  },
+  discountBadge: {
+    fontSize: FontSizes.c1.size,
+    backgroundColor: Colors.semanticInfo,
+    borderRadius: 5,
+    padding: 4,
+    color: Colors.textWhite,
+    marginRight: 10,
+  },
   productName: {
     textAlign: 'center',
     fontSize: FontSizes.h5.size,
@@ -698,12 +760,6 @@ const styles = StyleSheet.create({
     alignItems: 'flex-end',
     zIndex: 999,
   },
-  discount: {
-    fontSize: FontSizes.b4.size,
-    backgroundColor: Colors.semanticInfo,
-    borderRadius: 5,
-    padding: 4,
-  },
 });
 
 export default ProductDetailScreen;
diff --git a/src/screens/tab/HomeScreen.tsx b/src/screens/tab/HomeScreen.tsx
index ad91bf1..5465fa3 100644
--- a/src/screens/tab/HomeScreen.tsx
+++ b/src/screens/tab/HomeScreen.tsx
@@ -8,6 +8,7 @@ import { Colors, FontSizes } from '../../styles/theme';
 import Carousel from '../../components/Carousel';
 import { ProductService } from '../../services/products';
 import { Product } from '../../types/Product';
+import type { Promo } from '@pharmatech/sdk';
 import EmailVerificationModal from './EmailVerificationModal';
 import { decodeJWT } from '../../helper/jwtHelper';
 
@@ -20,7 +21,7 @@ export default function HomeScreen() {
   const router = useRouter();
   const { showEmailVerification: showEmailVerificationParam } =
     useLocalSearchParams();
-  const { cartItems, addToCart, updateCartQuantity, setCartUserId } = useCart();
+  const { cartItems, updateCartQuantity, setCartUserId } = useCart();
 
   const getItemQuantity = (productId: string) => {
     const cartItem = cartItems.find((item) => item.id === productId.toString());
@@ -63,7 +64,60 @@ export default function HomeScreen() {
       const productsData = await ProductService.getProducts(1, 20);
       if (productsData.success) {
         const pd = productsData.data.results;
-        const carouselProducts = pd.map((p) => ({
+        const carouselProducts = pd.map((p) => {
+          // Usa el descuento real si hay promo, si no, no lo agregues
+          // @ts-expect-error: promo puede estar en p o en p.presentation
+          const promo: Promo | undefined = p.promo ?? p.presentation.promo;
+          const discount: Promo['discount'] | undefined = promo?.discount
+            ? Math.round(promo.discount * 100) / 100
+            : undefined;
+          return {
+            id: p.id,
+            presentationId: p.presentation.id,
+            productId: p.product.id,
+            imageUrl: p.product.images[0].url,
+            name:
+              p.product.name +
+              ' ' +
+              p.presentation.name +
+              ' ' +
+              p.presentation.quantity +
+              ' ' +
+              p.presentation.measurementUnit,
+            category: p.product.categories[0].name,
+            originalPrice: p.price,
+            ...(discount !== undefined ? { discount } : {}),
+            finalPrice: p.price,
+            quantity: getItemQuantity(p.id),
+            getQuantity: (quantity: number) => {
+              updateCartQuantity(p.id, quantity);
+            },
+          };
+        });
+
+        setProducts(carouselProducts);
+      } else {
+        console.log(productsData.error);
+      }
+    } catch (error) {
+      console.error('Error fetching products:', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const obtainRecommendedProducts = async () => {
+    setLoadingRecommendations(true);
+    try {
+      const recommendations = await ProductService.getRecommendations();
+      const carouselRecommendations = recommendations.results.map((p) => {
+        // Usa el descuento real si hay promo, si no, no lo agregues
+        // @ts-expect-error: promo puede estar en p o en p.presentation
+        const promo: Promo | undefined = p.promo ?? p.presentation.promo;
+        const discount: Promo['discount'] | undefined = promo?.discount
+          ? Math.round(promo.discount * 100) / 100
+          : undefined;
+        return {
           id: p.id,
           presentationId: p.presentation.id,
           productId: p.product.id,
@@ -76,83 +130,16 @@ export default function HomeScreen() {
             p.presentation.quantity +
             ' ' +
             p.presentation.measurementUnit,
-          category: p.product.categories[0].name,
-          //originalPrice: p.price,
-          //discount: 10,
+          category: p.product.categories[0]?.name || 'Sin categoría',
+          originalPrice: p.price,
+          ...(discount !== undefined ? { discount } : {}),
           finalPrice: p.price,
           quantity: getItemQuantity(p.id),
           getQuantity: (quantity: number) => {
-            addToCart({
-              id: p.id,
-              name:
-                p.product.name +
-                ' ' +
-                p.presentation.name +
-                ' ' +
-                p.presentation.quantity +
-                ' ' +
-                p.presentation.measurementUnit,
-              price: p.price,
-              quantity,
-              image:
-                p.product.images?.[0]?.url || 'https://via.placeholder.com/150',
-            });
             updateCartQuantity(p.id, quantity);
           },
-        }));
-
-        setProducts(carouselProducts);
-      } else {
-        console.log(productsData.error);
-      }
-    } catch (error) {
-      console.error('Error fetching products:', error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const obtainRecommendedProducts = async () => {
-    setLoadingRecommendations(true);
-    try {
-      const recommendations = await ProductService.getRecommendations();
-      const carouselRecommendations = recommendations.results.map((p) => ({
-        id: p.id,
-        presentationId: p.presentation.id,
-        productId: p.product.id,
-        imageUrl: p.product.images[0].url,
-        name:
-          p.product.name +
-          ' ' +
-          p.presentation.name +
-          ' ' +
-          p.presentation.quantity +
-          ' ' +
-          p.presentation.measurementUnit,
-        category: p.product.categories[0]?.name || 'Sin categoría',
-        //originalPrice: p.price,
-        //discount: 10,
-        finalPrice: p.price,
-        quantity: getItemQuantity(p.id),
-        getQuantity: (quantity: number) => {
-          addToCart({
-            id: p.id,
-            name:
-              p.product.name +
-              ' ' +
-              p.presentation.name +
-              ' ' +
-              p.presentation.quantity +
-              ' ' +
-              p.presentation.measurementUnit,
-            price: p.price,
-            quantity,
-            image:
-              p.product.images?.[0]?.url || 'https://via.placeholder.com/150',
-          });
-          updateCartQuantity(p.id, quantity);
-        },
-      }));
+        };
+      });
 
       setRecommendedProducts(carouselRecommendations);
     } catch (error) {
diff --git a/src/screens/tab/OffersScreen.tsx b/src/screens/tab/OffersScreen.tsx
index 9ca0574..f94ce9b 100644
--- a/src/screens/tab/OffersScreen.tsx
+++ b/src/screens/tab/OffersScreen.tsx
@@ -1,18 +1,165 @@
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
+import React, { useState, useEffect } from 'react';
+import {
+  View,
+  FlatList,
+  StyleSheet,
+  ActivityIndicator,
+  ListRenderItemInfo,
+} from 'react-native';
 import PoppinsText from '../../components/PoppinsText';
-import { Colors } from '../../styles/theme';
+import { Colors, FontSizes } from '../../styles/theme';
+import Card from '../../components/Card';
+import { ProductService } from '../../services/products';
+import type { Promo } from '@pharmatech/sdk';
 
 export default function OffersScreen() {
+  const [offers, setOffers] = useState<
+    Array<{
+      id: string;
+      presentationId: string;
+      productId: string;
+      imageUrl: string;
+      name: string;
+      category: string;
+      originalPrice: number;
+      discount: number;
+      finalPrice: number;
+      quantity: number;
+      getQuantity: (quantity: number) => void;
+    }>
+  >([]);
+  const [loading, setLoading] = useState(false);
+
+  function hasPromo(item: {
+    [key: string]: unknown;
+  }): item is { promo?: Promo } {
+    return 'promo' in item && typeof item.promo !== 'undefined';
+  }
+
+  const loadOffers = async () => {
+    setLoading(true);
+    const res = await ProductService.getProducts(1, 50);
+    if (res.success) {
+      const promoItems = res.data.results.filter(
+        (item) => hasPromo(item) && Boolean(item.promo?.discount),
+      );
+
+      const mappedPromoItems = promoItems.map((p) => {
+        const promo: Promo | undefined = hasPromo(p) ? p.promo : undefined;
+        const discount: Promo['discount'] = promo?.discount ?? 0;
+
+        return {
+          id: p.id,
+          presentationId: p.presentation.id,
+          productId: p.product.id,
+          imageUrl:
+            p.product.images?.[0]?.url || 'https://via.placeholder.com/150',
+          name:
+            p.product.name +
+            ' ' +
+            p.presentation.name +
+            ' ' +
+            p.presentation.quantity +
+            ' ' +
+            p.presentation.measurementUnit,
+          category: p.product.categories?.[0]?.name || 'Sin categoría',
+          originalPrice: p.price,
+          discount,
+          finalPrice: p.price,
+          quantity: 0,
+          getQuantity: () => 0,
+        };
+      });
+      setOffers(mappedPromoItems);
+    } else {
+      console.error('Error al cargar productos:', res.error);
+    }
+    setLoading(false);
+  };
+
+  useEffect(() => {
+    loadOffers();
+  }, []);
+
+  if (loading) {
+    return (
+      <View style={styles.loaderContainer}>
+        <ActivityIndicator size="large" color={Colors.primary} />
+      </View>
+    );
+  }
+
+  const renderOffer = ({
+    item,
+  }: ListRenderItemInfo<{
+    id: string;
+    presentationId: string;
+    productId: string;
+    imageUrl: string;
+    name: string;
+    category: string;
+    originalPrice: number;
+    discount: number;
+    finalPrice: number;
+    quantity: number;
+    getQuantity: (quantity: number) => void;
+  }>) => {
+    return (
+      <Card
+        id={item.id}
+        presentationId={item.presentationId}
+        productId={item.productId}
+        imageUrl={item.imageUrl}
+        name={item.name}
+        category={item.category}
+        originalPrice={item.originalPrice}
+        discount={item.discount}
+        finalPrice={item.finalPrice}
+        quantity={item.quantity}
+        getQuantity={item.getQuantity}
+      />
+    );
+  };
+
   return (
     <View style={styles.container}>
-      <PoppinsText>Pantalla Ofertas</PoppinsText>
+      <PoppinsText weight="medium" style={styles.title}>
+        Ofertas especiales
+      </PoppinsText>
+      <FlatList
+        data={offers}
+        keyExtractor={(item) => item.id}
+        numColumns={2}
+        contentContainerStyle={styles.list}
+        renderItem={renderOffer}
+        columnWrapperStyle={styles.columnWrapper}
+        onRefresh={loadOffers}
+        refreshing={loading}
+      />
     </View>
   );
 }
 
 const styles = StyleSheet.create({
   container: {
+    flex: 1,
+    backgroundColor: Colors.bgColor,
+    paddingHorizontal: 5,
+  },
+  title: {
+    fontSize: FontSizes.s1.size,
+    color: Colors.textMain,
+    paddingHorizontal: 15,
+  },
+  list: {
+    paddingBottom: 20,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  columnWrapper: {
+    justifyContent: 'space-between',
+  },
+  loaderContainer: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
diff --git a/src/services/paymentInformation.ts b/src/services/paymentInformation.ts
index 66ecdf7..6016004 100644
--- a/src/services/paymentInformation.ts
+++ b/src/services/paymentInformation.ts
@@ -13,7 +13,7 @@ export const PaymentInformationService = {
         throw new Error('Token de autenticación no encontrado');
       }
 
-      // Llamar al método findAll con el argumento directamente
+      // Call the API method
       const response = await api.paymentInformation.findAll(paymentMethod);
 
       // Devolver la respuesta directamente (se asume que ya es un array)
diff --git a/src/types/Product.ts b/src/types/Product.ts
index b037903..a759249 100644
--- a/src/types/Product.ts
+++ b/src/types/Product.ts
@@ -5,8 +5,8 @@ export type Product = {
   imageUrl: string;
   name: string;
   category: string;
-  //originalPrice: number;
-  //discount: number;
+  originalPrice?: number;
+  discount?: number;
   finalPrice: number;
   quantity: number;
   getQuantity: (quantity: number) => void;
diff --git a/src/utils/formatPrice.ts b/src/utils/formatPrice.ts
new file mode 100644
index 0000000..8e0c1e4
--- /dev/null
+++ b/src/utils/formatPrice.ts
@@ -0,0 +1,8 @@
+export function formatPrice(value: number, options?: Intl.NumberFormatOptions) {
+  // Divide entre 100 y muestra con dos decimales
+  return (value / 100).toLocaleString('es-VE', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+    ...options,
+  });
+}