<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="preconnect" href="https://wrappers.highleverage.dev" crossorigin>
        <link rel="preconnect" href="https://securepubads.g.doubleclick.net" crossorigin>
        <link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
        <link rel="preload" href="https://wrappers.highleverage.dev/assets/wrappers/sefanatics.com.js" as="script">
        <link rel="preload" href="https://wrappers.highleverage.dev/assets/wrappers/modal.js" as="script">
        <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
        <script src="https://wrappers.highleverage.dev/assets/wrappers/modal.js"></script>
        <script src="https://wrappers.highleverage.dev/assets/wrappers/sefanatics.com.js"></script>
        <script>
            (function () {
                document.addEventListener("DOMContentLoaded", function () {
                    // Função para verificar se o usuário está em um dispositivo desktop
                    function isDesktop() {
                        return window.innerWidth >= 1024; // Ajuste este valor conforme o breakpoint desejado
                    }

                    // Função para atualizar as divs de anúncios para a versão desktop
                    function updateAdDivsForDesktop() {
                        var adDivs = document.querySelectorAll(".hs-ad");

                        // Configurações para anúncios desktop (em sequência)
                        var desktopAds = [
                            {
                                hsCode: "sefanatics_v2_desktop_top_{source}",
                                hsSizes: "[[300,250],[336,280],[728,90]]",
                            },
                            {
                                hsCode: "sefanatics_v2_desktop_mid1_{source}",
                                hsSizes: "[[300,250],[336,280]]",
                            },
                            {
                                hsCode: "sefanatics_v2_desktop_mid2_{source}",
                                hsSizes: "[[300,250],[336,280]]",
                            },
                        ];

                        // Atualiza cada div de anúncio com a configuração correspondente
                        adDivs.forEach(function (adDiv, index) {
                            if (desktopAds[index]) {
                                adDiv.setAttribute("hs-code", desktopAds[index].hsCode);
                                adDiv.setAttribute("hs-sizes", desktopAds[index].hsSizes);
                            }
                        });
                    }

                    // Verificação inicial ao carregar a página
                    if (isDesktop()) {
                        updateAdDivsForDesktop();
                    }
                });
            })();
        </script>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Sefanatics - Driven by data, powered by insight.</title>
        <link rel="canonical" href="https://sefanatics.com/">
        <meta name="description" content="Sefanatics - Driven by data, powered by insight.">
        <meta property="og:title" content="Sefanatics - Driven by data, powered by insight.">
        <meta property="og:description" content="Sefanatics - Driven by data, powered by insight.">
        <meta property="og:image" content="https://sefanatics.com/public/img/logo.svg">
        <meta property="og:url" content="https://sefanatics.com/">
        <meta property="og:type" content="website">
        <meta property="og:locale" content="en">
        <link rel="stylesheet" href="/public/css/index.css">
        <!-- async CSS (optionally increase loading priority with fetchpriority="high") -->
        <link
            rel="stylesheet"
            href="https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&amp;display=swap"
            media="print"
            onload="this.onload=null;this.removeAttribute('media');"
            fetchpriority="high"
        >
        <!-- no-JS fallback -->
        <noscript>
            <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&amp;display=swap">
        </noscript>
        <script>
            //enviroment constants
            const ENVIROMENT_CONSTANTS = {
                SHOW_IFRAMES: true,
            }
        </script>
        <!-- custom headers -->
    </head>
    <body>
        <header class="site-header">
            <div class="container header-container">
                <a href="/" class="logo">
                    <img src="/public/img/logo.svg" style="height: 35px;">
                </a>
                <nav class="main-nav">
                    <!-- Mobile Search Form -->
                    <form class="mobile-search-form search-form" id="search-form">
                        <input
                            type="text"
                            id="search-input-mobile"
                            placeholder="Search..."
                            aria-label="Search"
                        >
                        <button type="submit" id="search-btn-mobile">Search</button>
                    </form>
                    <ul>
                        <li class="menu__item ml-md-3"><a class="menuLink" href="/">Home</a></li>
