diff --git a/src/app/modules/footer/footer.component.html b/src/app/modules/footer/footer.component.html
index 4da15e8..03c57f3 100644
--- a/src/app/modules/footer/footer.component.html
+++ b/src/app/modules/footer/footer.component.html
@@ -1,8 +1,8 @@
 <div class="row mx-0 h-100 justify-content-around bg-white">
   <div class="col-auto align-self-center px-0 bg-white">
-    <div class="btn-effect row mx-0 bg-light rounded-left">
+    <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 rounded-right d-none d-sm-block">
+      <div class="col-auto p-0 bg-primary d-none d-sm-block">
         <img class="p-2 img-accesibilidad" src="assets/img/iconos-accesibilidad.svg">
       </div>
     </div>
@@ -10,9 +10,9 @@
   <div
     class="btn-effect col-auto align-self-center px-0 bg-white"
     (click)="goBack()">
-    <div class="row mx-0 bg-light rounded-left">
+    <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 rounded-right d-none d-sm-block">
+      <div class="col-auto p-0 bg-primary d-none d-sm-block">
         <img class="p-2 img-volver" src="assets/img/icono-volver.svg">
       </div>
     </div>
diff --git a/src/app/modules/formas-pago/formas-pago.component.html b/src/app/modules/formas-pago/formas-pago.component.html
index 6fa93a5..e374043 100644
--- a/src/app/modules/formas-pago/formas-pago.component.html
+++ b/src/app/modules/formas-pago/formas-pago.component.html
@@ -6,7 +6,7 @@
   </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-center border border-secondary rounded">
+      <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">
         <p class="h6 m-0">ESTA TERMINAL OPERA CON</p>
         <p class="h2 mb-3 text-secondary">
@@ -17,11 +17,12 @@
           class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white"
           [routerLink]="['/opcion-pedido']">
           CONTINUAR
+          <img class="img-ir" 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-start border border-primary rounded">
+      <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">
         <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p>
         <p class="h2 m-0 text-primary">te esperamos en la caja</p>
diff --git a/src/app/modules/seleccion-productos/seleccion-productos.component.html b/src/app/modules/seleccion-productos/seleccion-productos.component.html
index cfcccce..69026d1 100644
--- a/src/app/modules/seleccion-productos/seleccion-productos.component.html
+++ b/src/app/modules/seleccion-productos/seleccion-productos.component.html
@@ -10,12 +10,12 @@
     <div class="row mx-4 h-auto border border-primary rounded-sm">
       <div class="col-12 p-2 align-self-center">
         <div class="px-3">
-          <span class="">SELECCIONÁ TÚ COMIDA Y/O BEBIDA</span>
+          <p class="h6 text-truncate">SELECCIONÁ TÚ COMIDA Y/O BEBIDA</p>
         </div>
       </div>
     </div>
     <!-- CUERPO -->
-    <div class="row mr-4 h-75">
+    <div class="row mr-4 h-70">
       <div class="col-12 h-100 px-0 py-3">
         <div class="row mx-0 h-100">
           <!-- FILTRO CATEGORIAS -->
@@ -89,8 +89,49 @@
         </div>
       </div>
     </div>
-    <div class="row mx-0 h-20 bg-primary">
-
+    <div class="row mx-0 h-20 justify-content-center">
+      <div class="col-11 h-100 px-0 border border-primary rounded">
+        <div class="row mx-0 h-15 border-bottom border-primary">
+          <p class="col align-self-center"><small>PRODUCTOS EN TÚ CARRITO DE COMPRAS</small></p>
+        </div>
+        <div class="row h-85 mx-auto">
+          <div class="col-auto h-20 align-self-center">
+            <img
+              draggable="false"
+              ondragstart="return false;"
+              (contextmenu)="false"
+              class="img-ir rotate-180-neg"
+              src="assets/img/ir-fondo-color.svg"
+              (mousedown)="scroll(templateCarrito, -80)"
+              (mouseup)="mouseup()"
+              (mouseleave)="mouseup()">
+          </div>
+          <div class="col h-100">
+            <div #templateCarrito class="row h-100 mx-0 scroll-x">
+              <div
+                class="col-12 col-md-3 col-xl-2 p-2 h-100"
+                (click)="selectCategoria(i)"
+                *ngFor="let categoria of [{},{},{},{},{},{},{}]; let i = index;">
+                <img
+                  class="h-55 mx-auto"
+                  src="assets/img/ir-color.svg">
+                <p class="mt-1 text-center text-primary"><small>{{'lala'}}</small></p>
+              </div>
+            </div>
+          </div>
+          <div class="col-auto h-20 align-self-center">
+            <img
+              draggable="false"
+              ondragstart="return false;"
+              (contextmenu)="false"
+              class="img-ir"
+              src="assets/img/ir-fondo-color.svg"
+              (mousedown)="scroll(templateCarrito, -80)"
+              (mouseup)="mouseup()"
+              (mouseleave)="mouseup()">
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 
diff --git a/src/app/modules/seleccion-productos/seleccion-productos.component.scss b/src/app/modules/seleccion-productos/seleccion-productos.component.scss
index 9726227..9f85166 100644
--- a/src/app/modules/seleccion-productos/seleccion-productos.component.scss
+++ b/src/app/modules/seleccion-productos/seleccion-productos.component.scss
@@ -1,10 +1,5 @@
 $primary: #aa006b;
 
-.rounded-right {
-  border-top-right-radius: 1.5rem !important;
-  border-bottom-right-radius: 1.5rem !important;
-}
-
 .box-categorias {
   height: calc(100% - 100px) !important;
 }
diff --git a/src/assets/img/ir-fondo-color.svg b/src/assets/img/ir-fondo-color.svg
new file mode 100644
index 0000000..3fa1066
--- /dev/null
+++ b/src/assets/img/ir-fondo-color.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW X7 -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="19.8306mm" height="19.8306mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 523 523"
+ xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil1 {fill:#FEFEFE;fill-rule:nonzero}
+    .fil0 {fill:#AA006B;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="Capa_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M262 0c72,0 137,29 185,77 47,47 76,112 76,185 0,72 -29,137 -76,185 -48,47 -113,76 -185,76 -73,0 -138,-29 -185,-76 -48,-48 -77,-113 -77,-185 0,-73 29,-138 77,-185 47,-48 112,-77 185,-77z"/>
+  <polygon class="fil1" points="225,124 335,262 225,399 209,383 303,262 209,140 "/>
+ </g>
+</svg>
diff --git a/src/scss/styles-bootstrap.scss b/src/scss/styles-bootstrap.scss
index 47eee20..5a211b5 100644
--- a/src/scss/styles-bootstrap.scss
+++ b/src/scss/styles-bootstrap.scss
@@ -12,8 +12,8 @@ $theme-colors: (
   info: $info,
   light: $light
 );
-$border-radius: 1.5rem !default;
-$border-radius-lg: 2.5rem !default;
-$border-radius-sm: 0.5rem !default;
+$border-radius: 1.5rem;
+$border-radius-lg: 2.5rem;
+$border-radius-sm: 0.5rem;
 
 @import "node_modules/bootstrap/scss/bootstrap";
diff --git a/src/styles.scss b/src/styles.scss
index 1778dd7..e854fa8 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -59,6 +59,10 @@ p {
   transform: rotate(-90deg);
 }
 
+.rotate-180-neg {
+  transform: rotate(-180deg);
+}
+
 .scroll-y {
   overflow-y: auto;
   scrollbar-width: none;
@@ -66,3 +70,11 @@ p {
     display: none;
   }
 }
+
+.scroll-x {
+  overflow-x: auto;
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}