diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
index 1150cc8..3cb0219 100644
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@@ -17,7 +17,7 @@
 
         <!-- INFO DE BIENVENIDA -->
         <div class="row my-auto mx-0 h-75 w-100">
-          <div class="col-8 col-lg-8 my-auto">
+          <div class="col-6 col-lg-8 my-auto p-3 h-100">
             <div class="embed-responsive embed-responsive-16by9">
               <iframe
                 class="embed-responsive-item rounded fade-in"
@@ -25,7 +25,7 @@
               </iframe>
             </div>            
           </div>
-          <div class="col-8 col-lg-4 text-center text-white my-auto">
+          <div class="col-6 col-lg-4 text-center text-white my-auto">
             <p class="display-4 font-weight-bold m-0">¡BIENVENIDO!</p>
             <p class="display-4 m-0 font-weight-bold">Toque la pantalla<br>para comenzar</p>
           </div>          
diff --git a/src/app/components/inicio/inicio.component.html b/src/app/components/inicio/inicio.component.html
index dc6c883..ced3dad 100644
--- a/src/app/components/inicio/inicio.component.html
+++ b/src/app/components/inicio/inicio.component.html
@@ -4,12 +4,12 @@
     <!-- NOMBRE DE SECCION -->
     <div class="row m-0">
       <div class="col-12 p-0">
-        <p class="h5 py-1 bg-gray text-muted text-center">Inicio</p>
+        <p class="h5 m-0 py-1 bg-gray text-muted text-center">Inicio</p>
       </div>
     </div>
 
-    <div class="row m-3 d-flex align-items-start disable-user-select">
-      <div class="col-md-5 d-flex align-items-end flex-column">
+    <div class="row m-0 d-flex align-items-start disable-user-select">
+      <div class="col-md-5 py-3 pr-0 d-flex align-items-end flex-column">
 
         <!-- PROMOCIONES -->
         <div
@@ -18,10 +18,10 @@
           <div class="card-body text-left px-4 py-3">
             <div class="row">
               <div class="col-auto">
-                <p class="h3 card-title">Promociones</p>
+                <p class="m-0 h3 card-title">Promociones</p>
               </div>
               <div class="col-auto p-0">
-                <img src="{{apiImagenes}}/imagenes/primario.promociones.png" class="icon-dim m-0">
+                <img src="{{apiImagenes}}/imagenes/primario.promociones.png" class="w-15 m-0">
               </div>
             </div>
             <p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>
@@ -53,14 +53,14 @@
 
         <!-- ORDENAR -->
         <div (click)="irBusquedaProductos('ordenar')"
-          class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
+          class="card card-effect bg-white border-0 shadow rounded w-100 mt-3">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
               <div class="col-auto">
-                <p class="h3 card-title">Ordenar Pedido</p>
+                <p class="m-0 h3 card-title">Ordenar Pedido</p>
               </div>
               <div class="col-auto p-0">
-                <img src="{{apiImagenes}}/imagenes/primario.ordenar.png" class="icon-dim">
+                <img src="{{apiImagenes}}/imagenes/primario.ordenar.png" class="w-15">
               </div>
             </div>
             <p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>
@@ -71,7 +71,7 @@
         </div>
       </div>
 
-      <div class="col-md-7 d-flex align-items-end flex-column mt-4 mt-md-0">
+      <div class="col-md-7 py-3 d-flex align-items-end flex-column mt-4 mt-md-0">
 
         <!-- CARGAR PRODUCTOS -->
         <ng-template #popTemplate>
@@ -100,10 +100,10 @@
             <div class="card-body text-left px-4 py-3">
               <div class="row">
                 <div class="col-auto">
-                  <p class="h3 card-title">Cargar Productos</p>
+                  <p class="m-0 h3 card-title">Cargar Productos</p>
                 </div>
                 <div class="col-auto p-0">
-                  <img src="{{apiImagenes}}/imagenes/escanear.png" class="icon-dim mb-2">
+                  <img src="{{apiImagenes}}/imagenes/escanear.png" class="w-15">
                 </div>
               </div>
               <p class="h5 card-text text-muted font-weight-light">
@@ -111,7 +111,7 @@
                 al lector de códigos o selecciónelo en pantalla.
               </p>
             </div>
-            <div class="row m-4">
+            <div class="row mx-3 mb-3">
               <div class="col card bg-white shadow border-0 w-75 p-0 mx-auto rounded-sm">
                 <!-- IMAGEN DE ESCANER -->
                 <img
@@ -185,17 +185,17 @@
 
         <!-- BUSCAR PRODUCTOS -->
         <div (click)="irBusquedaProductos('todos')"
-          class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
+          class="card card-effect bg-white border-0 shadow rounded w-100 mt-3">
           <div class="card-body text-left px-4 py-3">
             <div class="row">
               <div class="col-auto">
-                <p class="h3 card-title">Buscar Productos</p>
+                <p class="m-0 h3 card-title">Buscar Productos</p>
                 <p class="h5 card-text text-muted font-weight-light">
                   Busque aquí los productos<br>
                   que no tienen código.</p>
               </div>
               <div class="col-auto p-0">
-                <img src="{{apiImagenes}}/imagenes/primario.buscar.png" class="icon-dim mb-2">
+                <img src="{{apiImagenes}}/imagenes/primario.buscar.png" class="w-15">
               </div>
             </div>