diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 754d2f0..c93a893 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -22,7 +22,16 @@ const routes: Routes = [
         loadChildren: () => import('./modules/seleccion-articulos/seleccion-articulos.module').then(m => m.SeleccionArticulosModule)
       },
       {
-        path: 'carrito', loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule)
+        path: 'carrito',
+        loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule)
+      },
+      {
+        path: 'forma-pago',
+        loadChildren: () => import('./modules/forma-pago/forma-pago.module').then(m => m.FormaPagoModule)
+      },
+      {
+        path: 'pago-electronico',
+        loadChildren: () => import('./modules/pago-electronico/pago-electronico.module').then(m => m.PagoElectronicoModule)
       },
     ]
   },
diff --git a/src/app/modules/carrito/carrito.component.html b/src/app/modules/carrito/carrito.component.html
index f319460..3605c07 100644
--- a/src/app/modules/carrito/carrito.component.html
+++ b/src/app/modules/carrito/carrito.component.html
@@ -22,7 +22,12 @@
           <div class="row mx-0 h-100">
             <!-- NOMBRE E IMAGEN -->
             <div class="col-3 h-100 border-right border-primary align-self-center">
-              <img class="d-block mx-auto h-55" src="assets/img/icono-efectivo.svg">
+              <img
+                draggable="false"
+                ondragstart="return false;"
+                (contextmenu)="false"
+                class="d-block mx-auto h-55"
+                src="assets/img/icono-efectivo.svg">
               <div class="row mx-0 h-45">
                 <p class="col text-primary align-self-end"><small>{{'CORTADO'}}</small></p>
               </div>
@@ -35,14 +40,24 @@
                   <div class="row mx-0 justify-content-between bg-primary badge-pill">
                     <div class="col-auto px-0">
                       <!-- BOTON MENOS -->
-                      <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/menos-blanco.svg">
+                      <img
+                        draggable="false"
+                        ondragstart="return false;"
+                        (contextmenu)="false"
+                        class="d-block ml-auto py-2 icon-20 btn-effect"
+                        src="assets/img/menos-blanco.svg">
                     </div>
                     <div class="col px-0 align-self-center text-white">
                       <p><small>{{55}}</small></p>
                     </div>
                     <div class="col-auto px-0">
                       <!-- BOTON MAS -->
-                      <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/mas-blanco.svg">
+                      <img
+                        draggable="false"
+                        ondragstart="return false;"
+                        (contextmenu)="false"
+                        class="d-block ml-auto py-2 icon-20 btn-effect"
+                        src="assets/img/mas-blanco.svg">
                     </div>
                   </div>
                 </div>
@@ -56,7 +71,12 @@
                 <div class="col-auto pl-3 btn-effect bg-primary badge-pill text-white">
                   <span>
                     <small class="pr-2">CAMBIAR</small>
-                    <img class="icon-20" src="assets/img/ir.svg">
+                    <img
+                      draggable="false"
+                      ondragstart="return false;"
+                      (contextmenu)="false"
+                      class="icon-20"
+                      src="assets/img/ir.svg">
                   </span>
                 </div>
               </div>
@@ -67,7 +87,12 @@
                 <div class="col-auto px-3 py-1 btn-effect bg-primary badge-pill text-white">
                   <span>
                     <small class="pr-2">ELIMINAR</small>
-                    <img class="icon-20 rotate-45" src="assets/img/mas-blanco.svg">
+                    <img
+                      draggable="false"
+                      ondragstart="return false;"
+                      (contextmenu)="false"
+                      class="icon-20 rotate-45"
+                      src="assets/img/mas-blanco.svg">
                   </span>
                 </div>
               </div>
@@ -77,20 +102,33 @@
       </div>
     </div>
     <div class="row mx-3 mt-4 h-auto justify-content-end">
-      <div class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white">
+      <div
+        class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
+        [routerLink]="['/forma-pago']">
         <span>
           <small class="pr-2">CONTINUAR</small>
