diff --git a/src/sass/_botonera-principal.scss b/src/sass/_botonera-principal.scss
index ec14372..f1465d8 100644
--- a/src/sass/_botonera-principal.scss
+++ b/src/sass/_botonera-principal.scss
@@ -18,6 +18,7 @@
         height: 90px;
         position: relative;
         width: 90px;
+        outline: 0;
         span {
             left: 0;
             position: absolute;
@@ -27,6 +28,14 @@
             font-size: 12px;
             color: #777777;
         }
+        &:hover {
+            background-color:rgb(250,250,250);
+            filter:drop-shadow(4px 4px 4px gray);
+        }
+        &:active {
+            background-color: rgb(230, 230, 230);
+            filter:drop-shadow(4px 4px 4px gray);
+        }
     }
     &-menu {
         width: 100%;
@@ -80,20 +89,12 @@
         & button {
             background-image: url('../img/control_stock.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-logistica {
         & button {
             background-image: url('../img/logistica.png');
-            background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
+            background-size: 90px 90px;        
         }
     }
     &-facturador {
@@ -108,164 +109,96 @@
         & button {
             background-image: url('../img/notaPedido.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-remito {
         & button {
             background-image: url('../img/remito.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-hoja-ruta {
         & button {
             background-image: url('../img/hoja-ruta.png');
             background-size: 86px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-activar-hoja-ruta {
         & button {
             background-image: url('../img/activar_hoja.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-hoja-ruta-transportista {
         & button {
             background-image: url('../img/hojaRutaVolante.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-seguimiento {
         & button {
             background-image: url('../img/seguimientoNotaPedido.png');
             background-size: 90px 90px;
-            // background-position: 15px 10px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-seguimiento-hoja-ruta {
         & button {
             background-image: url('../img/seguimientoHojaRuta.png');
             background-size: 90px 90px;
-            // background-position: 15px 10px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-cobranzas {
         & button {
             background-image: url('../img/cobranzas.png');
             background-size: 90px 90px;
-            // background-position: 15px 10px; 
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-seguimiento-cobranzas {
         & button {
             background-image: url('../img/seguimientoCobranza.png');
             background-size: 90px 90px;
-            // background-position: 15px 10px; 
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-vehiculo {
         & button {
             background-image: url('../img/abmVehiculos.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-precio-condicion {
         & button {
             background-image: url('../img/abmPrecios.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-chofer {
         & button {
             background-image: url('../img/abmChofer.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-agendar-visita {
         & button {
             background-image: url('../img/agendarVisita.png');
             background-size: 90px 90px;
-            &:hover {
-                box-shadow: 2px;
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-informes {
         & button {
             background-image: url('../img/informes.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-vendedor-cobrador {
         & button {
             background-image: url('../img/abmVendedorCobrador.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     &-autorizar-nota {
         & button {
             background-image: url('../img/autorizarNota.png');
             background-size: 90px 90px;
-            &:hover {
-                background-color: rgb(250,250,250);
-                filter:drop-shadow(4px 4px 4px gray);
-            }
         }
     }
     .swiper-pagination {