<li class="menu__item ml-md-3"><a class="menuLink" href="/c/market-analysis/">Market Analysis</a></li>
<li class="menu__item ml-md-3"><a class="menuLink" href="/c/financial-planning/">Financial Planning</a></li>
<li class="menu__item ml-md-3"><a class="menuLink" href="/c/credit-and-loans/">Credit & Loans</a></li>
<li class="menu__item ml-md-3"><a class="menuLink" href="/c/investment-opportunities/">Investment Opportunities</a></li>
                    </ul>
                </nav>
                <!-- Desktop Search Form -->
                <div class="header-search">
                    <form class="search-form" id="search-form-desktop" aria-label="search form">
                        <input
                            type="text"
                            id="search-input-desktop"
                            placeholder="Search..."
                            aria-label="Search"
                        >
                        <button type="submit" id="search-btn-desktop">Search</button>
                    </form>
                </div>
                <button class="mobile-menu-toggle" aria-label="Abrir menu">☰</button>
            </div>
        </header>
        <!-- Your body content goes here -->
        <div style="background-color: white;" id="tradingview-ticker-tape"></div>
<div style="background-color: white;" id="tradingview-ticker-tape"></div>
<main class="site-main container">
    <div class="main-grid">
        <section class="featured-content">
            <article class="featured-article">
    <a href="/p/from-seeds-to-startups-agribusiness-potential/">
        <div class="featured-image">
            <div class="image-container">
                <img src="https://cdn.sefanatics.com/800/400/70/sefanatics.com/1755807236713-be0afb4375997.png" alt="From Seeds to Startups: Agribusiness Potential" loading="lazy">
            </div>
        </div>
        <div class="featured-info">
            <h2>
                From Seeds to Startups: Agribusiness Potential
            </h2>
        </div>
    </a>
</article>

            <section class="posts-grid">
                <article class="post-card">
    <a href="/p/portfolio-protection-insulating-against-market-downturns/">
        <div class="image-container">
            <img src="https://cdn.sefanatics.com/250/125/70/sefanatics.com/1755807209756-908723a0b79608.png" alt="Portfolio Protection: Insulating Against Market Downturns" loading="lazy">
        </div>
        <time datetime="2025-10-28">10/28/2025</time>
        <h3>Portfolio Protection: Insulating Against Market Downturns</h3>
    </a>
</article>
<article class="post-card">
    <a href="/p/the-energy-transition-powering-your-returns/">
        <div class="image-container">
            <img src="https://cdn.sefanatics.com/250/125/70/sefanatics.com/1755807157874-c4c4429bbc25a8.png" alt="The Energy Transition: Powering Your Returns" loading="lazy">
        </div>
        <time datetime="2025-10-26">10/26/2025</time>
        <h3>The Energy Transition: Powering Your Returns</h3>
    </a>
</article>
<article class="post-card">
    <a href="/p/currency-calls-exchange-rates-and-global-commerce/">
        <div class="image-container">
            <img src="https://cdn.sefanatics.com/250/125/70/sefanatics.com/1755807201020-b2a4a823d3ff68.png" alt="Currency Calls: Exchange Rates and Global Commerce" loading="lazy">
        </div>
        <time datetime="2025-10-26">10/26/2025</time>
        <h3>Currency Calls: Exchange Rates and Global Commerce</h3>
    </a>
</article>
<article class="post-card">
    <a href="/p/forex-fundamentals-currency-trading-explained/">
        <div class="image-container">
            <img src="https://cdn.sefanatics.com/250/125/70/sefanatics.com/1755807208018-bc938e24202d88.png" alt="Forex Fundamentals: Currency Trading Explained" loading="lazy">
        </div>
        <time datetime="2025-10-23">10/23/2025</time>
        <h3>Forex Fundamentals: Currency Trading Explained</h3>
    </a>
