chore: Styling order number

src/pages/catalog/components/order/Order.module.css

@@ -1,4 +1,11 @@
 
+.order_number_container {
+    background: #f5f5f5;
+    border-radius: 16px;
+    font-weight: 500;
+    color: black;
+    text-align: center;
+}
 .header_container {
     background: #f5f5f5;
     margin: 1.5rem auto;

src/pages/catalog/components/order/Order.tsx

@@ -12,7 +12,9 @@ const Order = ({productLines = []} : OrderProps) => {
   const [comment, setComment] = useState("")
   return (
     <div className={styles.container}>
+      <div className={styles.order_number_container}>
         <h1>Compra #5428</h1>
+      </div>
       <div className={styles.header_container}>
         <div className={styles.subheader_container}>
           <div className={styles.info_row}>