{"id":3949,"date":"2025-05-28T12:37:19","date_gmt":"2025-05-28T15:37:19","guid":{"rendered":"https:\/\/www.quantm3.com\/?page_id=3949"},"modified":"2026-10-06T16:00:05","modified_gmt":"2026-10-06T19:00:05","slug":"quantique-quark-magnon-fim-4","status":"publish","type":"page","link":"https:\/\/www.quantm3.com\/en\/quantique-quark-magnon-fim-4\/","title":{"rendered":"Quantique Axion FIM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3949\" class=\"elementor elementor-3949\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a50156 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"6a50156\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/youtu.be\\\/6ykbWD2QIz0&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8b3e3a4\" data-id=\"8b3e3a4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4906b15 elementor-widget elementor-widget-heading\" data-id=\"4906b15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Quantique Axion FIM<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5ca086 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"f5ca086\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/quantm3.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.quantm3.com\/quantique-quark-magnon-fim\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Fundo<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2483f20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2483f20\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9ed22e\" data-id=\"e9ed22e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-366af83 elementor-widget elementor-widget-heading\" data-id=\"366af83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rentabilidade Acumulada<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4394099 elementor-widget elementor-widget-html\" data-id=\"4394099\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 20px;\n            background-color: #0B1C23;\n            min-height: 100vh;\n            color: #e5e7eb;\n        }\n\n        h1 {\n            text-align: center;\n            color: #b6f34e;\n        }\n\n        #date-controls {\n            background: rgba(11, 28, 35, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 20px;\n            border-radius: 16px;\n            margin-bottom: 20px;\n            box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n            border: 1px solid rgba(182, 243, 78, 0.1);\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            flex-wrap: wrap;\n            position: relative;\n            z-index: 20;\n        }\n\n        .predefined-dates {\n            display: flex;\n            gap: 8px;\n            align-items: center;\n        }\n\n        .right-controls {\n            display: flex;\n            gap: 12px;\n            align-items: center;\n            margin-left: auto;\n            flex-wrap: nowrap;\n            justify-content: flex-end;\n        }\n\n        .predefined-dates button,\n        .right-controls button {\n            background: linear-gradient(135deg, #b6f34e 0%, #a8e342 100%);\n            color: #1a1a1a;\n            border: none;\n            padding: 10px 16px;\n            border-radius: 10px;\n            cursor: pointer;\n            font-weight: 600;\n            font-size: 14px;\n            font-family: Arial, sans-serif;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 8px rgba(182, 243, 78, 0.2);\n        }\n\n        .predefined-dates button:hover,\n        .right-controls button:hover {\n            background: linear-gradient(135deg, #c8ff5f 0%, #b6f34e 100%);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 16px rgba(182, 243, 78, 0.3);\n        }\n\n        .predefined-dates button:active,\n        .right-controls button:active {\n            transform: translateY(0);\n            box-shadow: 0 2px 8px rgba(182, 243, 78, 0.2);\n        }\n\n        .predefined-dates button:nth-child(5) {\n            letter-spacing: -1px;\n        }\n\n        .right-controls input[type=\"date\"] {\n            background: rgba(30, 41, 59, 0.8);\n            color: #e5e7eb;\n            border: 2px solid rgba(182, 243, 78, 0.3);\n            padding: 10px 12px;\n            border-radius: 10px;\n            font-size: 14px;\n            font-family: Arial, sans-serif;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(5px);\n        }\n\n        .right-controls input[type=\"date\"]:focus {\n            outline: none;\n            border-color: #b6f34e;\n            box-shadow: 0 0 0 3px rgba(182, 243, 78, 0.1);\n            background: rgba(30, 41, 59, 1);\n        }\n\n        .right-controls input[type=\"date\"]:hover {\n            border-color: rgba(182, 243, 78, 0.5);\n        }\n\n        .right-controls input[type=\"date\"]::-webkit-calendar-picker-indicator {\n            filter: brightness(0) saturate(100%) invert(89%) sepia(46%) saturate(436%) hue-rotate(39deg) brightness(106%) contrast(98%);\n            cursor: pointer;\n        }\n\n        .right-controls input[type=\"date\"]::-webkit-datetime-edit,\n        .right-controls input[type=\"date\"]::-webkit-datetime-edit-fields-wrapper,\n        .right-controls input[type=\"date\"]::-webkit-datetime-edit-year-field,\n        .right-controls input[type=\"date\"]::-webkit-datetime-edit-month-field,\n        .right-controls input[type=\"date\"]::-webkit-datetime-edit-day-field {\n            color: #e5e7eb;\n        }\n\n        #chart-container {\n            background: rgba(11, 28, 35, 0.9);\n            backdrop-filter: blur(10px);\n            padding: 20px;\n            border-radius: 16px;\n            box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n            border: 1px solid rgba(182, 243, 78, 0.1);\n            height: 400px;\n        }\n\n        .fund-selector {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto;\n        }\n\n        .fund-selector .dropdown-toggle {\n            background: linear-gradient(135deg, #b6f34e 0%, #a8e342 100%);\n            color: #1a1a1a;\n            border: none;\n            padding: 10px 16px;\n            border-radius: 10px;\n            cursor: pointer;\n            font-weight: 600;\n            font-size: 14px;\n            font-family: Arial, sans-serif;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 8px rgba(182, 243, 78, 0.2);\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            justify-content: space-between;\n            max-width: 100%;\n            min-width: 0;\n        }\n\n        .fund-selector .dropdown-toggle .label {\n            display: block;\n            flex: 1 1 auto;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .fund-selector .dropdown-toggle:hover {\n            background: linear-gradient(135deg, #c8ff5f 0%, #b6f34e 100%);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 16px rgba(182, 243, 78, 0.3);\n        }\n\n        .fund-selector .chevron {\n            display: inline-block;\n            transition: transform 0.2s ease;\n        }\n        .fund-selector.open .chevron {\n            transform: rotate(180deg);\n        }\n\n        .fund-selector .dropdown-menu {\n            position: absolute;\n            top: calc(100% + 8px);\n            left: 50%;\n            transform: translateX(-50%);\n            background: rgba(11, 28, 35, 0.98);\n            border: 1px solid rgba(182, 243, 78, 0.15);\n            box-shadow: 0 8px 32px rgba(0,0,0,0.4);\n            border-radius: 12px;\n            min-width: 280px;\n            overflow: hidden;\n            display: none;\n            z-index: 1000;\n        }\n\n        .fund-selector.open .dropdown-menu {\n            display: block;\n        }\n\n        .fund-selector .dropdown-item {\n            padding: 12px 14px;\n            color: #e5e7eb;\n            text-decoration: none;\n            display: block;\n            font-size: 14px;\n            transition: background 0.2s ease, color 0.2s ease;\n        }\n\n        .fund-selector .dropdown-item:hover {\n            background: rgba(182, 243, 78, 0.1);\n            color: #c8ff5f;\n        }\n\n        @media (max-width: 768px) {\n            body {\n                margin: 10px;\n            }\n\n            #date-controls {\n                flex-direction: column;\n                align-items: stretch;\n            }\n\n            .right-controls {\n                margin-left: 0;\n                justify-content: center;\n            }\n\n            .predefined-dates {\n                justify-content: center;\n            }\n\n            .fund-selector {\n                position: relative;\n                transform: none;\n                order: 2;\n                justify-content: center;\n                margin: 8px 0;\n                width: 100%;\n            }\n\n            .fund-selector .dropdown-toggle {\n                width: 100%;\n            }\n\n            .fund-selector .dropdown-menu {\n                left: 0;\n                right: 0;\n                transform: none;\n                width: 100%;\n                min-width: 0;\n            }\n        }\n\n    <\/style>\n<\/head>\n<body>\n    <div id=\"date-controls\">\n        <div class=\"predefined-dates\">\n            <button onclick=\"setPredefinedDate(1)\">1M<\/button>\n            <button onclick=\"setPredefinedDate(3)\">3M<\/button>\n            <button onclick=\"setPredefinedDate(6)\">6M<\/button>\n            <button onclick=\"setPredefinedDate(12)\">1Y<\/button>\n            <button onclick=\"setPredefinedDate(18)\">18 M<\/button>\n        <\/div>\n        <div class=\"fund-selector\" id=\"fund-selector\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <button class=\"dropdown-toggle\" id=\"fund-dropdown-toggle\" aria-controls=\"fund-dropdown-menu\">\n                <span class=\"label\">Quantique Axion FIM<\/span>\n                <span class=\"chevron\">\u25bc<\/span>\n            <\/button>\n            <div class=\"dropdown-menu\" id=\"fund-dropdown-menu\" role=\"menu\">\n                <a class=\"dropdown-item\" role=\"menuitem\" href=\"https:\/\/www.quantm3.com\/quantique-quark-sub\/\">Quantique Quark Sub<\/a>\n                <a class=\"dropdown-item\" role=\"menuitem\" href=\"https:\/\/www.quantm3.com\/quantique-quark-sc-sub\/\">Quantique Quark SC Sub<\/a>\n                <a class=\"dropdown-item\" role=\"menuitem\" href=\"https:\/\/www.quantm3.com\/quantique-quark-magnon-fim\/\">Quantique Quark Magnon FIM<\/a>\n\n            <\/div>\n        <\/div>\n        <div class=\"right-controls\">\n            <input type=\"date\" id=\"start-date\" aria-label=\"Start Date\" \/>\n            <input type=\"date\" id=\"end-date\" aria-label=\"End Date\" \/>\n            <button id=\"apply-filter\">\u2713<\/button>\n        <\/div>\n    <\/div>\n\n    <div id=\"chart-container\">\n        <canvas id=\"myChart\"><\/canvas>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/moment\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chartjs-adapter-moment\"><\/script>\n    <script>\n        let allData = [];\n        let currentChart = null;\n\n        function getMaxEndDate() {\n            const today = new Date();\n            today.setDate(today.getDate() - 1);\n            return today;\n        }\n\n        function enforceMaxEndDate() {\n            const endInput = document.getElementById('end-date');\n            const selectedEnd = new Date(endInput.value);\n            const maxEnd = getMaxEndDate();\n\n            if (selectedEnd > maxEnd) {\n                endInput.value = maxEnd.toISOString().split('T')[0];\n                console.warn(`End date capped to ${endInput.value}`);\n            }\n        }\n\n        function clampStartDate() {\n            const startInput = document.getElementById('start-date');\n            const endInput = document.getElementById('end-date');\n            const endMoment = moment(endInput.value, 'YYYY-MM-DD', true);\n            const lastData = getLastDataMoment();\n            const allowedMax = endMoment.isValid()\n                ? moment.min(endMoment, lastData)\n                : lastData.clone();\n\n            startInput.setAttribute('max', allowedMax.format('YYYY-MM-DD'));\n\n            const startMoment = moment(startInput.value, 'YYYY-MM-DD', true);\n            if (startMoment.isValid() && startMoment.isAfter(allowedMax)) {\n                console.warn(`Start date adjusted to respect limits: ${allowedMax.format('YYYY-MM-DD')}`);\n                startInput.value = allowedMax.format('YYYY-MM-DD');\n            }\n        }\n\n        function getLastDataMoment() {\n            if (allData.length > 0) {\n                \/\/ allData is sorted later; still guard if not yet\n                const last = allData[allData.length - 1];\n                return moment(last.date, 'YYYY-MM-DD');\n            }\n            return moment(getMaxEndDate());\n        }\n\n        function setDefaultDates() {\n            const preferredStart = moment('2024-10-08', 'YYYY-MM-DD');\n            let start = preferredStart.clone();\n            const lastData = allData.length ? moment(allData[allData.length - 1].date, 'YYYY-MM-DD') : moment(getMaxEndDate());\n            const maxEnd = moment.min(moment(getMaxEndDate()), lastData);\n            \/\/ let start = maxEnd.clone().subtract(1, 'year');\n\n            if (allData.length) {\n                const firstData = moment(allData[0].date, 'YYYY-MM-DD');\n                if (start.isBefore(firstData)) {\n                    console.warn(`Start date adjusted to fund inception: ${firstData.format('YYYY-MM-DD')}`);\n                    start = firstData.clone();\n                }\n            }\n\n            document.getElementById('end-date').value = maxEnd.format('YYYY-MM-DD');\n            document.getElementById('start-date').value = start.format('YYYY-MM-DD');\n            clampStartDate();\n        }\n\n        function setPredefinedDate(months) {\n            const endInputVal = document.getElementById('end-date').value;\n            let endMoment = moment(endInputVal, 'YYYY-MM-DD', true);\n            const lastData = getLastDataMoment();\n            const maxAllowed = moment(getMaxEndDate());\n            if (!endMoment.isValid()) endMoment = lastData.clone();\n            endMoment = moment.min(endMoment, lastData, maxAllowed);\n\n            let startMoment = endMoment.clone().subtract(months, 'months');\n            const firstData = moment(allData[0]?.date, 'YYYY-MM-DD');\n\n            if (allData.length) {\n                if (startMoment.isBefore(firstData)) {\n                    console.warn(`Start date adjusted to fund inception: ${firstData.format('YYYY-MM-DD')}`);\n                    startMoment = firstData.clone();\n                } else {\n                    const available = allData.findLast(item =>\n                        moment(item.date, 'YYYY-MM-DD').isSameOrBefore(startMoment)\n                    );\n                    if (available) startMoment = moment(available.date, 'YYYY-MM-DD');\n                }\n            }\n\n            document.getElementById('end-date').value = endMoment.format('YYYY-MM-DD');\n            document.getElementById('start-date').value = startMoment.format('YYYY-MM-DD');\n            clampStartDate();\n\n            if (allData.length > 0) {\n                const filteredData = filterDataByDateRange(startMoment, endMoment);\n                createChart(filteredData);\n            }\n        }\n\n        function filterDataByDateRange(startDate, endDate) {\n            const filtered = allData.filter(item => {\n                const itemDate = moment(item.date, 'YYYY-MM-DD');\n                return itemDate.isBetween(startDate, endDate, null, '[]');\n            });\n\n            console.log(`Filtering data from ${startDate.format('YYYY-MM-DD')} to ${endDate.format('YYYY-MM-DD')}`);\n\n            if (filtered.length === 0) return filtered;\n\n            \/\/ Get the baseline values from the start date\n            const baselineDailyFundReturn = filtered[0].dailyFundReturn;\n            const baselineDailyCdiReturn = filtered[0].dailyCdiReturn;\n\n            let accDailyFundReturn = 1;\n            let accDailyCdiReturn = 1;\n\n            const res = filtered.map((item, index) => {\n                accDailyFundReturn *= (1 + item.dailyFundReturn);\n                accDailyCdiReturn  *= (1 + item.dailyCdiReturn);\n\n                return {\n                    date: item.date,\n                    dailyFundReturn: (accDailyFundReturn \/ (1 + baselineDailyFundReturn) - 1) * 100,\n                    dailyCdiReturn:  (accDailyCdiReturn \/ (1 + baselineDailyCdiReturn) - 1) * 100\n                };\n            });\n\n            console.log('Filtered data:', res);\n            return res;\n        }\n\n        function createChart(filteredData) {\n            if (currentChart) {\n                currentChart.destroy();\n            }\n\n            const labels = filteredData.map(item => item.date);\n            const fundData = filteredData.map(item => item.dailyFundReturn);\n            const cdiData = filteredData.map(item => item.dailyCdiReturn);\n\n            const ctx = document.getElementById('myChart').getContext('2d');\n            currentChart = new Chart(ctx, {\n                type: 'line',\n                data: {\n                    labels: labels,\n                    datasets: [\n                        {\n                            label: 'Quantique Axion FIM',\n                            data: fundData,\n                            borderColor: '#C8FF5F',\n                            borderWidth: 3,\n                            tension: 0,\n                            fill: false,\n                            pointRadius: 0,\n                            pointHoverRadius: 6,\n                            pointHoverBorderWidth: 2,\n                            pointHoverBorderColor: '#C8FF5F',\n                            pointHoverBackgroundColor: '#1a1a1a',\n                        },\n                        {\n                            label: 'CDI',\n                            data: cdiData,\n                            borderColor: '#6b7280',\n                            borderWidth: 2,\n                            tension: 0,\n                            fill: false,\n                            pointRadius: 0,\n                            pointHoverRadius: 6,\n                            pointHoverBorderWidth: 2,\n                            pointHoverBorderColor: '#6b7280',\n                            pointHoverBackgroundColor: '#1a1a1a',\n                        },\n                    ],\n                },\n                options: {\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    interaction: {\n                        mode: 'index',\n                        intersect: false,\n                    },\n                    plugins: {\n                        legend: {\n                            position: 'bottom',\n                            labels: {\n                                color: '#e5e7eb',\n                                font: {\n                                    family: 'Arial',\n                                    size: window.innerWidth < 768 ? 12 : 14,\n                                    weight: '500',\n                                },\n                                padding: 20,\n                                usePointStyle: true,\n                                pointStyle: 'line',\n                            },\n                        },\n                        tooltip: {\n                            backgroundColor: 'rgba(11, 28, 35, 0.95)',\n                            titleColor: '#b6f34e',\n                            bodyColor: '#e5e7eb',\n                            borderColor: 'rgba(182, 243, 78, 0.3)',\n                            borderWidth: 1,\n                            callbacks: {\n                                label: function (context) {\n                                    const value = context.raw.toFixed(2);\n                                    return `${context.dataset.label}: ${value}%`;\n                                },\n                            },\n                            bodyFont: {\n                                family: 'Arial',\n                            },\n                            titleFont: {\n                                family: 'Arial',\n                            },\n                        },\n                    },\n                    scales: {\n                        x: {\n                            type: 'time',\n                            time: {\n                                unit: 'month',\n                                tooltipFormat: 'DD MMM YY',\n                                displayFormats: {\n                                    month: 'MMM-YY',\n                                },\n                            },\n                            ticks: {\n                                color: '#9ca3af',\n                                font: {\n                                    family: 'Arial',\n                                    size: window.innerWidth < 768 ? 10 : 12,\n                                },\n                                maxRotation: 0,\n                                autoSkip: true,\n                                maxTicksLimit: 6,\n                            },\n                            grid: {\n                                display: false,\n                            },\n                        },\n                        y: {\n                            ticks: {\n                                color: '#9ca3af',\n                                font: {\n                                    family: 'Arial',\n                                    size: window.innerWidth < 768 ? 10 : 12,\n                                },\n                                callback: function (value) {\n                                    return Math.round(value) + '%';\n                                },\n                                maxTicksLimit: 5,\n                            },\n                            grid: {\n                                color: 'rgba(156, 163, 175, 0.1)',\n                            },\n                        },\n                    },\n                    layout: {\n                        padding: {\n                            top: 10,\n                            bottom: 10,\n                            left: 5,\n                            right: 5,\n                        },\n                    },\n                },\n            });\n        }\n\n        document.addEventListener('DOMContentLoaded', async function () {\n            const selector = document.getElementById('fund-selector');\n            const toggle = document.getElementById('fund-dropdown-toggle');\n            const menu = document.getElementById('fund-dropdown-menu');\n\n            function closeMenu() {\n                selector.classList.remove('open');\n                selector.setAttribute('aria-expanded', 'false');\n            }\n\n            toggle.addEventListener('click', (e) => {\n                e.stopPropagation();\n                const willOpen = !selector.classList.contains('open');\n                selector.classList.toggle('open', willOpen);\n                selector.setAttribute('aria-expanded', String(willOpen));\n            });\n\n            document.addEventListener('click', (e) => {\n                if (!selector.contains(e.target)) closeMenu();\n            });\n\n            document.addEventListener('keydown', (e) => {\n                if (e.key === 'Escape') closeMenu();\n            });\n\n            const csvUrl = 'https:\/\/www.quantm3.com\/documents\/csv\/axion.csv';\n            setDefaultDates();\n\n            try {\n                const response = await fetch(`${csvUrl}?v=${Date.now()}`, { cache: 'no-store' });\n\n                if (!response.ok) {\n                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n                }\n\n                const csvData = await response.text();\n\n                const rows = csvData.split('\\n');\n                const headers = rows[0].split(',').map(header => header.trim().toLowerCase());\n                const dataRows = rows.slice(1);\n                console.log('CSV Headers:', headers);\n\n                const dateIndex = headers.indexOf('date');\n                const dailyFundReturnIndex = headers.indexOf('daily_fund_return');\n                const dailyCdiReturnIndex = headers.indexOf('daily_cdi_return');\n\n                if (dateIndex === -1 || dailyFundReturnIndex === -1 || dailyCdiReturnIndex === -1) {\n                    console.error('Colunas necess\u00e1rias n\u00e3o encontradas no CSV. Headers found:', headers.join(', '));\n                    return;\n                }\n\n                dataRows.forEach(row => {\n                    if (row.trim() === '') return;\n                    const columns = row.split(',');\n\n                    const date = columns[dateIndex].trim();\n                    const dailyFundReturn = parseFloat(columns[dailyFundReturnIndex]);\n                    const dailyCdiReturn = parseFloat(columns[dailyCdiReturnIndex]);\n\n                    if (!isNaN(dailyFundReturn) && !isNaN(dailyCdiReturn)) {\n                        allData.push({\n                            date: date,\n                            dailyFundReturn: dailyFundReturn,\n                            dailyCdiReturn: dailyCdiReturn\n                        });\n                    }\n                });\n\n                allData.sort((a, b) => moment(a.date).valueOf() - moment(b.date).valueOf());\n\n                const firstDate = allData[0].date;\n                const lastDate = allData[allData.length - 1].date;\n                document.getElementById('start-date').setAttribute('min', firstDate);\n                document.getElementById('end-date').setAttribute('max', lastDate);\n\n                setDefaultDates();\n\n                const startDate = moment(document.getElementById('start-date').value);\n                const endDate = moment(document.getElementById('end-date').value);\n                const filteredData = filterDataByDateRange(startDate, endDate);\n                createChart(filteredData);\n\n                clampStartDate();\n                document.getElementById('end-date').addEventListener('change', clampStartDate);\n                document.getElementById('start-date').addEventListener('change', clampStartDate);\n\n                document.getElementById('apply-filter').addEventListener('click', function() {\n                    enforceMaxEndDate();\n                    clampStartDate();\n                    let startDate = moment(document.getElementById('start-date').value);\n                    let endDate = moment(document.getElementById('end-date').value);\n\n                    const firstData = moment(allData[0].date, 'YYYY-MM-DD');\n                    const lastData = moment(allData[allData.length - 1].date, 'YYYY-MM-DD');\n\n                    if (startDate.isBefore(firstData)) {\n                        console.warn(`Start date adjusted to fund inception: ${firstData.format('YYYY-MM-DD')}`);\n                        startDate = firstData.clone();\n                        document.getElementById('start-date').value = firstData.format('YYYY-MM-DD');\n                    }\n                    if (endDate.isAfter(lastData)) {\n                        console.warn(`End date adjusted to last available data: ${lastData.format('YYYY-MM-DD')}`);\n                        endDate = lastData.clone();\n                        document.getElementById('end-date').value = lastData.format('YYYY-MM-DD');\n                    }\n\n                    if (startDate.isValid() && endDate.isValid() && startDate.isSameOrBefore(endDate)) {\n                        const filteredData = filterDataByDateRange(startDate, endDate);\n                        createChart(filteredData);\n                    } else {\n                        console.error('Please select valid start and end dates');\n                    }\n                });\n\n            } catch (error) {\n                console.error('Error loading CSV data:', error.message);\n                document.getElementById('chart-container').innerHTML = '<p style=\"text-align: center; color: #ff6b6b;\">Error loading chart data.<\/p>';\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4461bfe elementor-widget elementor-widget-spacer\" data-id=\"4461bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-a58ecc2 e-flex e-con-boxed e-con e-parent\" data-id=\"a58ecc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b1fdd8 e-con-full e-flex e-con e-child\" data-id=\"9b1fdd8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5139ad2 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"5139ad2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.quantm3.com\/wp-content\/uploads\/2026\/08\/202607_Axion_Lamina.pdf\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">l\u00e2mina<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39bd88a e-con-full e-flex e-con e-child\" data-id=\"39bd88a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba88730 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"ba88730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.quantm3.com\/wp-content\/uploads\/2025\/07\/Regulamento-Axion.pdf\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Regulamento<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60f78c0 e-con-full e-flex e-con e-child\" data-id=\"60f78c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96bb2be elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"96bb2be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\" data-modal-trigger=\"custom-modal\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cotas &amp; PL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d20f360 e-con-full e-flex e-con e-child\" data-id=\"d20f360\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0c3d2c elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"f0c3d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">outras infos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0df7afc e-flex e-con-boxed e-con e-parent\" data-id=\"0df7afc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2ce7bc elementor-widget elementor-widget-html\" data-id=\"d2ce7bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        body {\r\n            font-family: \"Quantique\", sans-serif;\r\n        }\r\n        #custom-modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 1000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.6);\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n        .modal-content {\r\n            background-color: #0B1C23;\r\n            width: 430px;\r\n            height: 650px;\r\n            padding: 5px;\r\n            border-radius: 10px;\r\n            position: relative;\r\n            overflow-y: auto;\r\n            color: #C8FF5F;\r\n        }\r\n        .close-btn {\r\n            position: absolute;\r\n            top: 10px;\r\n            right: 20px;\r\n            font-size: 24px;\r\n            cursor: pointer;\r\n            color: #C8FF5F;\r\n        }\r\n        .modal-header-text {\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            color: #C8FF5F;\r\n            margin-bottom: 1px;\r\n            margin-top: 10px;\r\n            text-align: left;\r\n            margin-left: 15%; \r\n        }\r\n        .modal-subheader-text {\r\n            font-size: 14px;\r\n            color: #C8FF5F;\r\n            margin-bottom: 20px;\r\n            text-align: left;\r\n            line-height: 1.5;\r\n            margin-left: 15%; \r\n        }\r\n        #table-container {\r\n            width: 70%;\r\n            margin: 0 auto;\r\n            overflow-x: auto;\r\n        }\r\n        #table-container table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n        }\r\n        #table-container th,\r\n        #table-container td {\r\n            border: none;\r\n            text-align: center;\r\n            padding: 10px;\r\n            color: #BEBEB2;\r\n        }\r\n        #table-container th {\r\n            font-weight: bold;\r\n            color: #C8FF5F;\r\n            border-bottom: 2px solid #C8FF5F;\r\n        }\r\n        #table-container tr:hover {\r\n            background-color: #1A2A35;\r\n        }\r\n        #load-more-btn {\r\n            background-color: #C8FF5F;\r\n            color: #0B1C23;\r\n            border: none;\r\n            padding: 8px;\r\n            width: 70%; \r\n            font-size: 14px;\r\n            cursor: pointer;\r\n            margin-top: 20px;\r\n            border-radius: 25px;\r\n            display: block; \r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        #load-more-btn:hover {\r\n            background-color: #A4D74E;\r\n        }\r\n        .modal-content::-webkit-scrollbar {\r\n            width: 10px;\r\n        }\r\n        .modal-content::-webkit-scrollbar-thumb {\r\n            background-color: #C8FF5F;\r\n            border-radius: 10px;\r\n        }\r\n    <\/style>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.3.2\/papaparse.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n    <div id=\"custom-modal\">\r\n        <div class=\"modal-content\">\r\n            <span class=\"close-btn\">&times;<\/span>\r\n            <div class=\"modal-header-text\">Quantique Axion FIM<\/div>\r\n            <div class=\"modal-subheader-text\" id=\"latest-info\"><\/div>\r\n            <div id=\"table-container\"><\/div>\r\n            <button id=\"load-more-btn\">Exibir Mais<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\" data-modal-trigger=\"custom-modal\">\r\n    <\/a>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const modalTrigger = document.querySelector('[data-modal-trigger=\"custom-modal\"]');\r\n            const modal = document.getElementById('custom-modal');\r\n            const closeBtn = document.querySelector('.close-btn');\r\n            const loadMoreBtn = document.getElementById('load-more-btn');\r\n            const latestInfo = document.getElementById('latest-info');\r\n            let currentIndex = 0;\r\n            let data;\r\n\r\n            modalTrigger.addEventListener('click', (event) => {\r\n                event.preventDefault();\r\n                modal.style.display = 'flex';\r\n                currentIndex = 0;\r\n                loadCSVData();\r\n            });\r\n\r\n            closeBtn.addEventListener('click', () => {\r\n                modal.style.display = 'none';\r\n            });\r\n\r\n            window.addEventListener('click', (event) => {\r\n                if (event.target === modal) {\r\n                    modal.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            function loadCSVData() {\r\n                fetch('https:\/\/www.quantm3.com\/documents\/csv\/axion.csv')\r\n                    .then(response => response.text())\r\n                    .then(csvText => {\r\n                        Papa.parse(csvText, {\r\n                            header: true,\r\n                            complete: function(results) {\r\n                                data = results.data;\r\n                                data.sort((a, b) => b.date.localeCompare(a.date));\r\n                                updateLatestInfo(data[0]); \r\n                                createTable(data.slice(0, 10));\r\n                            }\r\n                        });\r\n                    });\r\n            }\r\n\r\n            function formatDateAsText(isoDate) {\r\n                if (!isoDate) return \"\";\r\n                const [year, month, day] = isoDate.split(\"-\");\r\n                return `${day}\/${month}\/${year}`;\r\n            }\r\n\r\n            function updateLatestInfo(latestRow) {\r\n                if (latestRow) {\r\n                    const formattedDate = formatDateAsText(latestRow.date);\r\n                    const formattedPL = parseFloat(latestRow.nav).toLocaleString('pt-BR', {\r\n                        minimumFractionDigits: 2,\r\n                        maximumFractionDigits: 2\r\n                    });\r\n                    latestInfo.innerHTML = `\r\n                        ${formattedDate}<br>\r\n                        PL R$: ${formattedPL}\r\n                    `;\r\n                }\r\n            }\r\n\r\n            function createTable(rows) {\r\n                const tableContainer = document.getElementById('table-container');\r\n                tableContainer.innerHTML = ''; \r\n                const table = document.createElement('table');\r\n\r\n                const headerRow = document.createElement('tr');\r\n                ['Data', 'Cota'].forEach(text => {\r\n                    const th = document.createElement('th');\r\n                    th.textContent = text;\r\n                    headerRow.appendChild(th);\r\n                });\r\n                table.appendChild(headerRow);\r\n\r\n                rows.forEach(row => {\r\n                    if (row.date && row.share) {\r\n                        const tr = document.createElement('tr');\r\n                        const dateCell = document.createElement('td');\r\n                        dateCell.textContent = formatDateAsText(row.date); \r\n                        tr.appendChild(dateCell);\r\n\r\n                        const shareCell = document.createElement('td');\r\n                        shareCell.textContent = parseFloat(row.share).toFixed(7);\r\n                        tr.appendChild(shareCell);\r\n\r\n                        table.appendChild(tr);\r\n                    }\r\n                });\r\n\r\n                tableContainer.appendChild(table);\r\n            }\r\n\r\n            loadMoreBtn.addEventListener('click', () => {\r\n                currentIndex += 10;\r\n                if (currentIndex < 252) { \r\n                    const nextRows = data.slice(currentIndex, currentIndex + 10);\r\n                    createTable(nextRows);\r\n                } else {\r\n                    loadMoreBtn.style.display = 'none'; \r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quantique Axion FIM Home Fundo Rentabilidade Acumulada 1M 3M 6M 1Y 18 M Quantique Axion FIM \u25bc Quantique Quark Sub Quantique Quark SC Sub Quantique Quark Magnon FIM \u2713 l\u00e2mina Regulamento Cotas &#038; PL outras infos &times; Quantique Axion FIM Exibir Mais<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3949","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/pages\/3949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/comments?post=3949"}],"version-history":[{"count":96,"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/pages\/3949\/revisions"}],"predecessor-version":[{"id":4836,"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/pages\/3949\/revisions\/4836"}],"wp:attachment":[{"href":"https:\/\/www.quantm3.com\/en\/wp-json\/wp\/v2\/media?parent=3949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}