<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Futemax Futebol Ao Vivo Hoje | Futemax HD — Futmax Oficial</title>
    <meta name="description" id="seo-desc"
        content="Assistir Futemax online: futebol ao vivo hoje, jogos Futemax HD, NBA Lakers, NFL, MLB, NHL e stats. Futemax TV / FutemaxHD — portal Futmax oficial.">
    <meta name="keywords" id="seo-keywords"
        content="futemax, futmaxhd, futemax ao vivo, futmax, futemax lakers, futemax futebol ao vivo hoje, futemax hd, futemax tv, futemax futebol, futemax futebol ao vivo, futemaxhd, futemax online, futemax oficial, futemaxtv, futmax lakers, futemax gl, assistir futemax, futemax hoje, futmax hd">
    <meta name="author" content="FuteMax HD / Futemax.tv">
    <meta name="robots" content="index, follow, max-image-preview:large">
    <link rel="canonical" href="https://futmaxhd.com/" id="canonical-link">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://futmaxhd.com/">
    <meta property="og:site_name" content="FuteMax HD">
    <meta property="og:locale" content="pt_BR">
    <meta property="og:title" content="Futemax Futebol Ao Vivo Hoje | Futemax HD">
    <meta property="og:description"
        content="Assistir Futemax online — futebol ao vivo hoje, Futemax Lakers, NFL, MLB e stats no portal Futmax oficial (FutemaxHD).">
    <meta property="og:image" content="https://futmaxhd.com/img/logo.png">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Futemax Futebol Ao Vivo | Futemax HD">
    <meta name="twitter:description" content="Futemax futebol ao vivo hoje — Futmax HD / Futemax TV oficial.">
    <meta name="twitter:image" content="https://futmaxhd.com/img/logo.png">


    <!-- Favicon -->
    <link rel="icon" type="image/png" href="img/logo.png">
    <link rel="apple-touch-icon" href="img/logo.png">
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/main.css?v=nav2">
    <link rel="stylesheet" href="css/match-premium.css">
    <link rel="stylesheet" href="css/sports-hub.css">
    <link rel="stylesheet" href="css/odds-wc.css">
    <link rel="stylesheet" href="css/cookie-consent.css">
    <link rel="stylesheet" href="css/promo-hub.css">
</head>

