From 2200c5e0d232fb5979f2b156c4daa39ec9c5744c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sof=C3=ADa=20Maturana?= <sofimaturana830@gmail.com>
Date: Fri, 10 Apr 2026 10:56:08 -0400
Subject: [PATCH] =?UTF-8?q?feat(cart):=20agregar=20bot=C3=B3n=20de=20pago?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Cart.jsx | 18 ++++++++++++------
 src/main.jsx |  2 +-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/Cart.jsx b/src/Cart.jsx
index a883676..4650fb2 100644
--- a/src/Cart.jsx
+++ b/src/Cart.jsx
@@ -6,12 +6,6 @@ const Cart = () => {
   return (
     <section id="cart">
       <h1 className="text-4xl font-bold">Carrito</h1>
-      <p>
-        Total:
-        <strong>
-          {` $${cart.reduce((acc, it) => acc + it.price * it.count, 0).toLocaleString("es-CL")}`}
-        </strong>
-      </p>
       <div id="cartContainer" className="flex gap-4 flex-col">
         {cart.map((pizza) => (
           <div
@@ -53,7 +47,19 @@ const Cart = () => {
             </div>
           </div>
         ))}
+        <p className="text-3xl">
+          Total:
+          <strong>
+            {` $${cart.reduce((acc, it) => acc + it.price * it.count, 0).toLocaleString("es-CL")}`}
+          </strong>
+        </p>
       </div>
+      <button
+        type="submit"
+        className="bg-black text-white rounded-md p-2 text-lg hover:bg-gray-500"
+      >
+        Pagar
+      </button>
     </section>
   );
 };
diff --git a/src/main.jsx b/src/main.jsx
index 3c037d0..bd756d1 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -2,8 +2,8 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App.jsx";
-import "virtual:uno.css";
 import "@unocss/reset/tailwind.css";
+import "virtual:uno.css";
 
 createRoot(document.getElementById("root")).render(
   <StrictMode>