diff --git a/angular.json b/angular.json
index 600dc29..1949a31 100644
--- a/angular.json
+++ b/angular.json
@@ -96,7 +96,11 @@
               "./node_modules/bootstrap/dist/css/bootstrap.min.css",
               "src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [
+              "node_modules/jquery/dist/jquery.slim.min.js",
+              "node_modules/popper.js/dist/umd/popper.min.js",
+              "node_modules/bootstrap/dist/js/bootstrap.min.js"
+            ]
           }
         },
         "lint": {
diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.html b/src/app/components/amb-imagenes/amb-imagenes.component.html
index 71fe5ef..f272e32 100644
--- a/src/app/components/amb-imagenes/amb-imagenes.component.html
+++ b/src/app/components/amb-imagenes/amb-imagenes.component.html
@@ -41,13 +41,13 @@
               <img
                 *ngIf="articulo.imagenes.length == 0"
                 class="fade-in w-100 mx-auto img-fluid"
-                src="{{apiUrl}}/imagenes/noImage.jpg">
+                src="{{apiImagenes}}/imagenes/noImage.jpg">
               <carousel [interval]="false">
                 <slide *ngFor="let item of articulo.imagenes; let index = index">
                   <img
                     *ngIf="!item.fromGallery"
                     class="fade-in img-fluid w-100"
-                    src="{{apiUrl}}/imagenes/{{item.imagen}}">
+                    src="{{apiImagenes}}/imagenes/{{item.imagen}}">
                   <img
                     *ngIf="item.fromGallery"
                     class="fade-in img-fluid w-100"
diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.ts b/src/app/components/amb-imagenes/amb-imagenes.component.ts
index d8e5579..b8b4209 100644
--- a/src/app/components/amb-imagenes/amb-imagenes.component.ts
+++ b/src/app/components/amb-imagenes/amb-imagenes.component.ts
@@ -12,7 +12,7 @@ import { HttpClient } from '@angular/common/http';
 
 export class AmbImagenesComponent implements OnInit {
 
-  apiUrl = appSettings.apiUrl;
+  apiUrl = appSettings.apiImagenes;
   articulos: Producto[] = [];
   private auxProductos: Producto[] = [];
   private searchTerm: string = '';
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index 15cf8f9..c1a3398 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -71,7 +71,7 @@
             <div
               class="card-effect bg-white rounded-sm shadow border-0"
               (click)="elegirProducto(producto)">
-              <img src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" class="rounded-sm w-100 m-auto">
+              <img src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}" class="rounded-sm w-100 m-auto">
               <div class="p-2">
                 <p class="h6 min-h-40 text-left m-0"><small>{{producto.DET_LAR}}</small></p>
                 <div class="row m-0">
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts
index 45d5741..e45b6cc 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.ts
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts
@@ -18,7 +18,7 @@ export class BusquedaProductosComponent implements OnInit {
   private categoriaActive: number = null;
   private showSpinner: boolean = true;
   private queMostrar: string = 'todo';
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
   private categorias: Categoria[] = [];
   private blurFocus = new EventEmitter();
 
diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.html b/src/app/components/cancelar-compra/cancelar-compra.component.html
index 72be750..0e3cd3b 100644
--- a/src/app/components/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/components/cancelar-compra/cancelar-compra.component.html
@@ -6,7 +6,7 @@
       <div class="row h-100">
         <div class="col-12 my-auto">
           <div class="card rounded">
-            <img src="{{apiUrl}}/imagenes/atencion.svg" class="w-50 mx-auto mt-5 mb-4">
+            <img src="{{apiImagenes}}/imagenes/atencion.svg" class="w-50 mx-auto mt-5 mb-4">
             <div class="mb-5 mt-4">
               <p class="display-3 card-text text-center font-weight-bold">
                 Atención
diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.ts b/src/app/components/cancelar-compra/cancelar-compra.component.ts
index 9e967c1..497cf52 100644
--- a/src/app/components/cancelar-compra/cancelar-compra.component.ts
+++ b/src/app/components/cancelar-compra/cancelar-compra.component.ts
@@ -11,7 +11,7 @@ import { ProductoService } from 'src/app/services/producto.service';
 })
 export class CancelarCompraComponent implements OnInit, OnDestroy {
 
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
   private timer: any;
 
   constructor(
diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
index df1133b..13cde47 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
@@ -38,7 +38,7 @@
               <div class="col-4 p-2" *ngFor="let producto of productos">
                 <div class="bg-white rounded-sm shadow border-0">
                   <img
-                    src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}"
+                    src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}"
                     class="shadow rounded-sm w-100 m-auto">
                   <div class="p-2">
                     <p class="h6 min-h-55 text-left m-0">
diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
index 6c4c1ba..b8bc906 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
@@ -14,7 +14,7 @@ export class ConfirmacionCarritoComponent implements OnInit, OnDestroy {
 
   private productos: Producto[] = [];
   private total: number = 0;
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
   private timerReposo: any;
 
   constructor(
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index f2d4bfc..c218c0c 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -1,8 +1,8 @@
 <div class="row m-0 bg-light p-4 justify-content-between">
   <div class="col-6">
-    <img class="w-25 float-left" src="{{apiUrl}}/imagenes/logoempresa.png">
+    <img class="w-25 float-left" src="{{apiImagenes}}/imagenes/logoempresa.png">
   </div>
   <div class="col-6">
-    <img class="w-25 float-right" src="{{apiUrl}}/imagenes/logodebo.png">
+    <img class="w-25 float-right" src="{{apiImagenes}}/imagenes/logodebo.png">
   </div>
 </div>
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index 1e55a52..22f995b 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -8,7 +8,7 @@ import { appSettings } from 'src/etc/AppSettings';
 })
 export class HeaderComponent implements OnInit {
 
-  private apiUrl : string = appSettings.apiUrl;
+  private apiImagenes : string = appSettings.apiImagenes;
 
   constructor() { }
 
diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
index 85c125f..1ff70d3 100644
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@@ -1,6 +1,6 @@
 <div class="container-fluid p-0">
   <img
-    src="{{apiUrl}}/imagenes/homeBackground.jpg"
+    src="{{apiImagenes}}/imagenes/homeBackground.jpg"
     class="background-image vh-100 w-100">
   <div class="row m-0">
     <div class="col p-0">
@@ -11,7 +11,7 @@
         <!-- HEADER -->
         <div class="row m-0 w-100 bg-primary-gradient-horizontal">
           <div class="col-6 bg-white p-3 rounded-bottom-right">
-            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoempresa.png">
+            <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logoempresa.png">
           </div>
         </div>
 
@@ -22,17 +22,17 @@
             <carousel [showIndicators]="false" [interval]="1500">
               <slide class="h-100">
                 <img
-                  src="{{apiUrl}}/imagenes/coca1.jpg"
+                  src="{{apiImagenes}}/imagenes/coca1.jpg"
                   class="fade-in d-block rounded-sm shadow mw-100 h-100 w-auto mx-auto">
               </slide>
               <slide class="h-100">
                 <img
-                  src="{{apiUrl}}/imagenes/coca2.jpg"
+                  src="{{apiImagenes}}/imagenes/coca2.jpg"
                   class="fade-in d-block rounded-sm shadow mw-100 h-100 w-auto mx-auto">
               </slide>
               <slide class="h-100">
                 <img
-                  src="{{apiUrl}}/imagenes/coca3.jpg"
+                  src="{{apiImagenes}}/imagenes/coca3.jpg"
                   class="fade-in d-block rounded-sm shadow mw-100 h-100 w-auto mx-auto">
               </slide>
             </carousel>
@@ -47,7 +47,7 @@
         <!-- FOOTER -->
         <div class="row m-0 w-100 bg-gray">
           <div class="col-6 bg-white offset-6 p-3 rounded-top-left">
-            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
+            <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logodebo.png">
           </div>
         </div>
 
diff --git a/src/app/components/home/home.component.ts b/src/app/components/home/home.component.ts
index d64ad80..5afb64a 100644
--- a/src/app/components/home/home.component.ts
+++ b/src/app/components/home/home.component.ts
@@ -9,7 +9,7 @@ import { appSettings } from 'src/etc/AppSettings';
 })
 export class HomeComponent implements OnInit {
 
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
 
   constructor() { }
 
diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index 5bcf370..dc6c883 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -21,7 +21,7 @@
                 <p class="h3 card-title">Promociones</p>
               </div>
               <div class="col-auto p-0">
-                <img src="{{apiUrl}}/imagenes/primario.promociones.png" class="icon-dim m-0">
+                <img src="{{apiImagenes}}/imagenes/primario.promociones.png" class="icon-dim m-0">
               </div>
             </div>
             <p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>
@@ -30,22 +30,22 @@
           <carousel [showIndicators]="false" [interval]="1500">
             <slide class="h-100">
               <img
-                src="{{apiUrl}}/imagenes/beldent.jpg"
+                src="{{apiImagenes}}/imagenes/beldent.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
             <slide class="h-100">
               <img
-                src="{{apiUrl}}/imagenes/cafe con leche y medialunas.jpg"
+                src="{{apiImagenes}}/imagenes/cafe con leche y medialunas.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
             <slide class="h-100">
               <img
-                src="{{apiUrl}}/imagenes/Surtido bagley.jpg"
+                src="{{apiImagenes}}/imagenes/Surtido bagley.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
             <slide class="h-100">
               <img
-                src="{{apiUrl}}/imagenes/yogurisimo.jpg"
+                src="{{apiImagenes}}/imagenes/yogurisimo.jpg"
                 class="fade-in d-block w-75 m-auto rounded">
             </slide>
           </carousel>
@@ -60,14 +60,14 @@
                 <p class="h3 card-title">Ordenar Pedido</p>
               </div>
               <div class="col-auto p-0">
-                <img src="{{apiUrl}}/imagenes/primario.ordenar.png" class="icon-dim">
+                <img src="{{apiImagenes}}/imagenes/primario.ordenar.png" class="icon-dim">
               </div>
             </div>
             <p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>
           </div>
           <img
             class="card-img-bottom d-block w-100 mx-auto rounded"
-            src="{{apiUrl}}/imagenes/cafe.jpg">
+            src="{{apiImagenes}}/imagenes/cafe.jpg">
         </div>
       </div>
 
@@ -103,7 +103,7 @@
                   <p class="h3 card-title">Cargar Productos</p>
                 </div>
                 <div class="col-auto p-0">
-                  <img src="{{apiUrl}}/imagenes/escanear.png" class="icon-dim mb-2">
+                  <img src="{{apiImagenes}}/imagenes/escanear.png" class="icon-dim mb-2">
                 </div>
               </div>
               <p class="h5 card-text text-muted font-weight-light">
@@ -117,13 +117,13 @@
                 <img
                   *ngIf="!productoAcargar"
                   class="card-img-top d-block w-100 mx-auto rounded-sm"
-                  src="{{apiUrl}}/imagenes/escanner.jpg">
+                  src="{{apiImagenes}}/imagenes/escanner.jpg">
 
                 <!-- PRODUCTO A CARGAR -->
                 <div class="fade-in m-0" *ngIf="productoAcargar && !promoAcargar">
                   <img
                     class="card-img-top d-block w-75 mx-auto rounded-sm"
-                    src="{{apiUrl}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">
+                    src="{{apiImagenes}}/imagenes/{{productoAcargar.imagenes[0].imagen}}">
   
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
@@ -139,7 +139,7 @@
                 <div class="fade-in m-0" *ngIf="promoAcargar">
                   <img
                     class="card-img-top d-block w-100 mx-auto rounded-sm"
-                    src="{{apiUrl}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">
+                    src="{{apiImagenes}}/imagenes/{{promoAcargar.imagenes[0].imagen}}">
   
                   <div class="row justify-content-between m-3">
                     <div class="col-12 text-left px-1">
@@ -195,7 +195,7 @@
                   que no tienen código.</p>
               </div>
               <div class="col-auto p-0">
-                <img src="{{apiUrl}}/imagenes/primario.buscar.png" class="icon-dim mb-2">
+                <img src="{{apiImagenes}}/imagenes/primario.buscar.png" class="icon-dim mb-2">
               </div>
             </div>
 
diff --git a/src/app/components/inicio/inicio.component.ts b/src/app/components/inicio/inicio.component.ts
index 8d47515..b4a6f00 100644
--- a/src/app/components/inicio/inicio.component.ts
+++ b/src/app/components/inicio/inicio.component.ts
@@ -21,7 +21,7 @@ export class InicioComponent implements OnInit, AfterViewInit {
   private productos: Producto[] = [];
   private promociones: Producto[] = [];
   private sinonimos: Sinonimo[] = [];
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
 
   @ViewChild('pop', { static: false }) popoverDirective: PopoverDirective;
 
diff --git a/src/app/components/mensaje-final/mensaje-final.component.html b/src/app/components/mensaje-final/mensaje-final.component.html
index 164a64c..0367f40 100644
--- a/src/app/components/mensaje-final/mensaje-final.component.html
+++ b/src/app/components/mensaje-final/mensaje-final.component.html
@@ -1,5 +1,5 @@
 <div class="container-fluid fade-in p-0 disable-user-select">
-  <img src="{{apiUrl}}/imagenes/homeBackground.jpg" class="background-image vh-100 w-100">
+  <img src="{{apiImagenes}}/imagenes/homeBackground.jpg" class="background-image vh-100 w-100">
   <div class="row m-0">
     <div class="col p-0">
       <div class="vh-100 fade-in d-flex align-content-between flex-wrap disable-user-select">
@@ -7,7 +7,7 @@
         <!-- HEADER -->
         <div class="row m-0 w-100 bg-primary-gradient-horizontal">
           <div class="col-6 bg-white p-3 rounded-bottom-right">
-            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoempresa.png">
+            <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logoempresa.png">
           </div>
         </div>
 
@@ -33,7 +33,7 @@
         <!-- FOOTER -->
         <div class="row m-0 w-100 bg-gray">
           <div class="col-6 bg-white offset-6 p-3 rounded-top-left">
-            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
+            <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logodebo.png">
           </div>
         </div>
 
diff --git a/src/app/components/mensaje-final/mensaje-final.component.ts b/src/app/components/mensaje-final/mensaje-final.component.ts
index 81f50c1..729469e 100644
--- a/src/app/components/mensaje-final/mensaje-final.component.ts
+++ b/src/app/components/mensaje-final/mensaje-final.component.ts
@@ -10,7 +10,7 @@ import { Router } from '@angular/router';
 })
 export class MensajeFinalComponent implements OnInit {
 
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
   private timer: any;
 
   constructor(
diff --git a/src/app/components/pago/pago.component.html b/src/app/components/pago/pago.component.html
index 20fcdc3..4fefda2 100644
--- a/src/app/components/pago/pago.component.html
+++ b/src/app/components/pago/pago.component.html
@@ -31,7 +31,7 @@
             <div
               class="bg-white rounded-sm shadow border-0"
               (click)="pagoEfectivo()">
-              <img src="{{apiUrl}}/imagenes/efectivo.png" class="rounded-sm w-75 py-2 mx-auto d-block">
+              <img src="{{apiImagenes}}/imagenes/efectivo.png" class="rounded-sm w-75 py-2 mx-auto d-block">
               <div class="p-2 card-text text-center">
                 <p class="h6 text-center m-0">Efectivo</p>
               </div>
@@ -39,7 +39,7 @@
           </div>
           <div class="col-4 p-2">
             <div class="bg-white rounded-sm shadow border-0">
-              <img src="{{apiUrl}}/imagenes/tarjeta.png" class="rounded-sm w-75 py-2 mx-auto d-block">
+              <img src="{{apiImagenes}}/imagenes/tarjeta.png" class="rounded-sm w-75 py-2 mx-auto d-block">
               <div class="p-2 card-text text-center">
                 <p class="h6 text-center m-0">Tarjeta</p>
               </div>
@@ -49,7 +49,7 @@
             <div
               class="bg-white rounded-sm shadow border-0"
               (click)="pagar()">
-              <img src="{{apiUrl}}/imagenes/qr.png" class="rounded-sm w-75 py-2 mx-auto d-block">
+              <img src="{{apiImagenes}}/imagenes/qr.png" class="rounded-sm w-75 py-2 mx-auto d-block">
               <div class="p-2 card-text text-center">
                 <p class="h6 text-center m-0">Pago Electrónico</p>
               </div>
@@ -106,7 +106,7 @@
 
     <div *ngIf="verQR" class="row fade-in mt-5">
       <div class="col-6 offset-3 border-0 mb-auto">
-        <img src="{{apiUrl}}/imagenes/qrmp.jpg" class="w-50 mx-auto d-block shadow rounded-sm">
+        <img src="{{apiImagenes}}/imagenes/qrmp.jpg" class="w-50 mx-auto d-block shadow rounded-sm">
       </div>
     </div>
 
diff --git a/src/app/components/pago/pago.component.ts b/src/app/components/pago/pago.component.ts
index 62492e4..c12dfe1 100644
--- a/src/app/components/pago/pago.component.ts
+++ b/src/app/components/pago/pago.component.ts
@@ -12,7 +12,7 @@ import { Producto } from 'src/app/wrappers/producto';
 })
 export class PagoComponent implements OnInit, OnDestroy {
 
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
   private verQR: boolean = false;
   private productos: Producto[] = [];
   private total: number = 0;
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index b29dddb..a70ebbe 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -11,7 +11,7 @@
     <div
       class="slide-in-bl my-2 bg-white border-0 rounded-sm"
       *ngFor="let producto of productosCarrito.slice().reverse(); let i = index">
-      <img class="w-100 m-auto rounded-sm shadow" src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}">
+      <img class="w-100 m-auto rounded-sm shadow" src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}">
       <div class="row m-0 p-0 px-1 py-1 shadow rounded-sm">
         <div class="col-12 p-0 pt-2 text-left my-auto">
           <p class="m-0 h6"><small>{{producto.DetArt}}</small></p>
diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts
index 07e6d83..01c739a 100644
--- a/src/app/components/sidebar/sidebar.component.ts
+++ b/src/app/components/sidebar/sidebar.component.ts
@@ -15,7 +15,7 @@ export class SidebarComponent implements OnInit {
   private cantMin: number = 1;
   private cantMax: number = 50;
   private total: number = 0;
-  private apiUrl: string = appSettings.apiUrl;
+  private apiImagenes: string = appSettings.apiImagenes;
 
   public productosCarrito: Producto[] = [];
 
diff --git a/src/etc/AppSettings ejemplo.ts b/src/etc/AppSettings ejemplo.ts
index 195ac76..9edd44b 100644
--- a/src/etc/AppSettings ejemplo.ts	
+++ b/src/etc/AppSettings ejemplo.ts	
@@ -1,3 +1,4 @@
 export const appSettings = {
-  // apiUrl: 'http://10.231.45.117:4705/autoservicio'
+  // apiUrl: 'http://10.231.45.117:4705/autoservicio',
+  // apiImagenes: 'http://10.231.45.117:4513/'
 };