</article>
<article class="post-card">
    <a href="/p/your-first-million-a-step-by-step-financial-road-map/">
        <div class="image-container">
            <img src="https://cdn.sefanatics.com/250/125/70/sefanatics.com/1755805856322-8702111ca30a8.png" alt="Your First Million: A Step-by-Step Financial Road Map" loading="lazy">
        </div>
        <time datetime="2025-10-23">10/23/2025</time>
        <h3>Your First Million: A Step-by-Step Financial Road Map</h3>
    </a>
</article>
<article class="post-card">
    <a href="/p/preparing-for-the-unexpected-financial-resilience/">
        <div class="image-container">
            <img src="https://cdn.sefanatics.com/250/125/70/sefanatics.com/1755805903332-68ceed60b5f478.png" alt="Preparing for the Unexpected: Financial Resilience" loading="lazy">
        </div>
        <time datetime="2025-10-22">10/22/2025</time>
        <h3>Preparing for the Unexpected: Financial Resilience</h3>
    </a>
</article>

            </section>
        </section>
        <aside class="sidebar">
            <div id="tradingview-market-overview"></div>
            <div id="tradingview-hotlists"></div>
            <div class="sidebar-block">
                <h2>Read more</h2>
                <ul class="mais-lidos-list">
                    <li>
    <div class="image-container">
        <a href="/p/inflationary-pressures-market-hedging-strategies/">
            <img src="https://cdn.sefanatics.com/75/75/70/sefanatics.com/1755807217642-3f623a7a2c4d1.png" alt="Inflationary Pressures: Market Hedging Strategies" loading="lazy">
        </a>
    </div>
    <div>
        <h3>
            <a href="/p/inflationary-pressures-market-hedging-strategies/">Inflationary Pressures: Market Hedging Strategies</a>
        </h3>
        <time datetime="2025-10-21">10/21/2025</time>
        <a href="/p/inflationary-pressures-market-hedging-strategies/" class="read-more-link">
            Read more
            <span class="arrow-icon">→</span>
        </a>
    </div>
</li>
<hr><li>
    <div class="image-container">
        <a href="/p/digital-assets-beyond-bitcoin-and-blockchain/">
            <img src="https://cdn.sefanatics.com/75/75/70/sefanatics.com/1755805883804-de795e14867098.png" alt="Digital Assets: Beyond Bitcoin and Blockchain" loading="lazy">
        </a>
    </div>
    <div>
        <h3>
            <a href="/p/digital-assets-beyond-bitcoin-and-blockchain/">Digital Assets: Beyond Bitcoin and Blockchain</a>
        </h3>
        <time datetime="2025-10-20">10/20/2025</time>
        <a href="/p/digital-assets-beyond-bitcoin-and-blockchain/" class="read-more-link">
            Read more
            <span class="arrow-icon">→</span>
        </a>
    </div>
</li>

                </ul>
            </div>
        </aside>
    </div>
    <section class="section-block">
    <h2>Credit & Loans</h2>
    <div class="cards-grid">
        <article class="info-card">
    <a href="/p/loan-defaults-understanding-the-consequences/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755792101882-abf279702e988.png" alt="Loan Defaults: Understanding the Consequences">
        <time datetime="2025-10-02">10/02/2025</time>
        <h3>Loan Defaults: Understanding the Consequences</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/credit-building-alternatives-beyond-credit-cards/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755792129092-b6ce5075d1041.png" alt="Credit-Building Alternatives Beyond Credit Cards">
        <time datetime="2025-10-04">10/04/2025</time>
        <h3>Credit-Building Alternatives Beyond Credit Cards</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/the-hidden-costs-of-loans-beyond-the-interest-rate/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755792148925-96c3530268eef.png" alt="The Hidden Costs of Loans: Beyond the Interest Rate">
        <time datetime="2025-10-05">10/05/2025</time>
        <h3>The Hidden Costs of Loans: Beyond the Interest Rate</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/interest-free-periods-maximizing-credit-card-benefits/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755792100549-0ac3a7b11983e.png" alt="Interest-Free Periods: Maximizing Credit Card Benefits">
        <time datetime="2025-10-01">10/01/2025</time>
        <h3>Interest-Free Periods: Maximizing Credit Card Benefits</h3>
    </a>
