diff --git a/assets/images/movi/movie.jpg b/assets/images/movi/movie.jpg
deleted file mode 100644
index 89ca1f3..0000000
Binary files a/assets/images/movi/movie.jpg and /dev/null differ
diff --git a/css/generales.css b/css/generales.css
index b405418..5cef125 100644
--- a/css/generales.css
+++ b/css/generales.css
@@ -11,5 +11,5 @@ body {
 }
 
 .container {
-    min-width: 320px;
+    min-width: 350px;
 }
\ No newline at end of file
diff --git a/css/instagram.css b/css/instagram.css
index 77f848e..b591e2c 100644
--- a/css/instagram.css
+++ b/css/instagram.css
@@ -43,18 +43,16 @@
                 height: 100%;
                 font-weight: 600;
 
-                display: grid;
-                grid-template: 100% / auto 30px auto;
+                display: flex;
+                justify-content: center;
                 align-items: center;
             }
             .instagram-capa-texto:hover {
                 color: white;
             }
-            .instagram-capa-texto span:first-child {
-                justify-self: self-end;
-            }
-            .instagram-capa-texto span:last-child {
-                grid-column-start: 3;
+
+            .instagram-capa-texto span {
+                margin: 0 15px;
             }
 
 /* ----- MEDIA QUERIES ----- */
@@ -63,23 +61,15 @@
     
     .instagram-grilla {
         grid-gap: 3px;
-        padding: 6px 0;
+        padding: 10px 5px;
     }
 
-    .instagram-capa-texto:hover {
-        grid-template: 1fr 1fr / 100%;
-        align-items: initial;
-        justify-items: center;
+    .instagram-capa-texto {
+        flex-direction: column
     }
 
-    .instagram-capa-texto span:first-child {
-        justify-self: initial;
-        align-self: flex-end;
-        margin-bottom: 3px
-    }
-    .instagram-capa-texto span:last-child {
-        grid-column-start: initial;
-        margin-top: 3px;
+    .instagram-capa-texto span {
+        margin: 1px 0;
     }
 }
 
diff --git a/css/movies.css b/css/movies.css
index f57928b..e6df9c9 100644
--- a/css/movies.css
+++ b/css/movies.css
@@ -7,18 +7,18 @@
     margin: 0 auto;
 
     display: grid;
-    grid-template: auto auto / 90px auto;
-    grid-template-areas: "navbar peliculas" "navbar peliculas";
+    grid-template: calc(100vh - 65px) / 90px 1fr;
+    grid-template-areas: "navbar peliculas";
 }
 
 
     .movies-navbar {
-        grid-area: navbar;
-        height: calc(100vh - 65px);
+        height: 100%;
         background-color: #b63f3f;
         padding: 7px 0;
         box-sizing: border-box;
         
+        grid-area: navbar;
         display: grid;
         grid-template-rows: 90px 90px 90px 1fr 90px;
     }
@@ -49,15 +49,15 @@
             }
     
     .movies-peliculas {
-        grid-area: peliculas;
-        height: calc(100vh - 65px);
-        padding-left: 15px;
+        height: 100%;
+        margin: 0 15px;
         padding-bottom: 20px;
         box-sizing: border-box;
-
-        display: grid;
-        grid-template-rows: repeat(3, minmax(auto, 60px) minmax(213px, auto));
         overflow: auto;
+        
+        grid-area: peliculas;
+        display: grid;
+        grid-template-rows: repeat(3, minmax(min-content, 60px) minmax(min-content, 225px));
     }
 
         .peliculas-titulo {
@@ -68,15 +68,13 @@
         }
 
         .peliculas-seccion {
-            padding-right: 15px;
-
             display: grid;
             grid-auto-flow: column;
             grid-auto-columns: 320px;
             column-gap: 40px;
         }
 