-          <img class="icon-20" src="assets/img/ir.svg">
+          <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="icon-20"
+            src="assets/img/ir.svg">
         </span>
       </div>
     </div>
+
     <div class="row mx-3 mt-2 h-auto justify-content-end">
       <div
         class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
         (click)="goBack()">
         <span>
           <small class="pr-2">SEGUIR COMPRANDO</small>
-          <img class="icon-20" src="assets/img/ir.svg">
+          <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="icon-20"
+            src="assets/img/ir.svg">
         </span>
       </div>
     </div>
diff --git a/src/app/modules/info-formas-pago/info-formas-pago.component.html b/src/app/modules/info-formas-pago/info-formas-pago.component.html
index e095499..c40fe93 100644
--- a/src/app/modules/info-formas-pago/info-formas-pago.component.html
+++ b/src/app/modules/info-formas-pago/info-formas-pago.component.html
@@ -1,29 +1,54 @@
 <div class="h-92 bg-white fade-in-left">
   <div class="row mx-0 h-15">
     <div class="col-12 px-0 h-80 my-auto">
-      <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg">
+      <img
+        draggable="false"
+        ondragstart="return false;"
+        (contextmenu)="false"
+        class="d-block mx-auto h-100"
+        src="assets/img/logo-spot.svg">
     </div>
   </div>
   <div class="h-85">
     <div class="row h-50 mx-0 justify-content-center text-center">
       <div class="col-7 pt-5 pb-3 h-auto align-self-end border border-secondary rounded">
-        <img class="img-in-top px-4 bg-white" src="assets/img/icono-tarjetas.svg">
+        <img
+          draggable="false"
+          ondragstart="return false;"
+          (contextmenu)="false"
+          class="img-in-top px-4 bg-white"
+          src="assets/img/icono-tarjetas.svg">
         <p class="h6 m-0">ESTA TERMINAL OPERA CON</p>
         <p class="h2 mb-3 text-secondary">
           tarjetas y
-          <img class="w-15" src="assets/img/icono-mercado-pago.svg">
+          <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="w-15"
+            src="assets/img/icono-mercado-pago.svg">
         </p>
         <div
           class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white"
           [routerLink]="['/opcion-pedido']">
           CONTINUAR
-          <img class="icon-30" src="assets/img/ir.svg">
+          <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="icon-30"
+            src="assets/img/ir.svg">
         </div>
       </div>
     </div>
     <div class="row h-50 mx-0 justify-content-center text-center">
       <div class="col-7 p-5 h-auto align-self-center border border-primary rounded">
-        <img class="img-in-top px-4 bg-white" src="assets/img/icono-efectivo.svg">
+        <img
+          draggable="false"
+          ondragstart="return false;"
+          (contextmenu)="false"
+          class="img-in-top px-4 bg-white"
+          src="assets/img/icono-efectivo.svg">
         <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p>
         <p class="h2 m-0 text-primary">te esperamos en la caja</p>
       </div>
diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.html b/src/app/modules/opcion-pedido/opcion-pedido.component.html
index f06c178..c7cb21b 100644
--- a/src/app/modules/opcion-pedido/opcion-pedido.component.html
+++ b/src/app/modules/opcion-pedido/opcion-pedido.component.html
@@ -1,44 +1,69 @@
 <div class="h-92 bg-white fade-in-left">
   <div class="row mx-0 h-15">
     <div class="col-12 px-0 h-80 my-auto">
-      <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg">
+      <img
+        draggable="false"
+        ondragstart="return false;"
+        (contextmenu)="false"
+        class="d-block mx-auto h-100"
+        src="assets/img/logo-spot.svg">
     </div>
   </div>
   <div class="h-85">
-    <div class="row h-25 mx-0 justify-content-center text-center">
-      <div class="col-12 px-0 h-auto align-self-center">
-        <p class="h6 mb-5 text-center">TU PEDIDO ES PARA:</p>
+    <div class="row mt-5 mx-3 h-auto">
+      <div class="col-12 px-0 py-2 align-self-center">
+        <p class="h6 text-truncate text-center">TÚ PEDIDO ES PARA</p>
       </div>
     </div>
