diff --git a/projecte-final/main/assets/css/style.css b/projecte-final/main/assets/css/style.css
index 8bca9eb..326333b 100644
--- a/projecte-final/main/assets/css/style.css
+++ b/projecte-final/main/assets/css/style.css
@@ -259,3 +259,30 @@ body
 }
 
 /*=============FINAL DE ESTILOS DE PLANTILLA==============*/
+/*====================Seccion juegos======================*/
+.sectionTitle
+{
+  text-align: center;
+  font-size: 2rem;
+  margin-bottom: 3rem;
+  color: #00C3FF;
+  text-shadow: 0 0 15px rgba(0, 195, 255, 0.5);
+}
+
+.cardsContainer
+{
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 2.5rem;
+  padding: 0 1.5rem;
+  margin-bottom: 5rem;
+}
+/*==================Fin seccion juegos====================*/
+
+
+
+
+
+/*=====================Seccion CTA========================*/
+
+/*===================Fin seccion CTA======================*/
\ No newline at end of file
diff --git a/projecte-final/main/indexSAD.html b/projecte-final/main/indexSAD.html
index c9da421..5449c37 100644
--- a/projecte-final/main/indexSAD.html
+++ b/projecte-final/main/indexSAD.html
@@ -29,8 +29,40 @@
     </header>
 
     <main class="content">
-      <section class="carrusel-container">
+      <section class="topSales">
+        <h2 class="sectionTitle">Top 3 vendes</h2>
+            <div class="cardsContainer">
+              <article class="gameCard">
+                <div class="cardImage">
+                  <img src="assets/img/" alt="">
+                  <h3>juego 1</h3>
+                  <p>"opinion"</p>
+                </div>
+              </article>
 
+              <article class="gameCard">
+                <div class="cardImage">
+                  <img src="assets/img/" alt="">
+                  <h3>juego 2</h3>
+                  <p>"opinion"</p>
+                </div>
+              </article>
+
+              <article class="gameCard">
+                <div class="cardImage">
+                  <img src="assets/img/" alt="">
+                  <h3>juego 3</h3>
+                  <p>"opinion"</p>
+                </div>
+              </article>
+            </div>
+      </section>
+
+      <section class="ctaSection">
+        <div class="ctaContent">
+          <p>Veure mes jocs disponibles</p>
+          <a href="videojocsSAD.html" class="ctaButton">Veure cataleg complet</a>
+        </div>
       </section>
     </main>