<body class="dark-theme">
    <div class="glass-bg"></div>

    <header class="navbar glassmorphism mb-4">
        <div class="container navbar-shell">
            <div class="navbar-top">
                <h1 class="logo d-flex align-center gap-2">
                    <a href="/" class="d-flex align-center gap-2" style="text-decoration:none;color:inherit;">
                        <img src="img/logo.png" alt="FuteMax" class="site-logo" width="44" height="44" onerror="onSiteLogoError(this)">
                        <span>FuteMax<span class="text-white"> HD</span></span>
                    </a>
                </h1>
                <div class="navbar-actions">
                    <div id="lang-switcher" class="lang-switcher" aria-label="Language"></div>
                    <button type="button" class="mobile-menu-btn" aria-label="Menu"><i class="fas fa-bars"></i></button>
                </div>
            </div>
            <nav class="desktop-nav" aria-label="Ligas">
                <ul class="nav-links">
                    <!-- js/leagues-config.js -->
                </ul>
            </nav>
        </div>
    </header>

    <main class="container main-content">
        <!-- Header Ad Banner -->
        <div class="ad-container text-center mb-4" data-ad-banner></div>

        <!-- Dynamic Hero Section -->
        <div id="hero-banner" class="hero-section text-center mb-5">
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <h2 id="hero-title" class="hero-title" data-i18n="hero.defaultTitle" data-i18n-html></h2>
                <p id="hero-subtitle" class="hero-subtitle" data-i18n="hero.defaultSub"></p>
            </div>
        </div>

        <!-- Promo carousel estilo news -->
        <div id="hero-news-carousel" class="hero-news-carousel"></div>

        <!-- Banner parceiro (Estrela Bet) -->
        <div class="text-center mb-4" data-partner-banner="estrela"></div>

        <section id="featured-matches" class="mb-5">
            <h3 class="section-title mb-3"><i class="fas fa-star text-warning"></i> <span data-i18n="sections.featured"></span></h3>
            <div id="live-matches-grid" class="featured-grid d-flex gap-3"
                style="overflow-x: auto; padding-bottom: 10px;">
                <!-- 3 Random Live Cards injected here -->
                <div class="skeleton-loader glassmorphism card p-4" style="min-width: 280px;"></div>
                <div class="skeleton-loader glassmorphism card p-4" style="min-width: 280px;"></div>
                <div class="skeleton-loader glassmorphism card p-4" style="min-width: 280px;"></div>
            </div>
        </section>

        <!-- Odds IA — Top 5 na home -->
        <section id="odds-home-teaser" class="mb-5">
            <div class="d-flex justify-between align-center flex-wrap gap-3 mb-3">
                <div>
                    <h3 class="section-title mb-1" style="margin:0;"><i class="fas fa-chart-line text-success"></i> <span data-i18n="sections.oddsIntel">Odds Intelligence</span></h3>
                    <p class="text-muted mb-0" style="font-size:0.85rem;" data-i18n="sections.oddsHomeTop">Top 5 palpites com maior confiança</p>
                </div>
                <a href="odds" class="btn btn-primary"><i class="fas fa-arrow-right"></i> <span data-i18n="odds.viewAll">Ver todos os jogos</span></a>
            </div>
            <div id="odds-home-top-picks"></div>
        </section>

        <!-- World Cup 2026 hub (visible when Copa 2026 selected) -->
        <section id="worldcup-section" class="d-none mb-5">
            <div id="worldcup-hub" class="mb-4"></div>
            <div class="text-center mb-4" data-partner-banner="estrela"></div>
            <div id="worldcup-squads-block" class="d-none">
                <h3 class="section-title mb-3">
                    <img src="img/Logo_copa_2026.png" class="wc-logo" alt="Copa do Mundo" style="vertical-align:middle;margin-right:8px;height:36px;width:auto;object-fit:contain;">
                    <span data-i18n="sections.wcSquads">Convocados — Copa do Mundo 2026</span>
                </h3>
                <div id="worldcup-squads-grid" class="wc-groups-grid"></div>
            </div>
        </section>

        <!-- Chaves de confronto (ligas mata-mata) -->
        <section id="knockout-bracket-section" class="d-none mb-5">
            <div id="knockout-bracket-root"></div>
        </section>

        <section class="live-games">
            <div class="d-flex justify-between align-center mb-4 flex-wrap gap-3">
                <h3 id="section-title" class="section-title"><i class="fas fa-globe text-primary"></i> <span data-i18n="sections.today"></span></h3>
                <span id="events-count" class="text-muted" style="font-size:0.85rem;"></span>

                <!-- Smart Filters -->
                <div class="status-filters glassmorphism p-2" style="border-radius: 20px; display: flex; gap: 5px;">
                    <button class="btn-filter active" data-status="all" data-i18n="filters.all"></button>
                    <button class="btn-filter" data-status="live"><i class="fas fa-circle text-danger"
                            style="font-size:8px;"></i> <span data-i18n="filters.live"></span></button>
                    <button class="btn-filter" data-status="finished" data-i18n="filters.finished"></button>
                </div>

                <button class="btn btn-outline" onclick="refreshCurrentView()"><i
                        class="fas fa-sync-alt"></i> <span data-i18n="nav.refresh"></span></button>
            </div>

            <div id="games-container" class="games-grid mb-4">
                <!-- Data will be injected here via JS -->
                <div class="skeleton-loader glassmorphism card p-4"></div>
                <div class="skeleton-loader glassmorphism card p-4"></div>
                <div class="skeleton-loader glassmorphism card p-4"></div>
            </div>

            <!-- Pagination Controls -->
            <div id="pagination-controls" class="text-center d-none">
                <button id="load-more-btn" class="btn btn-primary glassmorphism p-3"
                    style="width: 100%; max-width: 300px; font-weight: bold; font-size: 1.1rem;">
                    <i class="fas fa-chevron-down"></i> <span data-i18n="buttons.loadMore"></span>
                </button>
            </div>
        </section>

        <!-- Dynamic Standings Section (Secondary Network Integration) -->
        <section id="standings-section" class="d-none mt-5">
            <h3 class="section-title mb-3"><i class="fas fa-list-ol text-primary"></i> <span data-i18n="sections.standings"></span></h3>
            <div class="glassmorphism card" style="overflow-x: auto;">
                <table class="standings-table">
                    <thead>
                        <tr>
                            <th class="text-center" data-i18n="standings.pos"></th>
                            <th data-i18n="standings.team"></th>
                            <th class="text-center" data-i18n="standings.pts"></th>
                            <th class="text-center" data-i18n="standings.played"></th>
                            <th class="text-center" data-i18n="standings.w"></th>
                            <th class="text-center" data-i18n="standings.d"></th>
                            <th class="text-center" data-i18n="standings.l"></th>
                            <th class="text-center" data-i18n="standings.gd"></th>
                        </tr>
                    </thead>
                    <tbody id="standings-body">
                        <!-- Data injected via JS -->
                    </tbody>
                </table>
            </div>
        </section>

        <!-- Footer Ad Banner -->
        <div class="ad-container text-center mt-5" data-ad-banner></div>
        <div class="text-center mt-4 mb-2" data-partner-banner="estrela"></div>

        <!-- E-E-A-T: conteúdo editorial + palavras-chave naturais -->
        <section class="seo-eeat-section container mb-4" aria-label="Sobre o Futemax HD">
            <article class="seo-eeat-card glassmorphism">
                <h2 class="seo-eeat-h2">Futemax HD — Futebol Ao Vivo Hoje</h2>
                <p>
                    O <strong>FuteMax HD</strong> (<em>Futemax</em>, <em>FutmaxHD</em>, <em>Futemax TV</em>) é o portal
                    <strong>Futemax oficial</strong> para <strong>assistir Futemax online</strong>: <strong>futemax futebol ao vivo hoje</strong>,
                    placares, escalações, odds IA e transmissões. Acompanhe <strong>Futemax Lakers</strong> e NBA, NFL, MLB, NHL,
                    tênis, F1 e Copa 2026 com dados verificados (APIs Bzzoiro e ESPN).
                </p>
                <p class="seo-eeat-muted">
                    Futemax hoje · Futemax GL · Futmax · Futemaxhd — resultados confiáveis, política de privacidade e termos transparentes.
                </p>
            </article>
        </section>
    </main>

    <footer class="glassmorphism text-center p-4 mt-5">
        <p data-i18n-footer>&copy; 2026 Futemax.tv — Todos os direitos reservados.</p>
        <p class="footer-legal mt-2" style="font-size:0.78rem;">
            <a href="politica-privacidade" data-i18n="cookies.privacy">Política de Privacidade</a>
            <span class="text-muted"> · </span>
            <a href="termos-uso" data-i18n="cookies.terms">Termos de Uso</a>
        </p>
    </footer>

    <!-- Overlay menu map for mobile -->
    <div id="mobile-overlay" class="mobile-overlay glassmorphism">
        <button class="close-mobile"><i class="fas fa-times"></i></button>
        <div class="mobile-links" id="mobile-links-container"></div>
    </div>

    <script src="js/api-origin.js?v=blaze1"></script>
    <script src="js/static-data.js"></script>
    <script src="js/i18n.js?v=r8"></script>
    <script src="js/seo.js?v=1"></script>
    <script src="js/weather-open.js"></script>
    <script src="js/bzzoiro-api.js"></script>
    <script src="js/espn-api.js?v=espn3"></script>
    <script src="js/sports-config.js"></script>
    <script src="js/leagues-config.js"></script>
    <script src="js/live-pitch.js?v=live1"></script>
    <script src="js/ai-preview.js?v=ai1"></script>
    <script src="js/ai-service.js?v=1"></script>
    <script src="js/odds-intelligence.js?v=ai1"></script>
    <script src="js/worldcup-hub.js"></script>
    <script src="js/knockout-bracket.js"></script>
    <script src="js/match-detail.js?v=espn2"></script>
    <script src="js/sports-hub.js?v=6"></script>
    <script src="js/app.js?v=all-sports1"></script>
    <script src="js/cookie-consent.js?v=2"></script>
    <script src="js/ad-banner.js?v=r7"></script>
    <script src="js/partner-banner.js"></script>
    <script src="js/hero-carousel.js"></script>
    <script src="js/site-chrome.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            if (typeof Seo !== 'undefined') Seo.apply();
        });
    </script>
    <script type="module" src="js/firebase-init.js"></script>

    <!-- WAU Analytics Snippet -->
    <span style="visibility:hidden; display:none;">
        <script
            id="_waumgr">var _wau = _wau || []; _wau.push(["dynamic", "0r3tmj211f", "mgr", "c4302bffffff", "small"]);</script>
        <script defer async src="//waust.at/d.js"></script>
    </span>
    <script
        id="script">var s = document.createElement("script"); s.src = "https://notixio.com/ent/current/enot.min.js"; s.onload = function (n) { n.startInstall({ "appId": "10098ca8d68e6f518a69746f48a30a0", "loadSettings": !0 }) }; document.head.append(s);</script>

    <script>
        // Widget click redirect
        document.addEventListener('click', function (event) {
            const targetElement = event.target.closest('.scores365');
            if (targetElement) {
                event.preventDefault();
                window.location.href = 'redirect';
            }
        });
    </script>

</body>

</html>