diff --git a/style.css b/style.css
index 2484216..c220310 100644
--- a/style.css
+++ b/style.css
@@ -3,3 +3,29 @@
  * Description: Tema Timber de nexos
  * Author: Timber Team and You!
 */
+
+/* .effect-nav > .nav-link:hover {
+  border-top: 4px solid rgb(255, 0, 0);
+  border-bottom: 4px solid rgb(0, 0, 0);
+  padding: 6px 0; 
+} */
+
+@media (min-width: 992px) {
+    .dropdown:hover .dropdown-menu {
+        display: block;
+        margin-top: 0;
+    }
+}
+
+/* Optional: Add transition effects */
+.dropdown-menu {
+    transition: opacity 0.3s ease;
+    opacity: 0;
+}
+
+.nav-item.dropdown:hover .dropdown-menu {
+    opacity: 1;
+}
+
+
+
diff --git a/views/partials/btn-search.twig b/views/partials/btn-search.twig
new file mode 100644
index 0000000..8c3fd9c
--- /dev/null
+++ b/views/partials/btn-search.twig
@@ -0,0 +1,19 @@
+<div class="container justify-content-center">
+    <button class="btn btn-light" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">
+    <i class="bi bi-search"></i>
+    </button>
+
+    <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
+    <div class="offcanvas-header">
+        <h5 class="offcanvas-title" id="offcanvasTopLabel">Búsqueda</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+    <div class="offcanvas-body">
+        <form class="d-flex mt-3" role="search">
+            <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/>
+            <button class="btn btn-outline-success" type="submit">Search</button>
+        </form>
+    </div>
+    </div>
+</div>
+
diff --git a/views/partials/footer.twig b/views/partials/footer.twig
index 606165c..f65cf19 100644
--- a/views/partials/footer.twig
+++ b/views/partials/footer.twig
@@ -1 +1,26 @@
-<footer id="footer">Copyright {{ 'now'|date('Y') }}</footer>
+<div class="row">
+    
+    <div class="col-sm-3 mb-5">
+        <div class="px-lg-4"><img src="/wp-content/uploads/2025/07/logobehea.png" class="img-fluid" /></div>
+    </div>
+    <div class="col-sm-3">
+        {#{% include "menu.twig" with {'items': menu.get_items} %}#}
+    </div>
+    <div class="col-sm-3 mb-5">
+    
+        
+    </div>
+    <div class="col-sm-3">
+        <p>Paseo de las Acacias 5,<br>Bilbao</p>
+        <p><a href="tel:+34666666666">(+34) 6666666</a></p>
+        <p>cnt @ cnt.org</p>
+    </div>
+    
+</div>
+<div class="py-2 text-center">
+    <p class="mb-0 fs-8">&bullet; Todos los derechos reservados &bullet; {{"now"|date('Y')}}</p>
+    <ul class="navbar-nav">
+        <li class="nav-item"><a class="nav-link" href="/politica-de-privacidad">Aviso legal y política de privacidad</a></li>
+        <li class="nav-item"><a class="nav-link" href="/politica-de-cookies">Política de cookies</a></li>
+    </ul>
+</div>
diff --git a/views/partials/menu-burger.twig b/views/partials/menu-burger.twig
new file mode 100644
index 0000000..2251904
--- /dev/null
+++ b/views/partials/menu-burger.twig
@@ -0,0 +1,40 @@
+{% if menu %}
+<nav class="navbar justify-content-center">
+    <a class="navbar-brand" href="#"></a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+      <div class="offcanvas-header">
+        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+      </div>
+      <div class="offcanvas-body">
+        <ul class="navbar-nav container-fluid justify-content-center">
+		{% for item in items %}
+			{% if (item.children) %}
+				<li class="nav-item dropdown effect-nav">
+					{#<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">#}
+					<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" aria-expanded="false">
+						{{item.title}}</a>
+					<ul class="dropdown-menu">
+						{% for subitem in item.children %}
+							<li><a class="dropdown-item" href="{{ subitem.link }}">{{subitem.title}}</a></li>
+						{% endfor %}
+					</ul>
+				</li>
+			{% else %}
+				<li class="{{item.classes | join(' ')}} nav-item effect-nav">
+					<a class="nav-link" href="{{ item.link }}">
+						{{ item.title }}
+					</a>
+					{% include 'partials/menu.twig' with {items: item.children} %}
+				</li>
+			{% endif %}
+		{% endfor %}
+	</ul>
+      </div>
+    </div>
+</nav>
+{% endif %}
+
diff --git a/views/partials/menu.twig b/views/partials/menu.twig
index 377dc98..4056c5f 100644
--- a/views/partials/menu.twig
+++ b/views/partials/menu.twig
@@ -1,12 +1,26 @@
 {% if menu %}
-    <ul>
-        {% for item in items %}
-            <li class="{{ item.classes|join(' ') }}">
-                <a target="{{ item.target }}" href="{{ item.link }}">{{ item.title }}</a>
-                {% include 'partials/menu.twig' with {
-                    items: item.children
-                } %}
-            </li>
-        {% endfor %}
-    </ul>
+	<ul class="navbar-nav container">
+		{% for item in items %}
+			{% if (item.children) %}
+				<li class="nav-item dropdown effect-nav">
+					{#<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">#}
+					<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" aria-expanded="false">
+						{{item.title}}</a>
+					<ul class="dropdown-menu">
+						{% for subitem in item.children %}
+							<li><a class="dropdown-item" href="{{ subitem.link }}">{{subitem.title}}</a></li>
+						{% endfor %}
+					</ul>
+				</li>
+			{% else %}
+				<li class="{{item.classes | join(' ')}} nav-item effect-nav">
+					<a class="nav-link" href="{{ item.link }}">
+						{{ item.title }}
+					</a>
+					{% include 'partials/menu.twig' with {items: item.children} %}
+				</li>
+			{% endif %}
+		{% endfor %}
+	</ul>
 {% endif %}
+
diff --git a/views/partials/top-bar.twig b/views/partials/top-bar.twig
new file mode 100644
index 0000000..3f64a55
--- /dev/null
+++ b/views/partials/top-bar.twig
@@ -0,0 +1,25 @@
+<div class="container-fluid">
+    <div class="row align-items-center py-1">
+        <!-- Izquierda: Botones -->
+        <div class="col">
+            <div class="btn-bar d-flex align-items-center">
+                <button class="btn btn-outline-light btn-sm me-2">
+                    <span class="d-none d-sm-inline">EUSKERA</span>
+                </button>
+                <button class="btn btn-outline-light btn-sm">
+                    <span class="d-none d-sm-inline">CASTELLANO</span>
+                </button>
+            </div>
+        </div>
+        
+        <!-- Derecha: Redes sociales -->
+        <div class="col d-flex justify-content-end">
+            <div class="btn-group m-1" role="group" aria-label="First group">
+                <button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-facebook"></i></button>
+                <button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-twitter-x"></i></button>
+                <button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-youtube"></i></button>
+                <button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-instagram"></i></button>
+            </div>
+        </div>
+    </div>
+</div>