diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css
index 661ec97..ccf6fa7 100644
--- a/public/assets/styles/main.css
+++ b/public/assets/styles/main.css
@@ -20,6 +20,10 @@ header .menu { margin-top: 0 !important; margin-bottom: 0 !important; }
 
 header .menu .logo { font-size: 2rem; font-weight: 900; }
 
+header .menu #productos_menu .menu { border: none; box-shadow: none; }
+
+header .menu #productos_menu .menu .item:hover { background-color: #a7a9ab !important; }
+
 a { color: inherit !important; }
 
 .menu { font-family: inherit !important; }
diff --git a/resources/assets/sass/main.scss b/resources/assets/sass/main.scss
index 21dc515..d000449 100644
--- a/resources/assets/sass/main.scss
+++ b/resources/assets/sass/main.scss
@@ -42,6 +42,15 @@ header {
       font-size: 2rem;
       font-weight: 900;
     }
+
+    #productos_menu .menu {
+      border: none;
+      box-shadow: none;
+
+      .item:hover {
+        background-color: $gris-medio !important;
+      }
+    }
   }
 }
 
diff --git a/resources/views/layout/header/menu.blade.php b/resources/views/layout/header/menu.blade.php
index 0bd8961..f15c121 100644
--- a/resources/views/layout/header/menu.blade.php
+++ b/resources/views/layout/header/menu.blade.php
@@ -9,9 +9,14 @@
       <a class="item" href="{{$urls->base}}/nosotros">
         NOSOTROS
       </a>
-      <a class="item" href="{{$urls->base}}/productos">
-        PRODUCTOS
-      </a>
+      <div class="ui simple dropdown item" id="productos_menu">
+        <a href="{{$urls->base}}/productos">PRODUCTOS</a>
+        <div class="menu">
+          @foreach ($segmentos as $segmento)
+            <a class="item" href="{{$urls->base}}/productos#{{mb_strtolower($segmento->titulo)}}">{{$segmento->titulo}}</a>
+          @endforeach
+        </div>
+      </div>
       <a class="item" href="{{$urls->base}}/faqs">
         FAQs
       </a>