diff --git a/css/style.css b/css/style.css
index 74c9a81..306873a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -94,6 +94,18 @@ nav {
   color: #ffffff;
   cursor: pointer;
   margin-left: 20px;
+  position: relative;
+}
+
+.cart-indicator {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background-color: #de3232;
+  color: #e336cc;
+  border-radius: 50%;
+  padding: 0 5px;
+  font-size: 0.8rem;
 }
 
 .hamburger {
diff --git a/css/style.css.map b/css/style.css.map
index 1496903..6b0d862 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/sections/_reset.scss","../scss/sections/_adds.scss","../scss/sections/_nav.scss","../scss/sections/_hero.scss","../scss/sections/responsive/movil/_Movile-main.scss","../scss/sections/_Dsktop-main.scss","../scss/sections/_footer.scss","../scss/sections/responsive/movil/_R-nav.scss","../scss/sections/responsive/movil/_R-hero.scss","../scss/sections/responsive/movil/_R-footer.scss","../scss/sections/cursos/_curs-main.scss","../scss/sections/cursos/_curs-seachBar.scss","../scss/sections/cursos/_curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-main.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;ACXJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AClBJ;EACI;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;;;AAMJ;EACI;;;AC7EJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;ACjCJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EAEA;EAEA;;;AAGF;EACE;EACA;EACA;EAEA;EAEA;EACA;EACA;;;AAMF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AAIF;EACE;EACA;EAEA;EACA;EACA;EAEA;;;AAGF;EAEE;EACA;EAEA;EAEA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACrFF;EAEI;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IAEE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AChEN;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EAEA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACnFJ;EACI;IACI;;EAGJ;IACI;IACA;;;AAIR;EAEI;IACI;;EAGJ;IACI;;;AAKR;EACI;IACI;IAIA;IACA;;EAGJ;IACI;;EAGJ;IACI;;;ACtCR;EAEI;IACI;;EAGJ;IACI;;;ACNR;EAEI;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;;AC1BR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAIJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AClCJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;AC5BJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;ACvEJ;EACE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;;;AChBJ;EACI;IACI","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/sections/_reset.scss","../scss/sections/_adds.scss","../scss/sections/_nav.scss","../scss/sections/_hero.scss","../scss/sections/responsive/movil/_Movile-main.scss","../scss/sections/_Dsktop-main.scss","../scss/sections/_footer.scss","../scss/sections/responsive/movil/_R-nav.scss","../scss/sections/responsive/movil/_R-hero.scss","../scss/sections/responsive/movil/_R-footer.scss","../scss/sections/cursos/_curs-main.scss","../scss/sections/cursos/_curs-seachBar.scss","../scss/sections/cursos/_curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-cards.scss","../scss/sections/cursos/responsive/_R-curs-main.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;ACXJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AClBJ;EACI;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EAEA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAMJ;EACI;;;AC1FJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;ACjCJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EAEA;EAEA;;;AAGF;EACE;EACA;EACA;EAEA;EAEA;EACA;EACA;;;AAMF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AAIF;EACE;EACA;EAEA;EACA;EACA;EAEA;;;AAGF;EAEE;EACA;EAEA;EAEA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACrFF;EAEI;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IAEE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AChEN;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EAEA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;ACnFJ;EACI;IACI;;EAGJ;IACI;IACA;;;AAIR;EAEI;IACI;;EAGJ;IACI;;;AAKR;EACI;IACI;IAIA;IACA;;EAGJ;IACI;;EAGJ;IACI;;;ACtCR;EAEI;IACI;;EAGJ;IACI;;;ACNR;EAEI;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;;AC1BR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAIJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AClCJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;AC5BJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EAEA;;;AAGJ;EACI;EACA;EACA;EACA;;;ACvEJ;EACE;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;;;AChBJ;EACI;IACI","file":"style.css"}
\ No newline at end of file
diff --git a/cursos.html b/cursos.html
index e269d55..e9a1150 100644
--- a/cursos.html
+++ b/cursos.html
@@ -56,6 +56,7 @@ <h4>Easy Code</h4>
 
                 <div class="cart">
                     <box-icon color='#ffffff' size="md" name='cart'></box-icon>
+                    <div class="cart-indicator">O</div>
                 </div>
             </div>
         </div>
diff --git a/index.html b/index.html
index 50e6a92..f4ba300 100644
--- a/index.html
+++ b/index.html
@@ -55,6 +55,7 @@ <h4>Easy Code</h4>
 
                 <div class="cart">
                     <box-icon color="#ffffff" size="md" name="cart"></box-icon>
+                    <div class="cart-indicator">O</div>
                 </div>
             </div>
         </div>
diff --git a/js/main.js b/js/main.js
index 29597b7..15f07a8 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,47 +1,6 @@
-const cursos = [
-  {
-    nombre: "Desarrollo Web con HTML, CSS y JavaScript",
-    imagen: "./img/courses/web.jpg",
-    descripcion:
-      "Aprende a crear sitios web interactivos desde cero con las tecnologías fundamentales de la web.",
-    precio: "$49.99",
-  },
-  {
-    nombre: "Programación en Python",
-    imagen: "./img/courses/python.jpg",
-    descripcion:
-      "Domina uno de los lenguajes de programación más populares y versátiles.",
-    precio: "$59.99",
-  },
-  {
-    nombre: "Desarrollo de Aplicaciones Móviles con React Native",
-    imagen: "./img/courses/movilReact.jpg",
-    descripcion:
-      "Crea aplicaciones móviles multiplataforma con JavaScript y React Native.",
-    precio: "$79.99",
-  },
-  {
-    nombre: "Bases de Datos SQL y MySQL",
-    imagen: "./img/courses/sql.jpg",
-    descripcion:
-      "Aprende a diseñar y administrar bases de datos relacionales con SQL y MySQL.",
-    precio: "$69.99",
-  },
-  {
-    nombre: "Desarrollo de Aplicaciones con Node.js",
-    imagen: "./img/courses/node.jpg",
-    descripcion:
-      "Construye aplicaciones del lado del servidor utilizando Node.js y Express.",
-    precio: "$59.99",
-  },
-  {
-    nombre: "Desarrollo de Aplicaciones con Java",
-    imagen: "./img/courses/java.jpg",
-    descripcion:
-      "Aprende a programar en Java y desarrolla aplicaciones empresariales robustas.",
-    precio: "$79.99",
-  },
-];
+import cursos from "./obj.js";
+
+console.log(cursos);
 
 const repertorio = document.querySelector(".tarjetas-cursos");
 
diff --git a/js/obj.js b/js/obj.js
new file mode 100644
index 0000000..b9dd6ec
--- /dev/null
+++ b/js/obj.js
@@ -0,0 +1,46 @@
+const cursos = [
+    {
+      nombre: "Desarrollo Web con HTML, CSS y JavaScript",
+      imagen: "./img/courses/web.jpg",
+      descripcion:
+        "Aprende a crear sitios web interactivos desde cero con las tecnologías fundamentales de la web.",
+      precio: "$49.99",
+    },
+    {
+      nombre: "Programación en Python",
+      imagen: "./img/courses/python.jpg",
+      descripcion:
+        "Domina uno de los lenguajes de programación más populares y versátiles.",
+      precio: "$59.99",
+    },
+    {
+      nombre: "Desarrollo de Aplicaciones Móviles con React Native",
+      imagen: "./img/courses/movilReact.jpg",
+      descripcion:
+        "Crea aplicaciones móviles multiplataforma con JavaScript y React Native.",
+      precio: "$79.99",
+    },
+    {
+      nombre: "Bases de Datos SQL y MySQL",
+      imagen: "./img/courses/sql.jpg",
+      descripcion:
+        "Aprende a diseñar y administrar bases de datos relacionales con SQL y MySQL.",
+      precio: "$69.99",
+    },
+    {
+      nombre: "Desarrollo de Aplicaciones con Node.js",
+      imagen: "./img/courses/node.jpg",
+      descripcion:
+        "Construye aplicaciones del lado del servidor utilizando Node.js y Express.",
+      precio: "$59.99",
+    },
+    {
+      nombre: "Desarrollo de Aplicaciones con Java",
+      imagen: "./img/courses/java.jpg",
+      descripcion:
+        "Aprende a programar en Java y desarrolla aplicaciones empresariales robustas.",
+      precio: "$79.99",
+    },
+  ];
+
+  export default cursos;
\ No newline at end of file
diff --git a/scss/sections/_nav.scss b/scss/sections/_nav.scss
index a099dd3..33c639b 100644
--- a/scss/sections/_nav.scss
+++ b/scss/sections/_nav.scss
@@ -65,6 +65,19 @@ nav{
     cursor: pointer;
 
     margin-left: 20px;
+
+    position: relative;
+}
+
+.cart-indicator{
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-color: #de3232;
+    color: #e336cc;
+    border-radius: 50%;
+    padding: 0 5px;
+    font-size: 0.8rem;
 }
 
 .hamburger {