-    <div class="row h-15 justify-content-center mx-0">
+    <div class="row mt-5 h-auto justify-content-center mx-0">
       <div class="col-auto px-0 h-auto align-self-start">
         <div
           class="btn-effect col-auto align-self-center px-0 bg-white"
           (click)="goTo('/seleccion-articulos')">
           <div class="row mx-0 bg-primary badge-pill">
             <div class="col-auto p-0">
-              <img class="p-1 icon-50" src="assets/img/icono-plato.svg">
+              <img
+                draggable="false"
+                ondragstart="return false;"
+                (contextmenu)="false"
+                class="p-1 icon-50"
+                src="assets/img/icono-plato.svg">
             </div>
             <div class="col-auto align-self-center text-white">comer acá</div>
             <div class="col-auto align-self-center p-0">
-              <img class="p-1 icon-30" src="assets/img/ir.svg">
+              <img
+                draggable="false"
+                ondragstart="return false;"
+                (contextmenu)="false"
+                class="p-1 icon-30"
+                src="assets/img/ir.svg">
             </div>
           </div>
         </div>
       </div>
     </div>
-    <div class="row h-15 justify-content-center mx-0">
+    <div class="row mt-4 h-auto justify-content-center mx-0">
       <div class="col-auto px-0 h-auto align-self-start">
         <div
           class="btn-effect col-auto align-self-center px-0 bg-white"
           (click)="goTo('/seleccion-articulos')">
           <div class="row mx-0 bg-primary badge-pill">
             <div class="col-auto p-0">
-              <img class="p-1 icon-50" src="assets/img/icono-take-away.svg">
+              <img
+                draggable="false"
+                ondragstart="return false;"
+                (contextmenu)="false"
+                class="p-1 icon-50"
+                src="assets/img/icono-take-away.svg">
             </div>
             <div class="col-auto align-self-center text-white">para llevar</div>
             <div class="col-auto align-self-center p-0">
-              <img class="p-1 icon-30" src="assets/img/ir.svg">
+              <img
+                draggable="false"
+                ondragstart="return false;"
+                (contextmenu)="false"
+                class="p-1 icon-30"
+                src="assets/img/ir.svg">
             </div>
           </div>
         </div>
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
index 047cfbb..772436c 100644
--- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
+++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html
@@ -40,6 +40,9 @@
                   (click)="selectCategoria(i)"
                   *ngFor="let categoria of categorias; let i = index;">
                   <img
+                    draggable="false"
+                    ondragstart="return false;"
+                    (contextmenu)="false"
                     class="col-12 h-50 align-self-end d-none d-sm-block"
                     src="assets/img/ir-color.svg">
                   <small class="col-10 my-1 h-25 align-self-end text-center">{{categoria.id}}</small>
@@ -64,7 +67,12 @@
               <!-- ARTICULO -->
               <div class="col px-2 my-1 my-md-3 h-auto" *ngFor="let lala of [{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]">
                 <div class="card h-100">
-                  <img src="assets/img/ir-color.svg" class="card-img-top h-55">
+                  <img
+                    draggable="false"
+                    ondragstart="return false;"
+                    (contextmenu)="false"
+                    src="assets/img/ir-color.svg"
+                    class="card-img-top h-55">
                   <div class="row mx-0 py-1 h-auto justify-content-center">
                     <p class="col-12 px-1 h6 h-auto text-primary text-center">{{'CORTADO'}}</p>
                     <p class="col-12 px-1 h-auto text-center"><small>{{'Café con un poco de leche'}}</small></p>
@@ -74,7 +82,12 @@
                           {{55 | currency}}
                         </div>
                         <div class="col-5 px-0">
-                          <img class="d-block ml-auto py-1 icon-30" src="assets/img/ir.svg">
+                          <img
+                            draggable="false"
+                            ondragstart="return false;"
+                            (contextmenu)="false"
+                            class="d-block ml-auto py-1 icon-30"
+                            src="assets/img/ir.svg">
                         </div>
                       </div>
                     </div>
