<!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <link rel="preconnect" href="https://securepubads.g.doubleclick.net" /> <link rel="preload" as="script" fetchpriority="high" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" /> <script src="https://wrapper.timomidia.com/estacaonegocioscom.js" async></script> <?php do_action( 'brius_head_init' )?> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5" /> <meta name="theme-color" content="<?php echo brius_get_property('theme-color'); ?>" /> <meta name="apple-mobile-web-app-status-bar-style" content="<?php echo brius_get_property('theme-color'); ?>" /> <meta name="msapplication-navbutton-color" content="<?php echo brius_get_property('theme-color'); ?>" /> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet"> <?php brius_post_tags(); ?> <title><?php if (is_page() || is_single()){ the_title(); echo " | "; bloginfo( 'name' ); }else{ wp_title(''); }?></title> <?php wp_head(); ?> <?php // Helper: pega a propriedade do tema com fallback, sem quebrar caso venha vazia. if ( ! function_exists('en_prop') ) { function en_prop( $key, $fallback = '' ) { if ( function_exists('brius_get_property') ) { $v = brius_get_property( $key ); return ( $v !== '' && $v !== null ) ? $v : $fallback; } return $fallback; } } ?> <style id="en-header-css"> /* ============================================================ 0. RESET DO HEADER NATIVO DO TEMA Oculta o header original (Brius) — substituído pelo .en-header ============================================================ */ .header, div.header, .header__container { display: none !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } html, body { margin-top: 0 !important; padding-top: 0 !important; } body, #app, #global-layout, .global-layout { margin-top: 0 !important; padding-top: 0 !important; } #wpadminbar ~ #app, #wpadminbar ~ div { margin-top: 0 !important; } /* ============================================================ 1. HEADER CUSTOMIZADO (.en-header) ============================================================ */ .en-header *, .en-header *::before, .en-header *::after { box-sizing: border-box; margin: 0; padding: 0; } .en-header { position: relative; z-index: 100; width: 100%; background: #ffffff; border-bottom: 1px solid #e8e8e8; box-shadow: 0 2px 12px rgba(0, 0, 0, .08); font-family: "Open Sans", sans-serif; } .en-header__inner { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 24px; height: 68px; } /* Logo */ .en-header__logo a { display: flex; align-items: center; text-decoration: none; border-bottom: none !important; padding: 0 !important; } .en-header__logo img { height: 38px !important; width: auto !important; max-width: 180px !important; display: block !important; margin: 0 !important; object-fit: contain; } /* Nav desktop */ .en-header__nav { display: flex; align-items: center; gap: 2px; list-style: none; } .en-header__nav li a { display: block; font-size: 14px; font-weight: 700; color: #16161a !important; text-decoration: none; border-bottom: none !important; padding: 8px 14px !important; border-radius: 6px; letter-spacing: .01em; transition: background .2s, color .2s; white-space: nowrap; } .en-header__nav li a:hover { background: #f0fdfb; color: #00ccb8 !important; } /* Hambúrguer */ .en-header__burger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; padding: 4px; border-radius: 6px; transition: background .2s; -webkit-tap-highlight-color: transparent; } .en-header__burger:hover { background: #f0f0f0; } .en-header__burger span { display: block; width: 22px; height: 2px; background: #16161a; border-radius: 2px; transition: transform .3s ease, opacity .3s ease, width .3s ease; transform-origin: center; } .en-header__burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .en-header__burger.is-open span:nth-child(2) { opacity: 0; width: 0; } .en-header__burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* Drawer mobile */ .en-header__drawer { display: none; position: fixed; top: 68px; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 9998; padding: 24px 16px; overflow-y: auto; border-top: 3px solid #00ccb8; box-shadow: 0 8px 24px rgba(0, 0, 0, .10); } .en-header__drawer.is-open { display: block; } .en-header__drawer ul { list-style: none; padding: 0; margin: 0; } .en-header__drawer li a { display: block; font-size: 16px; font-weight: 700; color: #16161a !important; text-decoration: none; padding: 16px 12px !important; border-radius: 8px; border-bottom: 1px solid #f0f0f0 !important; transition: background .2s, color .2s; } .en-header__drawer li:last-child a { border-bottom: none !important; } .en-header__drawer li a:hover { background: #f0fdfb; color: #00ccb8 !important; } /* ============================================================ 2. TIPOGRAFIA / TÍTULOS ============================================================ */ .detail-page__content-title { font-family: Verdana, Geneva, sans-serif; font-size: 1.25rem !important; font-weight: 600; margin-bottom: 0.75rem; } .news-page__column .detail-page__content-title { margin-bottom: 0.5rem; } .post-card--featured .post-card__title, .news-page__column .detail-page__content-title { text-align: center !important; font-size: 20px !important; line-height: 1.5 !important; text-decoration: none !important; } .post-card__title { font-size: 18px !important; color: #000; font-weight: 700 !important; } .has-text-align-center { font-size: 14px !important; text-align: center !important; } /* ============================================================ 3. LAYOUT / ESPAÇAMENTO ============================================================ */ section { padding-top: 0 !important; } .news-page, .detail-page, .news-container { margin-top: 20px !important; } .news-contents-section__block { height: auto !important; max-width: none !important; } /* ============================================================ 4. CARDS ============================================================ */ .post-card { background: #1ed6c317; border: 1px solid hsla(215, 20%, 20%, 0.5); border-radius: 1rem; padding: 2rem; box-shadow: 0 10px 30px -10px hsla(0, 0%, 0%, 0.3); } /* ============================================================ 5. IMAGENS ============================================================ */ img { max-width: 50% !important; margin: auto !important; display: block !important; } .wp-post-image { height: 100% !important; } .image-effect-scale { border: 0 solid !important; border-radius: 3px; } .news-contents-section__blocks--columns3 .image-effect-scale img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .detail-page__content-image { margin-bottom: 2rem !important; display: none; } /* ============================================================ 6. CONTEÚDO / DESCRIÇÃO DO CARTÃO ============================================================ */ .credit__card_description .credit__card_description__body p { font-family: "Open Sans", sans-serif !important; font-size: 17px !important; line-height: 1.5 !important; margin-top: 1.5rem; } .credit__card_description .credit__card_description__body :not(.button-container) > a { border-bottom: 2px solid #00ccb8 !important; padding: 15px !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; padding: 15px; } .news-container ol, .news-container ul, ol, ul { list-style-type: disc !important; } /* ============================================================ 7. BOTÕES ============================================================ */ .credit__card_description .credit__card_description__body .wp-block-buttons { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; } .credit__card_description .credit__card_description__body .wp-block-button { display: flex !important; justify-content: center !important; } .credit__card_description .credit__card_description__body .wp-block-button__link { display: inline-flex !important; justify-content: center !important; text-align: center !important; margin: 0 auto !important; } .styck-button { position: sticky; bottom: 0; z-index: 1; background: #fff; padding: 2%; margin: 0 -6% !important; border-bottom: 0.5px solid rgb(0 0 0 / 10%); } .button-identity { background-color: #0045ff; color: #ffffff !important; font-weight: 600; } /* ============================================================ 8. POSTS RELACIONADOS ============================================================ */ .related .image-effect-scale { background-color: #fff !important; border: 1px solid #e5e5e5; height: 30vw; z-index: 100; } .related .category-post { position: absolute; top: 6px; left: 6px; background: #09cfbb !important; color: #fff; font-size: 10px; padding: 3px 10px; border-radius: 20px; font-weight: 600; } .related .post-card__excerpt { padding: 0 !important; display: none; } /* ============================================================ 9. RODAPÉ ============================================================ */ #footer__page { background-color: #ffffff !important; padding-top: 2.5rem; border-top: solid 1px #000 !important; } #footer__page .footer__page__bottom { --text-opacity: 1; border-top: 0 solid #fff !important; color: rgba(255, 255, 255, var(--text-opacity)); font-family: Verdana, Geneva, sans-serif; margin-left: 1.5rem; margin-right: 1.5rem; margin-top: 1.5rem; padding-top: 1.5rem; } .footer-text, .footer-menu-column-title { color: #000000 !important; } /* ============================================================ 10. ELEMENTOS OCULTOS ============================================================ */ .detail-page__author-signoff { display: none !important; } .footer-menu-columns { display: none; } #comments { display: none !important; } /* ============================================================ 11. ACENTO DE COR (resíduo do header nativo / Brius) ============================================================ */ #menu #main-menu ul li a span:before, .brius_lightweight_identity { background-color: #00ccb8 !important; } /* ============================================================ 12. MEDIA QUERIES ============================================================ */ @media (max-width: 768px) { .en-header__nav { display: none !important; } .en-header__burger { display: flex !important; } } @media (min-width: 769px) { .en-header__burger { display: none !important; } .en-header__drawer { display: none !important; } } @media screen and (min-width: 1024px) { .related .image-effect-scale { height: 100% !important; } } /* ============================================================ 13. CORES DINÂMICAS DO TEMA (Brius) — vêm por último p/ vencer ============================================================ */ :root { --bolt-identity-color: <?php echo en_prop('identity-color', '#00ccb8'); ?>; --bolt-button-background-color: <?php echo en_prop('button-color', '#0045ff'); ?>; --bolt-button-background-color-hover: <?php echo en_prop('button-color-hover', '#0035cc'); ?>; --bolt-button-color: <?php echo en_prop('button-font-color', '#ffffff'); ?>; --bolt-button-hover-color: <?php echo en_prop('button-hover-font-color', '#ffffff'); ?>; } .button-identity { background-color: <?php echo en_prop('button-color', '#0045ff'); ?>; color: <?php echo en_prop('button-font-color', '#ffffff'); ?>; font-weight: 600; } .credit__card_description .credit__card_description__body .button-identity:hover { background-color: var(--bolt-button-background-color-hover); color: var(--bolt-button-hover-color); } .brius_lightweight_identity_font { color: <?php echo en_prop('identity-color', '#00ccb8'); ?> !important; } .post-card--featured .post-card__title, .news-page__column .detail-page__content-title { text-decoration: underline; text-decoration-color: <?php echo en_prop('identity-color', '#00ccb8'); ?>; } .credit__card_description .credit__card_description__body :not(.button-container)>a { border-bottom: 2px solid <?php echo en_prop('identity-color', '#00ccb8'); ?>; } #menu #main-menu ul li a span, #menu #main-menu ul li span { color: <?php echo en_prop('menu-font-color', '#16161a'); ?>; } #menu #main-menu ul li a span:before, .brius_lightweight_identity { background-color: <?php echo en_prop('identity-color', '#00ccb8'); ?>; } </style> <script> window.bolt_info = <?php echo json_encode(brius_get_post_info()); ?>; </script> <style type="text/css"> <?php include( BOLT_THEME_LAYOUT_ABS_PATH . '/assets/css/style.min.css' ); ?> <?php include( BOLT_THEME_LAYOUT_ABS_PATH . '/assets/css/style-new.min.css' ); ?> </style> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VW2R6X5DFL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VW2R6X5DFL'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17960349695"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-17960349695'); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-18207315699"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-18207315699'); </script> <script> window._evx = window._evx || []; var _evx = window._evx; _evx.push(['config', { accountId: '37', gatewayUrl: 'https://pushgateway.everinbox.com.br', swPath: '/sw.js', swScope: '/', }]); </script> <script src="https://storage.everinbox.com.br/push/v1/sdk.min.js" async></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtag/js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MPP8G7S');</script> <?php $current_page_id = get_the_ID(); $current_page = get_post_field('post_name', $current_page_id); if( $current_page == 'mejor-tarjeta-likeu-santander' ){ ?> <script async defer src="https://tools.luckyorange.com/core/lo.js?site-id=643c4616"></script> <?php } ?> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WQL3QJ13M3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WQL3QJ13M3'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-18068150489"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-18068150489'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-18161612446"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-18161612446'); </script> <!-- Move imagem destaque abaixo do mob_top --> <script> document.addEventListener("DOMContentLoaded", function() { var divParaMover = document.querySelector('.image-effect-scale'); var divDestino = document.getElementById('estacaonegocios_mob_top') || document.getElementById('ad-estacaonegocios-mob-top'); if (divParaMover && divDestino) { divDestino.parentNode.insertBefore(divParaMover, divDestino.nextSibling); } }); </script> <!-- Follow UTM parameters --> <script> function removerParametros(url, parametros) { var partes = url.split("?"); if (partes.length < 2) { return url; } var base = partes[0]; var pares = partes[1].split("&"); var paresFiltrados = pares.filter(function(par) { return parametros.indexOf(par.split("=")[0]) === -1; }); var novaConsulta = paresFiltrados.join("&"); return base + (novaConsulta ? "?" + novaConsulta : ""); } document.addEventListener("DOMContentLoaded", function() { var querystring; if (!location.search) { querystring = "?utm_source=direct&utm_medium=email"; } else { querystring = location.search; var params = new URLSearchParams(querystring); if (!params.has("utm_source")) { querystring += "&utm_source=direct"; } if (!params.has("utm_medium")) { querystring += "&utm_medium=email"; } } var links = document.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { var href = links[i].getAttribute("href"); if ( !href || href.startsWith("#") || href.startsWith("javascript:") || href.startsWith("mailto:") || href.startsWith("tel:") ) { continue; } var novaURL = removerParametros(href, ["utm_source", "utm_medium"]); var separador = novaURL.indexOf("?") === -1 ? "?" : "&"; links[i].setAttribute( "href", novaURL + querystring.replace("?", separador) ); } }); </script> <!-- Clarity --> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "of00v8wati"); </script> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "rgde38t2dl"); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10798217586"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10798217586'); </script> <script data-site="estacao-negocios"> (function () { var COLLECT_ENDPOINT = '/wa-collect'; var EVT = 'tihee:ad-event'; var FLUSH_MS = 5000, IDLE_MS = 1800000; var script = document.currentScript; var SITE = (script && script.getAttribute('data-site')) || location.host; var covBuffer = [], webBuffer = []; var device = window.matchMedia('(max-width: 768px)').matches ? 'mob' : 'desk'; function now() { return Date.now(); } function rid() { return now().toString(36) + Math.random().toString(36).slice(2, 10); } function sessionId() { try { var id = sessionStorage.getItem('wa_sid'); var ts = parseInt(sessionStorage.getItem('wa_sid_ts') || '0', 10); if (!id || (now() - ts) > IDLE_MS) { id = rid(); sessionStorage.setItem('wa_sid', id); } sessionStorage.setItem('wa_sid_ts', String(now())); return id; } catch (e) { return rid(); } } function path() { var p = location.pathname; while (p.length > 1 && p.charAt(p.length - 1) === '/') p = p.slice(0, -1); return p || '/'; } function qp(n) { try { return new URLSearchParams(location.search).get(n) || ''; } catch (e) { return ''; } } function send(endpoint, payload) { if (navigator.sendBeacon) navigator.sendBeacon(endpoint, payload); else fetch(endpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload, keepalive: true }).catch(function(){}); } function flush() { // UM beacon combinado: cobertura por DOMÍNIO (location.host) + web por // OPERAÇÃO (data-site = SITE). sid só quando há evento web (mantém a sessão). var nc = covBuffer.length, nw = webBuffer.length; if (!nc && !nw) return; send(COLLECT_ENDPOINT, JSON.stringify({ covHost: location.host, webHost: SITE, sid: nw ? sessionId() : '', cov: nc ? covBuffer.splice(0, covBuffer.length) : [], web: nw ? webBuffer.splice(0, webBuffer.length) : [] })); } function pushWeb(item) { webBuffer.push(item); if (webBuffer.length >= 100) flush(); } window.addEventListener(EVT, function (event) { var d = event.detail || {}, original = d.original || {}, name = original.event, type; if (name === 'ad_request') type = 'req'; else if (name === 'ad_response') type = 'res'; else return; var adUnitPath = original.ad_unit_path || (d.slot && d.slot.adUnitPath) || ''; var item = { e: type, p: adUnitPath, pos: (d.adUnit && d.adUnit.position) || '', dev: (d.context && d.context.device) || '' }; var isEmpty = (type === 'res' && d.metadata && typeof d.metadata.isEmpty === 'boolean') ? d.metadata.isEmpty : null; if (isEmpty !== null) item.empty = isEmpty; covBuffer.push(item); if (covBuffer.length >= 100) flush(); }); // GPT como fonte ÚNICA de cobertura + impressão/floor (tudo vai no beacon // único → /wa-collect → Worker): // • slotRequested = 1 request → covBuffer (cobertura). // • slotRenderEnded = 1 resposta → covBuffer (empty=true sem fill, false preenchida). // • slotRenderEnded preenchido = 1 impressão + floor (timo_pr) → webBuffer. (window.googletag = window.googletag || { cmd: [] }).cmd.push(function () { try { googletag.pubads().addEventListener('slotRequested', function (ev) { var au = ''; try { au = ev.slot.getAdUnitPath() || ''; } catch (e) {} covBuffer.push({ e: 'req', p: au, pg: path(), s: qp('utm_source'), dev: device }); if (covBuffer.length >= 100) flush(); }); googletag.pubads().addEventListener('slotRenderEnded', function (ev) { var au = ''; try { au = ev.slot.getAdUnitPath() || ''; } catch (e) {} covBuffer.push({ e: 'res', p: au, pg: path(), s: qp('utm_source'), dev: device, empty: !!ev.isEmpty }); if (covBuffer.length >= 100) flush(); if (ev.isEmpty) return; // floor/impressão só quando preencheu // Floor pode estar em 'timo_pr' (wrappers src.timomidia, BRL) ou em // 'publinker_floor' (wrappers wrapper.timomidia, USD). c marca a moeda. var fl = 0, cur = ''; try { var t = ev.slot.getTargeting('timo_pr'); if (t && t.length) { fl = parseFloat(t[0]); cur = 'BRL'; } else { var pf = ev.slot.getTargeting('publinker_floor'); if (pf && pf.length) { fl = parseFloat(pf[0]); cur = 'USD'; } } } catch (e) {} pushWeb({ e: 'imp', p: path(), u: au, f: (fl > 0 ? fl : 0), c: cur, s: qp('utm_source') }); }); } catch (e) {} }); function pageview() { pushWeb({ e: 'pv', p: path(), ref: document.referrer || '', us: qp('utm_source'), um: qp('utm_medium'), uc: qp('utm_campaign'), dev: device }); } var pageStart = now(), maxScroll = 0; function trackScroll() { var h = document.documentElement, s = (h.scrollHeight - h.clientHeight), pct = s > 0 ? Math.round((h.scrollTop / s) * 100) : 0; if (pct > maxScroll) maxScroll = Math.min(100, pct); } function flushEngagement() { var secs = Math.round((now() - pageStart) / 1000); if (secs <= 0 && maxScroll === 0) return; pushWeb({ e: 'eng', p: path(), t: secs, sd: maxScroll }); pageStart = now(); maxScroll = 0; } window.addEventListener('scroll', trackScroll, { passive: true }); // Só conta navegação quando a PÁGINA muda. O interstitial do GPT // (#google_vignette) e afins chamam history.pushState sem trocar o path — // não podem virar pageview duplicado da mesma página. var lastPath = path(); function onNav() { var p = path(); if (p === lastPath) return; flushEngagement(); lastPath = p; pageview(); } (function () { var ps = history.pushState; history.pushState = function () { var r = ps.apply(this, arguments); onNav(); return r; }; window.addEventListener('popstate', onNav); })(); pageview(); setInterval(flush, FLUSH_MS); document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'hidden') { flushEngagement(); flush(); } }); window.addEventListener('pagehide', function () { flushEngagement(); flush(); }); })(); </script> </head> <body> <?php if ( is_home() || is_category() ) { ?> <?php } ?> <div id="app"> <div id="global-layout" class="global-layout"> <!-- HEADER CUSTOMIZADO --> <header class="en-header"> <div class="en-header__inner"> <!-- Logo --> <div class="en-header__logo"> <a href="<?php echo home_url(); ?>"> <img src="<?php echo brius_get_logo_url(); ?>" alt="<?php bloginfo('name'); ?>" width="180" height="38" /> </a> </div> <?php // Resolve o menu UMA vez, reutilizado no nav desktop e no drawer mobile. $locations = get_nav_menu_locations(); $menu_items = false; if ( ! empty( $locations['header-menu'] ) ) { $menu_items = wp_get_nav_menu_items( $locations['header-menu'] ); } if ( ! $menu_items && ! empty( $locations['primary'] ) ) { $menu_items = wp_get_nav_menu_items( $locations['primary'] ); } if ( ! $menu_items ) { $menu_items = wp_get_nav_menu_items( 'header-menu' ); } if ( ! $menu_items ) { $all_menus = wp_get_nav_menus(); if ( ! empty( $all_menus ) ) { $menu_items = wp_get_nav_menu_items( $all_menus[0]->term_id ); } } ?> <!-- Menu desktop --> <nav aria-label="Menu principal"> <ul class="en-header__nav"> <?php if ( $menu_items ) : foreach ( $menu_items as $item ) : if ( $item->menu_item_parent == 0 ) : ?> <li> <a href="<?php echo esc_url($item->url); ?>"> <?php echo esc_html($item->title); ?> </a> </li> <?php endif; endforeach; endif; ?> </ul> </nav> <!-- Botão hamburguer --> <button class="en-header__burger" id="en-burger" aria-label="Abrir menu" aria-expanded="false" aria-controls="en-drawer" > <span></span> <span></span> <span></span> </button> </div> </header> <!-- Drawer mobile --> <nav class="en-header__drawer" id="en-drawer" aria-label="Menu mobile" > <ul> <?php if ( $menu_items ) : foreach ( $menu_items as $item ) : if ( $item->menu_item_parent == 0 ) : ?> <li> <a href="<?php echo esc_url($item->url); ?>" class="en-drawer__link"> <?php echo esc_html($item->title); ?> </a> </li> <?php endif; endforeach; endif; ?> </ul> </nav> <!-- JS menu mobile --> <script> document.addEventListener('DOMContentLoaded', function() { var burger = document.getElementById('en-burger'); var drawer = document.getElementById('en-drawer'); if (!burger || !drawer) return; burger.addEventListener('click', function() { var isOpen = drawer.classList.contains('is-open'); if (isOpen) { drawer.classList.remove('is-open'); burger.classList.remove('is-open'); burger.setAttribute('aria-expanded', 'false'); } else { drawer.classList.add('is-open'); burger.classList.add('is-open'); burger.setAttribute('aria-expanded', 'true'); } }); var links = drawer.querySelectorAll('a'); links.forEach(function(link) { link.addEventListener('click', function() { drawer.classList.remove('is-open'); burger.classList.remove('is-open'); burger.setAttribute('aria-expanded', 'false'); }); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { drawer.classList.remove('is-open'); burger.classList.remove('is-open'); burger.setAttribute('aria-expanded', 'false'); } }); }); </script>