-            .pelicula-contenedor-imagen {
+            .pelicula-contenedor {
                 margin: 0;
                 position: relative;
                 cursor: pointer;
@@ -114,13 +112,12 @@
 @media screen and (max-width: 768px) {
 
     .movies-grilla {
-        grid-template: auto 55px / 55px auto;
-        grid-template-areas: "peliculas peliculas" "navbar navbar"
+        grid-template: calc(100vh - 110px) 55px / 1fr;
+        grid-template-areas: "peliculas" "navbar"
     }
     
         .movies-navbar {
-            height: 55px;
-            grid-template: 100% / 1fr 1fr 1fr 1fr;
+            grid-template: 100% / repeat(4, 1fr);
             padding: 0;
         }
         .movies-navbar-link:last-of-type {
@@ -135,10 +132,10 @@
             }
         
         .movies-peliculas {
-            height: calc(100vh - 110px);
-            padding-left: 5px;
+            margin: 0 5px;
             padding-bottom: 10px;
-            grid-template-rows: repeat(3, minmax(auto, 60px) minmax(199px, auto));
+
+            grid-template-rows: repeat(3, minmax(min-content, 50px) minmax(min-content, 210px));
         }
 
             .peliculas-titulo {
@@ -169,11 +166,10 @@
 @media screen and (max-width: 480px) {
 
     .movies-grilla {
-        grid-template: auto 45px / 45px auto;
+        grid-template: calc(100vh - 90px) 45px / 1fr;
     }
     
         .movies-navbar {
-            height: 45px;
             border-top: solid 1.5px #cecece;
             box-sizing: border-box;
         }
@@ -186,9 +182,9 @@
             }
         
         .movies-peliculas {
-            height: calc(100vh - 90px);
             padding-bottom: 5px;
-            grid-template-rows: repeat(3, minmax(auto, 60px) minmax(186px, auto));
+            
+            grid-template-rows: repeat(3, minmax(min-content, 40px) minmax(min-content, 200px));
         }
     
             .peliculas-titulo {
@@ -199,7 +195,6 @@
             }
     
             .peliculas-seccion {
-                padding-left: 5px;
                 grid-auto-columns: 280px;
                 column-gap: 10px;
             }
diff --git a/css/navbar.css b/css/navbar.css
index 68a1a38..32be74f 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -4,16 +4,17 @@
 
 header {
     background-color: #343a40;
+    box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.6);
 }
 
 .navbar {
-    max-width: 1024px;
+    max-width: 1050px;
     height: 65px;
     margin: 0 auto;
     background-color: #343a40;
 
     display: grid;
-    grid-template-columns: 3fr 2fr; 
+    grid-template-columns: auto 1fr; 
     align-items: center;
 
 }
@@ -51,6 +52,9 @@ header {
             .elemento-lista .enlace:hover {
                 color: #c9ccbe;
             }
+            .enlace-activo {
+                color: white !important;
+            }
 
 /* ----- MEDIA QUERIES ----- */
 
@@ -61,11 +65,11 @@ header {
     }
     
         .navbar-titulo {
-            font-size: 1.4em;
+            font-size: 1.45em;
         }
         
             .elemento-lista .enlace {
-                font-size: 0.9em;
+                font-size: 0.95em;
                 padding: 0 15px;
             } 
 }
@@ -77,11 +81,11 @@ header {
     }
     
         .navbar-titulo {
-            font-size: 1.1em;
+            font-size: 1.4em;
         }
 
             .elemento-lista .enlace {
-                font-size: 0.7em;
+                font-size: 0.9em;
                 padding: 0 10px;
             } 
 }
\ No newline at end of file
diff --git a/assets/images/instagram/compu.jpg b/images/instagram/compu.jpg
similarity index 100%
rename from assets/images/instagram/compu.jpg
rename to images/instagram/compu.jpg
diff --git a/assets/images/instagram/compu2.jpg b/images/instagram/compu2.jpg
similarity index 100%
rename from assets/images/instagram/compu2.jpg
rename to images/instagram/compu2.jpg
diff --git a/assets/images/instagram/compu3.jpg b/images/instagram/compu3.jpg
similarity index 100%
rename from assets/images/instagram/compu3.jpg
rename to images/instagram/compu3.jpg
diff --git a/images/movi/movie.jpg b/images/movi/movie.jpg
new file mode 100644
index 0000000..d5d8a0f
Binary files /dev/null and b/images/movi/movie.jpg differ
diff --git a/assets/images/pinterest/house.jpg b/images/pinterest/house.jpg
similarity index 100%
rename from assets/images/pinterest/house.jpg
rename to images/pinterest/house.jpg
diff --git a/assets/images/pinterest/landing.jpg b/images/pinterest/landing.jpg
similarity index 100%
rename from assets/images/pinterest/landing.jpg
rename to images/pinterest/landing.jpg
diff --git a/assets/images/pinterest/tshirt.jpg b/images/pinterest/tshirt.jpg
similarity index 100%
rename from assets/images/pinterest/tshirt.jpg
rename to images/pinterest/tshirt.jpg
diff --git a/index.html b/index.html
index 1d7ad81..aab4b4c 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
 </head>
 <body>
     <header class="container">
+        <!-- BARRA DE NAVEGACION -->
         <nav class="navbar">
             <h1 class="navbar-titulo">CSS Grid</h1>
             <ul class="navbar-lista">
@@ -20,11 +21,13 @@ <h1 class="navbar-titulo">CSS Grid</h1>
     </header>
 
     <div class="container">
+        <!-- SECCION DE INSTAGRAM -->
         <section id="instagram">
-            <!-- Grilla con 12 imagenes de muestra diseñadas como enlaces -->
+            <!-- Division Padre (Grilla con 12 hijos) -->
             <div class="instagram-grilla">
+                <!-- Imagen Instagram #1 -->
                 <a href="#" class="instagram-link-container ">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -32,8 +35,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #2 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -41,8 +45,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #3 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -50,8 +55,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #4 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -59,8 +65,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #5 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -68,8 +75,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #6 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -77,8 +85,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #7 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -86,8 +95,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #8 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -95,8 +105,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #9 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -104,8 +115,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #10 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -113,8 +125,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #11 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu2.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -122,8 +135,9 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                         </p>
                     </div>
                 </a>
+                <!-- Imagen Instagram #12 -->
                 <a href="#" class="instagram-link-container">
-                    <figure class="instagram-container-imagen"><img src="./assets/images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
+                    <figure class="instagram-container-imagen"><img src="./images/instagram/compu3.jpg" alt="Imagen de Contenido"></figure>
                     <div class="instagram-capa">
                         <p class="instagram-capa-texto">
                             <span><i class="fas fa-heart"></i> 150</span>
@@ -134,219 +148,240 @@ <h1 class="navbar-titulo">CSS Grid</h1>
             </div>
         </section>
         
+        <!-- SECCION DE PINTEREST -->
         <section id="pinterest">
+            <!-- Division Padre (Grilla con 15 hijos) -->
             <div class="pinterest-grilla">
+                <!-- Imagen Pinterest #1 -->
                 <a href="#" class="pinterest-link-container item-3-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #2 -->
                 <a href="#" class="pinterest-link-container item-2-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #3 -->
                 <a href="#" class="pinterest-link-container item-1-fila">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #4 -->
                 <a href="#" class="pinterest-link-container item-3-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #5 -->
                 <a href="#" class="pinterest-link-container item-2-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #6 -->
                 <a href="#" class="pinterest-link-container item-1-fila">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #7 -->
                 <a href="#" class="pinterest-link-container item-3-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #8 -->
                 <a href="#" class="pinterest-link-container item-2-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #9 -->
                 <a href="#" class="pinterest-link-container item-1-fila">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #10 -->
                 <a href="#" class="pinterest-link-container item-3-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #11 -->
                 <a href="#" class="pinterest-link-container item-2-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #12 -->
                 <a href="#" class="pinterest-link-container item-1-fila">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #13 -->
                 <a href="#" class="pinterest-link-container item-3-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/landing.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #14 -->
                 <a href="#" class="pinterest-link-container item-2-filas">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/tshirt.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
+                <!-- Imagen Pinterest #15 -->
                 <a href="#" class="pinterest-link-container item-1-fila">
                     <figure class="pinterest-container-imagen">
-                        <img src="./assets/images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
+                        <img src="./images/pinterest/house.jpg" alt="Imagen de Contenido Pinterest">
                     </figure>
                 </a>
             </div>
         </section>
 
+        <!-- SECCION DE MOVIES -->
         <section id="movies">
+            <!-- Division Padre (Grilla con 2 hijos) -->
             <div class="movies-grilla">
+                <!-- Barra de Menu (Grilla Anidada con 4 hijos) -->
                 <div class="movies-navbar">
+                    <!-- Opcion #1 / Inicio -->
                     <a href="#" class="movies-navbar-link">
                         <i class="fas fa-home navbar-link-icon"></i>
                         <p class="navbar-link-texto">Inicio</p>
                     </a>
+                    <!-- Opcion #2 / Tendencias -->
                     <a href="#" class="movies-navbar-link">
                         <i class="fas fa-fire-alt navbar-link-icon"></i>
                         <p class="navbar-link-texto">Tendencias</p>
                     </a>
+                    <!-- Opcion #3 / Mas Likes -->
                     <a href="#" class="movies-navbar-link">
                         <i class="fas fa-heart navbar-link-icon"></i>
                         <p class="navbar-link-texto">Más likes</p>
                     </a>
+                    <!-- Opcion #4 / Ajustes -->
                     <a href="#" class="movies-navbar-link ajustes">
                         <i class="fas fa-cog navbar-link-icon"></i>
                         <p class="navbar-link-texto">Ajustes</p>
                     </a>
                 </div>
+
+                <!-- Contenido de la Seccion (Grilla Anidada con 6 hijos) -->
                 <div class="movies-peliculas">
+                    <!-- Titulo Apartado #1 -->
                     <p class="peliculas-titulo">Ahora en el Cine</p>
+                    <!-- Apartado de peliculas #1 (Grilla Anidada con 4 hijos) -->
                     <div class="peliculas-seccion">
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
+                        <!-- Imagen Pelicula #1 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
+                        <!-- Imagen Pelicula #2 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
+                        <!-- Imagen Pelicula #3 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
+                        <!-- Imagen Pelicula #4 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
                     </div>
 
+                    <!-- Titulo Apartado #2 -->
                     <p class="peliculas-titulo">Aclamadas por la critica</p>
+                    <!-- Apartado de peliculas #2 (Grilla Anidada con 4 hijos) -->
                     <div class="peliculas-seccion">
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
-                                <div class="pelicula-contenido">
-                                    <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
-                                    <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
-                                </div>
-                            </figure>
-                        </div>
+                        <!-- Imagen Pelicula #1 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
+                        <!-- Imagen Pelicula #2 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
+                        <!-- Imagen Pelicula #3 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
+                        <!-- Imagen Pelicula #4 -->
+                        <figure class="pelicula-contenedor">
+                            <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <div class="pelicula-contenido">
+                                <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
+                                <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
+                            </div>
+                        </figure>
                     </div>
 
+                    <!-- Titulo Apartado #3 -->
                     <p class="peliculas-titulo">No te debes perder</p>
+                    <!-- Apartado de peliculas #3 (Grilla Anidada con 4 hijos) -->
                     <div class="peliculas-seccion">
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
+                        <!-- Imagen Pelicula #1 -->
+                            <figure class="pelicula-contenedor">
+                                <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
                                 <div class="pelicula-contenido">
                                     <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
                                     <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
                                 </div>
                             </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <!-- Imagen Pelicula #2 -->
+                            <figure class="pelicula-contenedor">
+                                <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
                                 <div class="pelicula-contenido">
                                     <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
                                     <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
                                 </div>
                             </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <!-- Imagen Pelicula #3 -->
+                            <figure class="pelicula-contenedor">
+                                <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
                                 <div class="pelicula-contenido">
                                     <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
                                     <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
                                 </div>
                             </figure>
-                        </div>
-                        <div class="pelicula">
-                            <figure class="pelicula-contenedor-imagen">
-                                <img class="pelicula-imagen" src="./assets/images/movi/movie.jpg" alt="Imagen de Pelicula">
+                            <!-- Imagen Pelicula #4 -->
+                            <figure class="pelicula-contenedor">
+                                <img class="pelicula-imagen" src="./images/movi/movie.jpg" alt="Imagen de Pelicula">
                                 <div class="pelicula-contenido">
                                     <p class="pelicula-contenido-titulo">The Secret Life of Pets</p>
                                     <p class="pelicula-contenido-descripcion">The quiet life of a terrier named Max is upended when his owner takes in Duke, a stray whom Max instantly dislikes</p>
@@ -357,7 +392,7 @@ <h1 class="navbar-titulo">CSS Grid</h1>
                 </div>
             </div>
         </section>
-
+        
         <script src="./js/index.js"></script>
     </div>
 </body>
diff --git a/js/index.js b/js/index.js
index 0c48b3e..a54f072 100644
--- a/js/index.js
+++ b/js/index.js
@@ -15,7 +15,7 @@ const movies = {
 // DEFINIMOS LA PAGINA DE INICIO
 
 var paginaActual = instagram;
-instagram.enlace.style.color = "white";
+instagram.enlace.classList.add("enlace-activo");
 pinterest.seccion.style.display = "none";
 movies.seccion.style.display = "none";
 
@@ -31,8 +31,8 @@ function mostrarSeccion(paginaNueva) {
     paginaActual.seccion.style.display = "none";
     paginaNueva.seccion.style.display = "block";
     
-    paginaActual.enlace.style.color = "#9a9d93";
-    paginaNueva.enlace.style.color = "white";
+    paginaActual.enlace.classList.remove("enlace-activo")
+    paginaNueva.enlace.classList.add("enlace-activo");
     
     paginaActual = paginaNueva;
 }
\ No newline at end of file