diff --git a/js-src/index.js b/js-src/index.js
index 96c0526..41a494a 100644
--- a/js-src/index.js
+++ b/js-src/index.js
@@ -81,6 +81,12 @@ function addListenersSearch() {
     if (search !== null) {
         search.addEventListener('change', onSearchChange);
     }
+    const searchIconDesktop = document.querySelector('nav.desktop a.search-icon');
+    if (searchIconDesktop !== null) {
+        searchIconDesktop.addEventListener('click', (e) => {
+            onFakeSearchClick(e)
+        })
+    }
 }
 
 function _port() {
diff --git a/public/css/styles.css b/public/css/styles.css
index 6523c06..8dceb6a 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -148,6 +148,18 @@ body {
     display: none; }
     body nav.desktop a {
       vertical-align: middle; }
+    body nav.desktop a.search-icon {
+      width: 60px;
+      height: 60px;
+      display: flex;
+      align-items: center;
+      justify-content: center; }
+      body nav.desktop a.search-icon img {
+        background: aliceblue;
+        border-radius: 10px;
+        padding: 10%;
+        width: 60%;
+        height: 60%; }
   body nav.mobile-foldable {
     display: none;
     background: blueviolet;
diff --git a/public/css/styles.scss b/public/css/styles.scss
index be1db2e..c4904c3 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -208,6 +208,20 @@ body {
     a {
       vertical-align: middle;
     }
+    a.search-icon {
+    	width: 60px;
+	height: 60px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+	img {
+            background: aliceblue;
+            border-radius: 10px;
+            padding: 10%;
+            width: 60%;
+            height: 60%;
+	}
+    }
   }
 
   nav.mobile-foldable {
diff --git a/public/js/bundle.js b/public/js/bundle.js
index 1b58155..b5d3611 100644
--- a/public/js/bundle.js
+++ b/public/js/bundle.js
@@ -16,7 +16,7 @@
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tablesort__WEBPACK_IMPORTED_MODULE_0__);\n\n\nwindow.Tablesort = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n__webpack_require__(/*! tablesort/src/sorts/tablesort.number */ \"./node_modules/tablesort/src/sorts/tablesort.number.js\");\n\nlet fakeSearchInput\nlet searchMobile\nwindow.onload = () => {\n    const menu_expand = document.querySelector('a.menu-expand');\n    const mobile_foldable = document.querySelector('nav.mobile-foldable');\n    const tables = document.querySelectorAll('table')\n\n    fillFarmaciaGuardia();\n    loadAd()\n    addEasterEggAnimation()\n\n    if (menu_expand !== null && mobile_foldable !== null) {\n        menu_expand.addEventListener('click', () => {\n            mobile_foldable.classList.toggle('show');\n        });\n    }\n\n    for (const table of tables) {\n        const header = table.querySelector('tr');\n        if (header !== null) {\n            header.setAttribute('data-sort-method', 'none')\n            for (const th of header.querySelectorAll('th')) {\n                if (th.getAttribute('data-sort-method') == null) {\n                    th.setAttribute('data-sort-method', 'thead')\n                }\n            }\n        }\n        new (tablesort__WEBPACK_IMPORTED_MODULE_0___default())(table)\n    }\n    if (window !== undefined && window.Android !== undefined) {\n        executeAndroidExclusiveCode(Android)\n    } \n    searchMobile = document.querySelector('nav.mobile-shortcuts div.search')\n    fakeSearchInput = searchMobile.querySelector('input')\n    addListenersSearch()\n};\n\nfunction fillFarmaciaGuardia() {\n    const farmaciaName = document.querySelector('#farmacia-name');\n    const farmaciaAddress = document.querySelector('#farmacia-address');\n    if (farmaciaName !== null || farmaciaAddress !== null) {\n        const port = _port()\n        const url = new URL(window.location.protocol\n        + \"//\"\n        + window.location.hostname\n        + port\n        + '/farmacia-guardia.json');\n        fetch(url).then(async (res) => {\n            const farmacia = await res.json()\n            if (farmaciaName !== null) {\n                farmaciaName.innerText = farmacia.name;\n                farmaciaAddress.innerText = farmacia.address;\n            }\n        })\n    }\n}\n\nfunction addListenersSearch() {\n    if (searchMobile !== null) {\n        const searchIcon = searchMobile.querySelector('div.search-icon')\n        searchIcon.addEventListener('click', onFakeSearchClick);\n        fakeSearchInput.addEventListener('change', (e) => {\n            const searchOverlay = document.querySelector('div.search-overlay');\n            const searchInput = searchOverlay.querySelector('div.search input');\n            searchInput.value = fakeSearchInput.value;\n            onSearchChange(e)\n            onFakeSearchClick(e)\n        });\n    }\n    const exitSearch = document.querySelector('a.exit-search')\n    const searchOverlay = document.querySelector('div.search-overlay');\n    const searchInput = searchOverlay.querySelector('div.search input');\n    fakeSearchInput.value = searchInput.value;\n    exitSearch.addEventListener('click', onExitSearch)\n    const search = document.querySelector('div.search-overlay div.search input');\n    if (search !== null) {\n        search.addEventListener('change', onSearchChange);\n    }\n}\n\nfunction _port() {\n    let port = window.location.port;\n    if (port !== '') {\n        port = ':' + port\n    }\n    return port;\n}\n\nfunction onSearchChange() {\n    const search = document.querySelector('div.search-overlay div.search input');\n    const searchResults = document.querySelector('div.search-overlay div.search-results');\n    if (search === null || searchResults === null) {\n        return;\n    }\n    const query = search.value;\n    fakeSearchInput.value = search.value\n    const port = _port()\n    const url = new URL(window.location.protocol\n        + \"//\"\n        + window.location.hostname\n        + port\n        + '/search.json');\n    url.searchParams.set('q', query);\n    fetch(url).then(async (res) => {\n        const json = await res.json()\n        if (!json.ok) {\n            noResults(searchResults);\n            return\n        }\n        console.log(json.searchObjects.length)\n        if (json.searchObjects.length < 1) {\n            noResults(searchResults);\n            return;\n        }\n        showResults(searchResults, json.searchObjects);\n    })\n    search.focus()\n}\n\nfunction showResults(searchResults, searchObjects) {\n    searchResults.innerHTML = \"\";\n    for (let searchObject of searchObjects) {\n        const searchResultContainer = document.createElement('div')\n        searchResultContainer.classList.add('search-result')\n        const title = document.createElement('b')\n        const url = document.createElement('a')\n        const content = document.createElement('p')\n\n        title.innerText = searchObject.title\n        let port = window.location.port;\n        if (port !== '') {\n            port = ':' + port\n        }\n        if (searchObject.url.match(/^\\//)) {\n            searchObject.url = window.location.protocol \n                + \"//\" + window.location.hostname \n                + port\n                + searchObject.url\n        }\n        url.href = searchObject.url\n        url.innerText = searchObject.url\n        content.innerText = searchObject.content\n\n        searchResultContainer.appendChild(title)\n        searchResultContainer.appendChild(document.createElement('br'))\n        searchResultContainer.appendChild(url)\n        searchResultContainer.appendChild(content)\n        searchResults.appendChild(searchResultContainer)\n    }\n}\n\nfunction noResults(searchResults) {\n    searchResults.innerHTML = \"\"\n    const p = document.createElement('p')\n    p.innerText = 'No se han encontrado resultados.'\n    searchResults.appendChild(p)\n}\n\nfunction onExitSearch() {\n    const searchOverlay = document.querySelector('div.search-overlay');\n    if (searchOverlay !== null) {\n        searchOverlay.classList.toggle('active');\n    }\n}\n\nfunction onFakeSearchClick(e) {\n    e.preventDefault();\n    const searchOverlay = document.querySelector('div.search-overlay');\n    if (searchOverlay === null) {\n        return\n    }\n    searchOverlay.classList.toggle('active');\n    const search = searchOverlay.querySelector('div.search input');\n    if (search !== null) {\n        search.focus()\n    }\n    return false;\n}\n\nfunction absoluteToHost(imageUrl) {\n    if (imageUrl.match(/^\\//)) {\n        imageUrl = window.location.protocol + \"//\" + window.location.host + imageUrl \n    }\n    return imageUrl.replace(/\\?.*$/, '');\n}\n\nfunction addListenerOpenInBrowserButton(android) {\n    const openInBrowserLink = document.querySelector('a.open-in-browser')\n    if (openInBrowserLink === null) {\n        return\n    }\n    openInBrowserLink.addEventListener('click', () => {\n        android.openInBrowser(window.location.href)\n    })\n}\nfunction executeAndroidExclusiveCode(android) {\n    document.querySelectorAll('*.android').forEach((element) => {\n        element.classList.remove('android')\n    })\n    document.querySelectorAll('*.no-android-app').forEach((element) => {\n        element.style.display = 'none';\n    })\n    addListenerOpenInBrowserButton(android)\n    const pinToHomeUrl = document.querySelector('a.pin-to-home')\n    if (pinToHomeUrl === null) {\n        return;\n    }\n    pinToHomeUrl.addEventListener('click', () => {\n        const url = new URL(window.location.href)\n        const pathandQuery = url.pathname + url.search;\n        const label = (url.pathname.replace(/^.*\\//g, '')\n            .replace(/(?:^|-)\\w/g, function(character) {\n                return character.toUpperCase() \n            })\n            .replace(/-/g, ' ')) + ' - Burguillos.info';\n        const firstImg = document.querySelector('div.description img');\n        let iconUrl;\n        if (firstImg !== null) {\n            if (!firstImg.src.match(/\\.svg(?:\\?|$)/)) {\n                iconUrl = absoluteToHost(firstImg.src);\n            }\n        }\n        if (iconUrl === undefined) {\n            const imagePreview = document.querySelector('meta[name=\"image\"]');\n            iconUrl = absoluteToHost(imagePreview.content);\n        }\n        android.pinPage(pathandQuery, label, iconUrl)\n    })\n}\n\nfunction addEasterEggAnimation() {\n    const logoContainer = document.querySelector('div.burguillos-logo-container')\n    if (logoContainer === null) {\n        return;\n    }\n    logoContainer.addEventListener('click', () => {\n        logoContainer.classList.toggle('active')\n    })\n}\n\nlet current_ad_number = null\n\nfunction expand_page_contents() {\n    const page_contents = document.querySelector('div.page-contents'); \n    if (page_contents === null) {\n        return;\n    }\n    page_contents.classList.add('no-carousel');\n}\n\nfunction no_more_ads() {\n    const carousel = document.querySelector('.carousel');\n    if (carousel !== null) {\n        carousel.remove();\n    }\n    expand_page_contents();\n}\n\nfunction loadAd() {\n    const params = new URLSearchParams();\n    if (current_ad_number !== null) {\n        params.append('n', \"\"+current_ad_number);\n    }\n    fetch('/next-ad.json?' + params).then((res) => {\n        return res.json()\n    }).then((res) => {\n        current_ad_number = res.current_ad_number\n        const ad = res.ad\n        const must_continue = res.continue\n        const carousel = document.querySelector('.carousel');\n        if (must_continue === 0\n                || carousel === null\n                || carousel.offsetWidth === 0) {\n            no_more_ads();\n            return;\n        }\n        const a = _retrieveLinkCarousel(carousel)\n        a.innerHTML = \"\"\n        const image = document.createElement('img')\n        const text_container = document.createElement('div')\n        const text = document.createElement('h4')\n        const promoted = document.createElement('p')\n\n        promoted.classList.add('promoted-tag')\n        promoted.innerText = \"Promocionado\"\n        image.src = ad.img\n        image.alt = \"\"\n        text.innerText = ad.text\n        a.href = ad.href\n\n        a.append(image)\n        text_container.append(promoted)\n        text_container.append(text)\n        a.append(text_container)\n\n        window.setTimeout(() => {\n            loadAd()\n        }, ad.seconds * 1000)\n    }).catch(() => {\n        window.setTimeout(() => {\n            loadAd()\n        }, 1000)\n    });\n}\n\nfunction _retrieveLinkCarousel(carousel) {\n    const maybeA = carousel.querySelector('a')\n    if (maybeA !== null) {\n        return maybeA\n    }\n    const a = document.createElement('a')\n    carousel.innerHTML = \"\"\n    carousel.append(a)\n    return a\n}\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n/* harmony import */ var tablesort__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tablesort__WEBPACK_IMPORTED_MODULE_0__);\n\n\nwindow.Tablesort = __webpack_require__(/*! tablesort */ \"./node_modules/tablesort/src/tablesort.js\");\n__webpack_require__(/*! tablesort/src/sorts/tablesort.number */ \"./node_modules/tablesort/src/sorts/tablesort.number.js\");\n\nlet fakeSearchInput\nlet searchMobile\nwindow.onload = () => {\n    const menu_expand = document.querySelector('a.menu-expand');\n    const mobile_foldable = document.querySelector('nav.mobile-foldable');\n    const tables = document.querySelectorAll('table')\n\n    fillFarmaciaGuardia();\n    loadAd()\n    addEasterEggAnimation()\n\n    if (menu_expand !== null && mobile_foldable !== null) {\n        menu_expand.addEventListener('click', () => {\n            mobile_foldable.classList.toggle('show');\n        });\n    }\n\n    for (const table of tables) {\n        const header = table.querySelector('tr');\n        if (header !== null) {\n            header.setAttribute('data-sort-method', 'none')\n            for (const th of header.querySelectorAll('th')) {\n                if (th.getAttribute('data-sort-method') == null) {\n                    th.setAttribute('data-sort-method', 'thead')\n                }\n            }\n        }\n        new (tablesort__WEBPACK_IMPORTED_MODULE_0___default())(table)\n    }\n    if (window !== undefined && window.Android !== undefined) {\n        executeAndroidExclusiveCode(Android)\n    } \n    searchMobile = document.querySelector('nav.mobile-shortcuts div.search')\n    fakeSearchInput = searchMobile.querySelector('input')\n    addListenersSearch()\n};\n\nfunction fillFarmaciaGuardia() {\n    const farmaciaName = document.querySelector('#farmacia-name');\n    const farmaciaAddress = document.querySelector('#farmacia-address');\n    if (farmaciaName !== null || farmaciaAddress !== null) {\n        const port = _port()\n        const url = new URL(window.location.protocol\n        + \"//\"\n        + window.location.hostname\n        + port\n        + '/farmacia-guardia.json');\n        fetch(url).then(async (res) => {\n            const farmacia = await res.json()\n            if (farmaciaName !== null) {\n                farmaciaName.innerText = farmacia.name;\n                farmaciaAddress.innerText = farmacia.address;\n            }\n        })\n    }\n}\n\nfunction addListenersSearch() {\n    if (searchMobile !== null) {\n        const searchIcon = searchMobile.querySelector('div.search-icon')\n        searchIcon.addEventListener('click', onFakeSearchClick);\n        fakeSearchInput.addEventListener('change', (e) => {\n            const searchOverlay = document.querySelector('div.search-overlay');\n            const searchInput = searchOverlay.querySelector('div.search input');\n            searchInput.value = fakeSearchInput.value;\n            onSearchChange(e)\n            onFakeSearchClick(e)\n        });\n    }\n    const exitSearch = document.querySelector('a.exit-search')\n    const searchOverlay = document.querySelector('div.search-overlay');\n    const searchInput = searchOverlay.querySelector('div.search input');\n    fakeSearchInput.value = searchInput.value;\n    exitSearch.addEventListener('click', onExitSearch)\n    const search = document.querySelector('div.search-overlay div.search input');\n    if (search !== null) {\n        search.addEventListener('change', onSearchChange);\n    }\n    const searchIconDesktop = document.querySelector('nav.desktop a.search-icon');\n    if (searchIconDesktop !== null) {\n        searchIconDesktop.addEventListener('click', (e) => {\n            onFakeSearchClick(e)\n        })\n    }\n}\n\nfunction _port() {\n    let port = window.location.port;\n    if (port !== '') {\n        port = ':' + port\n    }\n    return port;\n}\n\nfunction onSearchChange() {\n    const search = document.querySelector('div.search-overlay div.search input');\n    const searchResults = document.querySelector('div.search-overlay div.search-results');\n    if (search === null || searchResults === null) {\n        return;\n    }\n    const query = search.value;\n    fakeSearchInput.value = search.value\n    const port = _port()\n    const url = new URL(window.location.protocol\n        + \"//\"\n        + window.location.hostname\n        + port\n        + '/search.json');\n    url.searchParams.set('q', query);\n    fetch(url).then(async (res) => {\n        const json = await res.json()\n        if (!json.ok) {\n            noResults(searchResults);\n            return\n        }\n        console.log(json.searchObjects.length)\n        if (json.searchObjects.length < 1) {\n            noResults(searchResults);\n            return;\n        }\n        showResults(searchResults, json.searchObjects);\n    })\n    search.focus()\n}\n\nfunction showResults(searchResults, searchObjects) {\n    searchResults.innerHTML = \"\";\n    for (let searchObject of searchObjects) {\n        const searchResultContainer = document.createElement('div')\n        searchResultContainer.classList.add('search-result')\n        const title = document.createElement('b')\n        const url = document.createElement('a')\n        const content = document.createElement('p')\n\n        title.innerText = searchObject.title\n        let port = window.location.port;\n        if (port !== '') {\n            port = ':' + port\n        }\n        if (searchObject.url.match(/^\\//)) {\n            searchObject.url = window.location.protocol \n                + \"//\" + window.location.hostname \n                + port\n                + searchObject.url\n        }\n        url.href = searchObject.url\n        url.innerText = searchObject.url\n        content.innerText = searchObject.content\n\n        searchResultContainer.appendChild(title)\n        searchResultContainer.appendChild(document.createElement('br'))\n        searchResultContainer.appendChild(url)\n        searchResultContainer.appendChild(content)\n        searchResults.appendChild(searchResultContainer)\n    }\n}\n\nfunction noResults(searchResults) {\n    searchResults.innerHTML = \"\"\n    const p = document.createElement('p')\n    p.innerText = 'No se han encontrado resultados.'\n    searchResults.appendChild(p)\n}\n\nfunction onExitSearch() {\n    const searchOverlay = document.querySelector('div.search-overlay');\n    if (searchOverlay !== null) {\n        searchOverlay.classList.toggle('active');\n    }\n}\n\nfunction onFakeSearchClick(e) {\n    e.preventDefault();\n    const searchOverlay = document.querySelector('div.search-overlay');\n    if (searchOverlay === null) {\n        return\n    }\n    searchOverlay.classList.toggle('active');\n    const search = searchOverlay.querySelector('div.search input');\n    if (search !== null) {\n        search.focus()\n    }\n    return false;\n}\n\nfunction absoluteToHost(imageUrl) {\n    if (imageUrl.match(/^\\//)) {\n        imageUrl = window.location.protocol + \"//\" + window.location.host + imageUrl \n    }\n    return imageUrl.replace(/\\?.*$/, '');\n}\n\nfunction addListenerOpenInBrowserButton(android) {\n    const openInBrowserLink = document.querySelector('a.open-in-browser')\n    if (openInBrowserLink === null) {\n        return\n    }\n    openInBrowserLink.addEventListener('click', () => {\n        android.openInBrowser(window.location.href)\n    })\n}\nfunction executeAndroidExclusiveCode(android) {\n    document.querySelectorAll('*.android').forEach((element) => {\n        element.classList.remove('android')\n    })\n    document.querySelectorAll('*.no-android-app').forEach((element) => {\n        element.style.display = 'none';\n    })\n    addListenerOpenInBrowserButton(android)\n    const pinToHomeUrl = document.querySelector('a.pin-to-home')\n    if (pinToHomeUrl === null) {\n        return;\n    }\n    pinToHomeUrl.addEventListener('click', () => {\n        const url = new URL(window.location.href)\n        const pathandQuery = url.pathname + url.search;\n        const label = (url.pathname.replace(/^.*\\//g, '')\n            .replace(/(?:^|-)\\w/g, function(character) {\n                return character.toUpperCase() \n            })\n            .replace(/-/g, ' ')) + ' - Burguillos.info';\n        const firstImg = document.querySelector('div.description img');\n        let iconUrl;\n        if (firstImg !== null) {\n            if (!firstImg.src.match(/\\.svg(?:\\?|$)/)) {\n                iconUrl = absoluteToHost(firstImg.src);\n            }\n        }\n        if (iconUrl === undefined) {\n            const imagePreview = document.querySelector('meta[name=\"image\"]');\n            iconUrl = absoluteToHost(imagePreview.content);\n        }\n        android.pinPage(pathandQuery, label, iconUrl)\n    })\n}\n\nfunction addEasterEggAnimation() {\n    const logoContainer = document.querySelector('div.burguillos-logo-container')\n    if (logoContainer === null) {\n        return;\n    }\n    logoContainer.addEventListener('click', () => {\n        logoContainer.classList.toggle('active')\n    })\n}\n\nlet current_ad_number = null\n\nfunction expand_page_contents() {\n    const page_contents = document.querySelector('div.page-contents'); \n    if (page_contents === null) {\n        return;\n    }\n    page_contents.classList.add('no-carousel');\n}\n\nfunction no_more_ads() {\n    const carousel = document.querySelector('.carousel');\n    if (carousel !== null) {\n        carousel.remove();\n    }\n    expand_page_contents();\n}\n\nfunction loadAd() {\n    const params = new URLSearchParams();\n    if (current_ad_number !== null) {\n        params.append('n', \"\"+current_ad_number);\n    }\n    fetch('/next-ad.json?' + params).then((res) => {\n        return res.json()\n    }).then((res) => {\n        current_ad_number = res.current_ad_number\n        const ad = res.ad\n        const must_continue = res.continue\n        const carousel = document.querySelector('.carousel');\n        if (must_continue === 0\n                || carousel === null\n                || carousel.offsetWidth === 0) {\n            no_more_ads();\n            return;\n        }\n        const a = _retrieveLinkCarousel(carousel)\n        a.innerHTML = \"\"\n        const image = document.createElement('img')\n        const text_container = document.createElement('div')\n        const text = document.createElement('h4')\n        const promoted = document.createElement('p')\n\n        promoted.classList.add('promoted-tag')\n        promoted.innerText = \"Promocionado\"\n        image.src = ad.img\n        image.alt = \"\"\n        text.innerText = ad.text\n        a.href = ad.href\n\n        a.append(image)\n        text_container.append(promoted)\n        text_container.append(text)\n        a.append(text_container)\n\n        window.setTimeout(() => {\n            loadAd()\n        }, ad.seconds * 1000)\n    }).catch(() => {\n        window.setTimeout(() => {\n            loadAd()\n        }, 1000)\n    });\n}\n\nfunction _retrieveLinkCarousel(carousel) {\n    const maybeA = carousel.querySelector('a')\n    if (maybeA !== null) {\n        return maybeA\n    }\n    const a = document.createElement('a')\n    carousel.innerHTML = \"\"\n    carousel.append(a)\n    return a\n}\n\n\n//# sourceURL=webpack://BurguillosInfo/./js-src/index.js?");
 
 /***/ }),
 
diff --git a/templates/page/_desktop_menu.html.ep b/templates/page/_desktop_menu.html.ep
index 33c4013..a2d44f7 100644
--- a/templates/page/_desktop_menu.html.ep
+++ b/templates/page/_desktop_menu.html.ep
@@ -20,5 +20,5 @@ for my $category_key (@sorted_categories) {
     my $selected = defined($target_category_slug) && $category->{slug} eq $target_category_slug;
     %><a class="<%=$selected && "selected" %>" href="<%= '/'.$category->{slug} %>"><%==$category->{menu_text}%></a><% 
 }
-%></nav>
+%><a href="#" class="search-icon"><img alt="" src="/img/search.svg"/></a></nav>