diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index a717055..34382a2 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -3,11 +3,13 @@ import { Routes, RouterModule } from '@angular/router';
 import { HomeComponent } from './components/home/home.component';
 import { InicioComponent } from './components/inicio/inicio.component';
 import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component';
+import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component';
 
 const routes: Routes = [
   { path: 'home', component: HomeComponent },
   { path: 'inicio', component: InicioComponent },
   { path: 'busqueda-productos', component: BusquedaProductosComponent },
+  { path: 'confirmacion-carrito', component: ConfirmacionCarritoComponent },
   { path: '**', redirectTo: '/home', pathMatch: 'full' },
 ];
 
@@ -15,4 +17,5 @@ const routes: Routes = [
   imports: [RouterModule.forRoot(routes)],
   exports: [RouterModule]
 })
+
 export class AppRoutingModule { }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 60cf6f0..0871724 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -13,6 +13,7 @@ import { CarouselComponent } from './components/carousel/carousel.component';
 import { HomeComponent } from './components/home/home.component';
 import { InicioComponent } from './components/inicio/inicio.component';
 import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component';
+import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component';
 //#endregion
 
 @NgModule({
@@ -23,7 +24,8 @@ import { BusquedaProductosComponent } from './components/busqueda-productos/busq
     CarouselComponent,
     HomeComponent,
     InicioComponent,
-    BusquedaProductosComponent
+    BusquedaProductosComponent,
+    ConfirmacionCarritoComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index 89761d8..93e46b6 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -91,4 +91,4 @@
 
   <!-- SIDEBAR -->
   <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index 00bb33e..07a3745 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -36,7 +36,7 @@
         <h3 class="text-dark"><strong>{{total | currency}}</strong></h3>
       </div>
       <div class="col 12 p-0">
-        <button type="button" class="btn btn-light shadow mb-2"><strong>Finalizar y pagar</strong></button>
+        <button type="button" class="btn btn-light shadow mb-2" routerLink="/confirmacion-carrito"><strong>Finalizar y pagar</strong></button>
         <button type="button" class="btn btn-light shadow btn-sm" (click)="clearCar()">Cancelar</button>
       </div>
     </div>