diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 1307097..34518c5 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -53,7 +53,7 @@ const routes: Routes = [
   },
   {
     path: 'cancelar-compra',
-    loadChildren: () => import('./modules/cancelar-compra/cancelar-compra.module').then(m => m.CancelarCompraModule)
+    loadChildren: () => import('./shared/cancelar-compra/cancelar-compra.module').then(m => m.CancelarCompraModule)
   },
   { path: '**', redirectTo: '', pathMatch: 'full' },
 ];
diff --git a/src/app/modules/cancelar-compra/cancelar-compra-routing.module.ts b/src/app/modules/cancelar-compra/cancelar-compra-routing.module.ts
deleted file mode 100644
index e41ed93..0000000
--- a/src/app/modules/cancelar-compra/cancelar-compra-routing.module.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { NgModule, Component } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { CancelarCompraComponent } from './cancelar-compra.component';
-
-
-const routes: Routes = [
-  { path: '', component: CancelarCompraComponent }
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class CancelarCompraRoutingModule { }
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.html b/src/app/modules/cancelar-compra/cancelar-compra.component.html
deleted file mode 100644
index b202b2e..0000000
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<div class="row justify-content-center mt-2 h-15">
-  <img class="h-100 w-auto my-auto" src="../../../assets/img/logo-spot.svg">
-</div>
-<div class="row mx-auto h-70">
-  <div class="col-12 align-self-center">
-    <div class="row mt-5 mx-0 justify-content-around">
-      <div class="col-12 col-sm-8 col-md-6 col-lg-4">
-        <div class="p-3 bg-white text-center shadow-lg rounded">
-          <p class="mt-4 h4">NECESITA</p>
-          <p class="font-weight-bold text-secondary my-4 h2">más tiempo</p>
-          <p class="mb-4 h4">PARA SU PEDIDO?</p>
-        </div>
-      </div>
-    </div>
-    <!-- BUTTONS -->
-    <div class="row mx-0 mt-5 justify-content-center">
-      <div class="col-auto px-0 align-self-start">
-        <div
-          class="row mx-0 py-1 btn-effect bg-primary badge-pill"
-          (click)="volverPreviousPage()">
-          <div class="col-auto align-self-center text-white">continuar compra</div>
-          <div class="col-auto align-self-center p-0">
-            <img
-              draggable="false"
-              ondragstart="return false;"
-              (contextmenu)="false"
-              class="p-1 icon-30"
-              src="assets/img/ir.svg">
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="row mx-0 mt-4 justify-content-center">
-      <div class="col-auto px-0 align-self-start">
-        <div
-          class="row mx-0 py-1 btn-effect bg-grey badge-pill"
-          (click)="limpiarCarritoYvolver()">
-          <div class="col-auto align-self-center">cancelar compra</div>
-          <div class="col-auto align-self-center p-0">
-            <img
-            draggable="false"
-            ondragstart="return false;"
-            (contextmenu)="false"
-            class="p-1 icon-30"
-            src="assets/img/icono-cancelar-color.svg">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.scss b/src/app/modules/cancelar-compra/cancelar-compra.component.scss
deleted file mode 100644
index 9b87f0f..0000000
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.bg-grey {
-  background-color: rgb(212, 212, 212);
-}
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.spec.ts b/src/app/modules/cancelar-compra/cancelar-compra.component.spec.ts
deleted file mode 100644
index 55b8d04..0000000
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CancelarCompraComponent } from './cancelar-compra.component';
-
-describe('CancelarCompraComponent', () => {
-  let component: CancelarCompraComponent;
-  let fixture: ComponentFixture<CancelarCompraComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ CancelarCompraComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(CancelarCompraComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.ts b/src/app/modules/cancelar-compra/cancelar-compra.component.ts
deleted file mode 100644
index ebb2782..0000000
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { Location } from '@angular/common';
-import { ArticuloService } from 'src/app/services/articulo/articulo.service';
-import { Router } from '@angular/router';
-
-@Component({
-  selector: 'app-cancelar-compra',
-  templateUrl: './cancelar-compra.component.html',
-  styleUrls: ['./cancelar-compra.component.scss']
-})
-export class CancelarCompraComponent implements OnInit, OnDestroy {
-  timer: any;
-
-  constructor(
-    private location: Location,
-    private router: Router,
-    private articuloService: ArticuloService
-  ) { }
-
-  ngOnInit() {
-    this.timer = setTimeout(() => {
-      this.limpiarCarritoYvolver();
-    }, 90000);
-  }
-
-  ngOnDestroy() {
-    clearTimeout(this.timer);
-  }
-
-  volverPreviousPage() {
-    this.location.back();
-  }
-
-  limpiarCarritoYvolver() {
-    this.articuloService.carrito = [];
-    this.router.navigate(['/']);
-  }
-}
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.module.ts b/src/app/modules/cancelar-compra/cancelar-compra.module.ts
deleted file mode 100644
index 0895ae8..0000000
--- a/src/app/modules/cancelar-compra/cancelar-compra.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-import { CancelarCompraRoutingModule } from './cancelar-compra-routing.module';
-import { CancelarCompraComponent } from './cancelar-compra.component';
-
-
-@NgModule({
-  declarations: [CancelarCompraComponent],
-  imports: [
-    CommonModule,
-    CancelarCompraRoutingModule
-  ]
-})
-export class CancelarCompraModule { }
diff --git a/src/app/shared/cancelar-compra/cancelar-compra-routing.module.ts b/src/app/shared/cancelar-compra/cancelar-compra-routing.module.ts
new file mode 100644
index 0000000..e41ed93
--- /dev/null
+++ b/src/app/shared/cancelar-compra/cancelar-compra-routing.module.ts
@@ -0,0 +1,14 @@
+import { NgModule, Component } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { CancelarCompraComponent } from './cancelar-compra.component';
+
+
+const routes: Routes = [
+  { path: '', component: CancelarCompraComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CancelarCompraRoutingModule { }
diff --git a/src/app/shared/cancelar-compra/cancelar-compra.component.html b/src/app/shared/cancelar-compra/cancelar-compra.component.html
new file mode 100644
index 0000000..b202b2e
--- /dev/null
+++ b/src/app/shared/cancelar-compra/cancelar-compra.component.html
@@ -0,0 +1,51 @@
+<div class="row justify-content-center mt-2 h-15">
+  <img class="h-100 w-auto my-auto" src="../../../assets/img/logo-spot.svg">
+</div>
+<div class="row mx-auto h-70">
+  <div class="col-12 align-self-center">
+    <div class="row mt-5 mx-0 justify-content-around">
+      <div class="col-12 col-sm-8 col-md-6 col-lg-4">
+        <div class="p-3 bg-white text-center shadow-lg rounded">
+          <p class="mt-4 h4">NECESITA</p>
+          <p class="font-weight-bold text-secondary my-4 h2">más tiempo</p>
+          <p class="mb-4 h4">PARA SU PEDIDO?</p>
+        </div>
+      </div>
+    </div>
+    <!-- BUTTONS -->
+    <div class="row mx-0 mt-5 justify-content-center">
+      <div class="col-auto px-0 align-self-start">
+        <div
+          class="row mx-0 py-1 btn-effect bg-primary badge-pill"
+          (click)="volverPreviousPage()">
+          <div class="col-auto align-self-center text-white">continuar compra</div>
+          <div class="col-auto align-self-center p-0">
+            <img
+              draggable="false"
+              ondragstart="return false;"
+              (contextmenu)="false"
+              class="p-1 icon-30"
+              src="assets/img/ir.svg">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row mx-0 mt-4 justify-content-center">
+      <div class="col-auto px-0 align-self-start">
+        <div
+          class="row mx-0 py-1 btn-effect bg-grey badge-pill"
+          (click)="limpiarCarritoYvolver()">
+          <div class="col-auto align-self-center">cancelar compra</div>
+          <div class="col-auto align-self-center p-0">
+            <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="p-1 icon-30"
+            src="assets/img/icono-cancelar-color.svg">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/shared/cancelar-compra/cancelar-compra.component.scss b/src/app/shared/cancelar-compra/cancelar-compra.component.scss
new file mode 100644
index 0000000..9b87f0f
--- /dev/null
+++ b/src/app/shared/cancelar-compra/cancelar-compra.component.scss
@@ -0,0 +1,3 @@
+.bg-grey {
+  background-color: rgb(212, 212, 212);
+}
diff --git a/src/app/shared/cancelar-compra/cancelar-compra.component.spec.ts b/src/app/shared/cancelar-compra/cancelar-compra.component.spec.ts
new file mode 100644
index 0000000..55b8d04
--- /dev/null
+++ b/src/app/shared/cancelar-compra/cancelar-compra.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CancelarCompraComponent } from './cancelar-compra.component';
+
+describe('CancelarCompraComponent', () => {
+  let component: CancelarCompraComponent;
+  let fixture: ComponentFixture<CancelarCompraComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CancelarCompraComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CancelarCompraComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/cancelar-compra/cancelar-compra.component.ts b/src/app/shared/cancelar-compra/cancelar-compra.component.ts
new file mode 100644
index 0000000..ebb2782
--- /dev/null
+++ b/src/app/shared/cancelar-compra/cancelar-compra.component.ts
@@ -0,0 +1,38 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Location } from '@angular/common';
+import { ArticuloService } from 'src/app/services/articulo/articulo.service';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-cancelar-compra',
+  templateUrl: './cancelar-compra.component.html',
+  styleUrls: ['./cancelar-compra.component.scss']
+})
+export class CancelarCompraComponent implements OnInit, OnDestroy {
+  timer: any;
+
+  constructor(
+    private location: Location,
+    private router: Router,
+    private articuloService: ArticuloService
+  ) { }
+
+  ngOnInit() {
+    this.timer = setTimeout(() => {
+      this.limpiarCarritoYvolver();
+    }, 90000);
+  }
+
+  ngOnDestroy() {
+    clearTimeout(this.timer);
+  }
+
+  volverPreviousPage() {
+    this.location.back();
+  }
+
+  limpiarCarritoYvolver() {
+    this.articuloService.carrito = [];
+    this.router.navigate(['/']);
+  }
+}
diff --git a/src/app/shared/cancelar-compra/cancelar-compra.module.ts b/src/app/shared/cancelar-compra/cancelar-compra.module.ts
new file mode 100644
index 0000000..0895ae8
--- /dev/null
+++ b/src/app/shared/cancelar-compra/cancelar-compra.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { CancelarCompraRoutingModule } from './cancelar-compra-routing.module';
+import { CancelarCompraComponent } from './cancelar-compra.component';
+
+
+@NgModule({
+  declarations: [CancelarCompraComponent],
+  imports: [
+    CommonModule,
+    CancelarCompraRoutingModule
+  ]
+})
+export class CancelarCompraModule { }