@@ -111,6 +124,9 @@
                 (click)="selectCategoria(i)"
                 *ngFor="let categoria of [{},{},{},{},{},{},{},{},{},{},{},{},{},{}]; let i = index;">
                 <img
+                  draggable="false"
+                  ondragstart="return false;"
+                  (contextmenu)="false"
                   class="d-block h-55 p-2 mx-auto"
                   src="assets/img/ir-color.svg">
                 <p class="d-block mt-auto text-center text-primary"><small>{{'lala'}}</small></p>
@@ -137,7 +153,12 @@
           <div class="row mx-0 bg-light">
             <div class="col-auto align-self-center text-primary">VER CARRITO</div>
             <div class="col-auto p-0 bg-primary d-none d-sm-block">
-              <img class="p-2 icon-40" src="assets/img/carrito.svg">
+              <img
+                draggable="false"
+                ondragstart="return false;"
+                (contextmenu)="false"
+                class="p-2 icon-40"
+                src="assets/img/carrito.svg">
             </div>
           </div>
         </div>
diff --git a/src/app/modules/splash-screen/splash-screen.component.html b/src/app/modules/splash-screen/splash-screen.component.html
index 1bb0383..d0af907 100644
--- a/src/app/modules/splash-screen/splash-screen.component.html
+++ b/src/app/modules/splash-screen/splash-screen.component.html
@@ -1,7 +1,12 @@
 <div *ngIf="showSplashScreen" class="vh-100 bg-splash">
   <div class="row mx-0 h-100">
     <div class="col-12 px-0 h-30 my-auto">
-      <img class="d-block mx-auto h-100 focus-in-blur" src="assets/img/logo-spot.svg">
+      <img
+        draggable="false"
+        ondragstart="return false;"
+        (contextmenu)="false"
+        class="d-block mx-auto h-100 focus-in-blur"
+        src="assets/img/logo-spot.svg">
     </div>
   </div>
 </div>
@@ -11,7 +16,12 @@
     <div class="col-12 px-0 h-100 my-auto">
       <div class="row mx-0 h-15">
         <div class="col-12 px-0 h-80 my-auto">
-          <img class="d-block mx-auto h-100" src="assets/img/negativo-spot.svg">
+          <img
+            draggable="false"
+            ondragstart="return false;"
+            (contextmenu)="false"
+            class="d-block mx-auto h-100"
+            src="assets/img/negativo-spot.svg">
         </div>
       </div>
       <div class="row mx-0 h-75 justify-content-center text-white text-center">
diff --git a/src/app/shared/footer/footer.component.html b/src/app/shared/footer/footer.component.html
index eba51bf..42bb091 100644
--- a/src/app/shared/footer/footer.component.html
+++ b/src/app/shared/footer/footer.component.html
@@ -3,7 +3,12 @@
     <div class="btn-effect row mx-0 bg-light">
       <div class="col-auto align-self-center text-primary">ESTAMOS PARA AYUDARTE</div>
       <div class="col-auto p-0 bg-primary d-none d-sm-block">
-        <img class="p-2 icon-60" src="assets/img/iconos-accesibilidad.svg">
+        <img
+          draggable="false"
+          ondragstart="return false;"
+          (contextmenu)="false"
+          class="p-2 icon-60"
+          src="assets/img/iconos-accesibilidad.svg">
       </div>
     </div>
   </div>
@@ -13,7 +18,12 @@
     <div class="row mx-0 bg-light">
       <div class="col-auto align-self-center text-primary">VOLVER</div>
       <div class="col-auto p-0 bg-primary d-none d-sm-block">
-        <img class="p-2 icon-40" src="assets/img/icono-volver.svg">
+        <img
+          draggable="false"
+          ondragstart="return false;"
+          (contextmenu)="false"
+          class="p-2 icon-40"
+          src="assets/img/icono-volver.svg">
       </div>
     </div>
   </div>