</article>

    </div>
</section>
<section class="section-block">
    <h2>Financial Planning</h2>
    <div class="cards-grid">
        <article class="info-card">
    <a href="/p/car-door-vehicle-financing/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1760711446148-fd77bb9e577f98.png" alt="Car Door Vehicle Financing: Find out How to Get Your Car">
        <time datetime="2025-10-17">10/17/2025</time>
        <h3>Car Door Vehicle Financing: Find out How to Get Your Car</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/preparing-for-the-unexpected-financial-resilience/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755805903332-68ceed60b5f478.png" alt="Preparing for the Unexpected: Financial Resilience">
        <time datetime="2025-10-22">10/22/2025</time>
        <h3>Preparing for the Unexpected: Financial Resilience</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/your-first-million-a-step-by-step-financial-road-map/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755805856322-8702111ca30a8.png" alt="Your First Million: A Step-by-Step Financial Road Map">
        <time datetime="2025-10-23">10/23/2025</time>
        <h3>Your First Million: A Step-by-Step Financial Road Map</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/the-cost-of-convenience-smart-spending-choices/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755805822871-1e584219217c6.png" alt="The Cost of Convenience: Smart Spending Choices">
        <time datetime="2025-10-19">10/19/2025</time>
        <h3>The Cost of Convenience: Smart Spending Choices</h3>
    </a>
</article>

    </div>
</section>
<section class="section-block">
    <h2>Investment Opportunities</h2>
    <div class="cards-grid">
        <article class="info-card">
    <a href="/p/the-energy-transition-powering-your-returns/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755807157874-c4c4429bbc25a8.png" alt="The Energy Transition: Powering Your Returns">
        <time datetime="2025-10-26">10/26/2025</time>
        <h3>The Energy Transition: Powering Your Returns</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/digital-assets-beyond-bitcoin-and-blockchain/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755805883804-de795e14867098.png" alt="Digital Assets: Beyond Bitcoin and Blockchain">
        <time datetime="2025-10-20">10/20/2025</time>
        <h3>Digital Assets: Beyond Bitcoin and Blockchain</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/from-seeds-to-startups-agribusiness-potential/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755807236713-be0afb4375997.png" alt="From Seeds to Startups: Agribusiness Potential">
        <time datetime="2025-10-30">10/30/2025</time>
        <h3>From Seeds to Startups: Agribusiness Potential</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/forex-fundamentals-currency-trading-explained/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755807208018-bc938e24202d88.png" alt="Forex Fundamentals: Currency Trading Explained">
        <time datetime="2025-10-23">10/23/2025</time>
        <h3>Forex Fundamentals: Currency Trading Explained</h3>
    </a>
</article>

    </div>
</section>
<section class="section-block">
    <h2>Market Analysis</h2>
    <div class="cards-grid">
        <article class="info-card">
    <a href="/p/debt-and-deficit-echoes-in-the-financial-markets/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755807192161-1aa17233cce2b.png" alt="Debt and Deficit: Echoes in the Financial Markets">
        <time datetime="2025-10-16">10/16/2025</time>
        <h3>Debt and Deficit: Echoes in the Financial Markets</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/inflationary-pressures-market-hedging-strategies/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755807217642-3f623a7a2c4d1.png" alt="Inflationary Pressures: Market Hedging Strategies">
        <time datetime="2025-10-21">10/21/2025</time>
        <h3>Inflationary Pressures: Market Hedging Strategies</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/currency-calls-exchange-rates-and-global-commerce/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755807201020-b2a4a823d3ff68.png" alt="Currency Calls: Exchange Rates and Global Commerce">
        <time datetime="2025-10-26">10/26/2025</time>
        <h3>Currency Calls: Exchange Rates and Global Commerce</h3>
    </a>
