MUNDIAL
2026

document.addEventListener(«DOMContentLoaded», () => { const wrapper = document.querySelector(«.hostinger-ai-menu-wrapper»); if (!wrapper) return; /* ELEMENTOS ORIGINALES */ const logoSection = wrapper.querySelector(«.wp-block-group.is-nowrap»); const navWrapper = wrapper.querySelector(«.hostinger-ai-site-navigation-wrapper»); const searchForm = document.querySelector(«.search-form»); const account = document.querySelector(«.wp-block-woocommerce-customer-account»); const cart = document.querySelector(«.wc-block-mini-cart»); /* ========================= TOP BAR ========================== */ const topBar = document.createElement(«div»); topBar.className = «custom-top-bar»; const leftArea = document.createElement(«div»); leftArea.className = «custom-left-area»; const rightMenu = document.createElement(«div»); rightMenu.className = «custom-right-menu»; /* LINK PEDIDOS */ const ordersLink = document.createElement(«a»); ordersLink.href = «https://gray-crane-458008.hostingersite.com/mi-cuenta/orders/»; ordersLink.innerText = «Pedidos»; /* INSERTAR */ wrapper.prepend(topBar); topBar.appendChild(leftArea); topBar.appendChild(rightMenu); /* IZQUIERDA */ if (logoSection) leftArea.appendChild(logoSection); if (searchForm) leftArea.appendChild(searchForm); /* DERECHA */ if (account) rightMenu.appendChild(account); rightMenu.appendChild(ordersLink); if (cart) rightMenu.appendChild(cart); /* ========================= MENU ABAJO ========================== */ const menuContainer = document.createElement(«div»); menuContainer.className = «custom-menu-below-logo»; wrapper.appendChild(menuContainer); if (navWrapper) { menuContainer.appendChild(navWrapper); } /* ========================= ESTILOS ========================== */ wrapper.style.display = «flex»; wrapper.style.flexDirection = «column»; wrapper.style.width = «100%»; /* TOP */ topBar.style.display = «flex»; topBar.style.justifyContent = «space-between»; topBar.style.alignItems = «center»; topBar.style.width = «100%»; topBar.style.padding = «10px 0»; /* LEFT */ leftArea.style.display = «flex»; leftArea.style.alignItems = «center»; leftArea.style.gap = «25px»; /* RIGHT */ rightMenu.style.display = «flex»; rightMenu.style.alignItems = «center»; rightMenu.style.gap = «25px»; /* PEDIDOS */ ordersLink.style.textDecoration = «none»; ordersLink.style.color = «inherit»; ordersLink.style.fontWeight = «600»; /* SEARCH */ if (searchForm) { searchForm.style.display = «flex»; searchForm.style.alignItems = «center»; searchForm.style.gap = «10px»; const input = searchForm.querySelector(«.search-field»); const button = searchForm.querySelector(«.search-submit»); if (input) { input.style.padding = «10px 14px»; input.style.borderRadius = «12px»; input.style.border = «1px solid #ccc»; input.style.minWidth = «260px»; } if (button) { button.style.padding = «10px 18px»; button.style.borderRadius = «12px»; button.style.border = «none»; button.style.cursor = «pointer»; } } /* MENU ABAJO */ menuContainer.style.width = «100%»; menuContainer.style.display = «flex»; menuContainer.style.justifyContent = «center»; menuContainer.style.marginTop = «15px»; const navList = menuContainer.querySelector(«.wp-block-navigation__container»); if (navList) { navList.style.display = «flex»; navList.style.justifyContent = «center»; navList.style.alignItems = «center»; navList.style.gap = «30px»; navList.style.flexWrap = «wrap»; } }); document.addEventListener(«DOMContentLoaded», () => { const style = document.createElement(«style»); style.innerHTML = ` :root :where(.is-layout-grid) { gap: 0 !important; } `; document.head.appendChild(style); });