</article>
<article class="info-card">
    <a href="/p/portfolio-protection-insulating-against-market-downturns/">
        <img src="https://cdn.sefanatics.com/300/150/70/sefanatics.com/1755807209756-908723a0b79608.png" alt="Portfolio Protection: Insulating Against Market Downturns">
        <time datetime="2025-10-28">10/28/2025</time>
        <h3>Portfolio Protection: Insulating Against Market Downturns</h3>
    </a>
</article>

    </div>
</section>

</main>
<footer class="site-footer">
    <div class="footer-top">
        <div class="container footer-container">
            <div class="footer-col logo-col">
                <div class="footer-logo-box">
                    <a href="/" class="footer-logo">
                        <img src="/public/img/logo.svg" style="width: 100%;max-width: 350px;padding: 35px 10px;margin: auto;">
                    </a>
                </div>
                <p style="text-align: center;">© 2026 Sefanatics - Sefanatics delivers sharp financial analysis, market reviews, and clear guidance to help you act smarter in credit, loans, planning, and investments.</p>
            </div>
            <div class="footer-col">
                <h3>About Us</h3>
                <ul>
                    <li>
	<a href="/en/s/about-us/">About Us</a>
</li>
<li>
	<a href="/en/a/">Team</a>
</li>
<li>
	<a href="/en/s/contact/">Contact</a>
</li>
                </ul>
            </div>
            <div class="footer-col">
                <h3>Legal Information</h3>
                <ul class="social-list">
                    <li>
	<a href="/en/s/terms-of-use/">Terms of Use</a>
</li>
<li>
	<a href="/en/s/privacy-policy/">Privacy Policy</a>
</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <ul>
            <li>
	<a href="/en/s/terms-of-use/">Terms of Use</a>
</li>
<li>
	<a href="/en/s/privacy-policy/">Privacy Policy</a>
</li>
        </ul>
    </div>
</footer>
<div class="mobile-overlay"></div>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<script>
    const toggleBtn = document.querySelector('.mobile-menu-toggle');
    const nav = document.querySelector('.main-nav');
    const overlay = document.querySelector('.mobile-overlay');

    toggleBtn.addEventListener('click', () => {
        nav.classList.toggle('open');
        overlay.classList.toggle('active');
    });

    overlay.addEventListener('click', () => {
        nav.classList.remove('open');
        overlay.classList.remove('active');
    });

    const url = new URL(window.location.href);
    const links = document.getElementsByTagName('a');
    const medium = url.searchParams.get('utm_medium');
    const campaign = url.searchParams.get('utm_campaign');
    const source = url.searchParams.get('utm_source');
    const term = url.searchParams.get('utm_term');

    function getAdText() {
        const lang = navigator.language || navigator.userLanguage;
        const langMap = {
            'pt': 'Publicidade',
            'es': 'Publicidad',
            'en': 'Advertisement',
            'fr': 'Publicité',
            'de': 'Werbung'
        };
        const baseLang = (lang.split('-')[0] || 'en').toLowerCase();
        return langMap[baseLang] || langMap['en'];
    }

    function addAdLabel(container, adText) {
        if (!container.querySelector('.ad-label')) {
            container.insertAdjacentHTML('afterbegin',
                `<div class="ad-label" style="font-size:13px;color:#888;text-align:center;margin-bottom:5px;">${adText}</div>`
            );
        }
    }

    function removeAdLabel(container) {
        const label = container.querySelector('.ad-label');
        if (label) {
            label.remove();
        }
    }

    function updateAllAds() {
        const adText = getAdText();
        const units = document.querySelectorAll('.adunit');
        units.forEach(unit => {
            const unitHeight = unit.offsetHeight;
            if (unitHeight > 40) {
                // Ad displayed
                addAdLabel(unit, adText);
                // unit.style.margin = 'auto';
                // unit.style.marginTop = '20px';
                // unit.style.marginBottom = '20px';
            } else {
                // Ad not displayed
                removeAdLabel(unit);
                unit.style.margin = '';
                unit.style.marginTop = '';
                unit.style.marginBottom = '';
            }
        });
    }

    function initAdLabelObserver() {
		window.googletag = window.googletag || {};
		window.googletag.cmd = window.googletag.cmd || [];

		window.googletag.cmd.push(function () {
			if (window.googletag && window.googletag.pubads) {
				window.googletag.pubads().addEventListener('slotRenderEnded', function (event) {
					try {
						updateAllAds();
					} catch (error) {
						console.error('Error updating ads:', error);
					}
				});
			}
		});

		document.addEventListener('DOMContentLoaded', updateAllAds);
	}

    document.addEventListener('DOMContentLoaded', function () {
        let attrs = {};

        if (source) attrs.source = source;

        if (campaign) attrs.campaign = campaign;

        if (medium) attrs.medium = medium;

        if (term) attrs.country = term;

        for (let link of links) {
            for (let attr in attrs) {
                if (!link.href.includes('?')) {
                    link.href = link.href + '?';
                } else {
                    link.href = link.href + '&';
                }

                if (attr == 'country') {
                    link.href += `utm_term=${attrs[attr]}`;
                } else {
                    link.href += `utm_${attr}=${attrs[attr]}`;
                }
            }
        }

        initAdLabelObserver();  
    });

    (function () {
        if (typeof notFoundPage !== "undefined") {
            console.log('Not found page is defined, ignoring preloader.')
            return false
        }

        if (
            !location.pathname.includes('/p/') &&
            !location.pathname.includes('/l/') &&
            !location.pathname.includes('/m/')
        ) {
            console.log('preloader isnt needed on this page.')
            return false
        }

        // Cria o overlay do preloader
        const preloader = document.createElement('div');
        preloader.id = 'custom-preloader';
        Object.assign(preloader.style, {
            position: 'fixed',
            top: '0',
            left: '0',
            width: '100%',
            height: '100%',
            backgroundColor: 'rgb(255 255 255 / 96%)', // Cor de fundo atualizada
            zIndex: '9999',
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center',
            justifyContent: 'center',
            flexShrink: '0',
        });

        // Cria a barra de carregamento no topo
        const progressBarContainer = document.createElement('div');
        Object.assign(progressBarContainer.style, {
            position: 'fixed',
            top: '0',
            left: '0',
            width: '100%',
            height: '4px',
            backgroundColor: '#e0e0e0', // Fundo da barra de carregamento
            overflow: 'hidden',
        });

        const progressBar = document.createElement('div');
        Object.assign(progressBar.style, {
            width: '0%',
            height: '100%',
            backgroundColor: 'var(--secondary-color)', // Cor da barra de carregamento
            transition: 'width 5s linear',
        });

        progressBarContainer.appendChild(progressBar);
        preloader.appendChild(progressBarContainer);

        // Cria o spinner central
        const spinner = document.createElement('div');
        Object.assign(spinner.style, {
            border: '8px solid #f3f3f3',
            borderTop: `8px solid var(--secondary-color)`, // Cor do spinner
            borderRadius: '50%',
            width: '60px',
            height: '60px',
            animation: 'spin 2s linear infinite',
            marginBottom: '20px',
        });

        // Adiciona o texto "Carregando"
        const loadingText = document.createElement('div');
        loadingText.innerText = '{{preloader_text}}';
        Object.assign(loadingText.style, {
            fontSize: '20px', // Aumenta o tamanho da fonte
            color: '#0a1822', // Cor do texto para melhor contraste
            fontWeight: 'bold', // Aumenta o peso da fonte
            marginBottom: '30px', // Espaçamento abaixo do texto
        });

        // Adiciona spinner e texto ao preloader
        preloader.appendChild(spinner);
        preloader.appendChild(loadingText);

        // Cria o badge "Site Seguro" com SVG de escudo
        const badge = document.createElement('div');
        Object.assign(badge.style, {
            position: 'fixed',
            bottom: '20px',
            display: 'flex',
            alignItems: 'center',
            backgroundColor: 'var(--secondary-color)',
            color: '#ffffff',
            padding: '12px 16px', // Aumenta o padding para dar mais espaço
            borderRadius: '25px', // Aumenta o raio para bordas mais arredondadas
            boxShadow: '0 4px 8px rgba(0,0,0,0.3)', // Sombra mais pronunciada
            fontSize: '16px', // Aumenta o tamanho da fonte
            fontWeight: 'bold', // Aumenta o peso da fonte
        });

        // SVG de escudo fornecido, aumentado de tamanho
        const shieldSVG = `
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 512 512" style="margin-right: 8px;">
            <path d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8l0 378.1C394 378 431.1 230.1 432 141.4L256 66.8s0 0 0 0z"/>
            </svg>
        `;

        // Adiciona o SVG e o texto ao badge
        badge.innerHTML = shieldSVG + ' {{secure_text}}';
        preloader.appendChild(badge);

        // Adiciona keyframes para a animação do spinner
        const styleSheet = document.createElement('style');
        styleSheet.type = 'text/css';
        styleSheet.innerText = `
            @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
            }
        `;
        document.head.appendChild(styleSheet);

        // Adiciona o preloader ao body
        document.body.appendChild(preloader);

        // Armazena referências globais para manipulação futura
        window.loadingEl = preloader;
        window.loadingTimeout = setTimeout(() => {
            removePreloader();
        }, 5000);

        // Inicia a animação da barra de progresso
        setTimeout(() => {
            progressBar.style.width = '100%';
        }, 100); // Pequeno delay para garantir que a transição aconteça


        // Função para remover o preloader
        function removePreloader() {
            if (window.loadingEl) {
                window.loadingEl.style.transition = 'opacity 0.5s ease';
                window.loadingEl.style.opacity = '0';
                setTimeout(() => {
                    if (window.loadingEl && window.loadingEl.parentNode) {
                        window.loadingEl.parentNode.removeChild(window.loadingEl);
                        window.loadingEl = undefined;
                    }
                }, 500);
            }
            if (window.loadingTimeout) {
                clearTimeout(window.loadingTimeout);
                window.loadingTimeout = undefined;
            }
        }

        // Integração com Google Publisher Tags para remover o preloader quando o anúncio for carregado
        window.googletag = window.googletag || {};
        window.googletag.cmd = window.googletag.cmd || [];
        window.googletag.cmd.push(function () {
            if (window.googletag && window.googletag.pubads) {
                window.googletag.pubads().addEventListener('slotRenderEnded', function (event) {
                    try {
                        console.debug('slotRenderEnded', event.slot.getAdUnitPath(), event);
                        if (event.isEmpty) {
                            // Não vendeu, remove o preloader
                            removePreloader();
                        }
                        if (event.slot.getAdUnitPath().includes('header') || event.slot.getAdUnitPath().includes('top')) {
                            if (typeof window.loadingEl !== 'undefined') {
                                removePreloader();
                            }
                        }
                    } catch (error) {
                        console.error(error);
                    }
                });
            }
        });
    })();
</script>
<script src="/public/js/main.js"></script>
<script defer data-domain="sefanatics.com" src="https://track.sefanatics.com/js/script.hash.outbound-links.pageview-props.tagged-events.js"></script>
<script>
    window.plausible = window.plausible || function () {
        (window.plausible.q = window.plausible.q || []).push(arguments);
    }
</script>
<!-- custom scripts -->
</body>
</html>
