{"id":1289,"date":"2025-09-17T10:36:15","date_gmt":"2025-09-17T08:36:15","guid":{"rendered":"https:\/\/corsi.investo.help\/?page_id=1289"},"modified":"2025-12-12T16:29:07","modified_gmt":"2025-12-12T15:29:07","slug":"comparativa","status":"publish","type":"page","link":"https:\/\/corsi.investo.help\/index.php\/comparativa\/","title":{"rendered":"Comparativa"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Comparatore Broker - Finanza Lab<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n :root {\n --primary-color: #2D1B69;\n --secondary-color: #8A63D2;\n --accent-color: #ff904d;\n --light-bg: #f8f9fa;\n --border-radius: 12px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Arial', sans-serif;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 1rem;\n }\n\n .comparison-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .comparison-header h1 {\n color: var(--primary-color);\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .broker-card {\n background: white;\n border-radius: var(--border-radius);\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n margin-bottom: 1.5rem;\n padding: 2rem;\n position: relative;\n transition: transform 0.3s ease;\n }\n\n .broker-card:hover {\n transform: translateY(-5px);\n }\n\n .rank-badge {\n position: absolute;\n left: -15px;\n top: 20px;\n background: var(--primary-color);\n color: white;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n font-size: 1.2rem;\n }\n\n .broker-main {\n display: grid;\n grid-template-columns: 200px 1fr 200px;\n gap: 2rem;\n align-items: center;\n }\n\n .broker-logo {\n text-align: center;\n }\n\n .broker-logo img {\n max-width: 150px;\n height: auto;\n }\n\n .broker-logo-placeholder {\n width: 150px;\n height: 150px;\n margin: 0 auto;\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 3rem;\n }\n\n .broker-info h2 {\n color: var(--primary-color);\n margin-bottom: 1rem;\n }\n\n .rating {\n color: #ffd700;\n margin-bottom: 0.5rem;\n }\n\n .features-list {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1rem;\n }\n\n .feature-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .feature-item i {\n color: var(--secondary-color);\n }\n\n .cta-button {\n background: var(--accent-color);\n color: white;\n text-decoration: none;\n padding: 1rem 2rem;\n border-radius: var(--border-radius);\n display: inline-block;\n font-weight: bold;\n transition: background 0.3s ease;\n cursor: pointer;\n }\n\n .cta-button:hover {\n background: #de712d;\n }\n\n .specs-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid #eee;\n }\n\n .spec-item {\n text-align: center;\n }\n\n .spec-item h4 {\n color: var(--primary-color);\n margin-bottom: 0.5rem;\n }\n\n .pros-cons {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .pros, .cons {\n background: var(--light-bg);\n padding: 1rem;\n border-radius: var(--border-radius);\n }\n\n .pros h4, .cons h4 {\n color: var(--primary-color);\n margin-bottom: 0.5rem;\n }\n\n .pros ul, .cons ul {\n list-style: none;\n }\n\n .pros li::before {\n content: \"\u2713\";\n color: green;\n margin-right: 0.5rem;\n }\n\n .cons li::before {\n content: \"\u2717\";\n color: red;\n margin-right: 0.5rem;\n }\n\n .pros li.new-feature::before {\n content: \"new\";\n color: var(--secondary-color);\n background-color: rgba(138, 99, 210, 0.1);\n border-radius: 3px;\n padding: 0 5px;\n font-size: 0.8rem;\n font-weight: bold;\n margin-right: 0.5rem;\n text-transform: uppercase;\n }\n .pros li.feature-highlight {\n position: relative;\n border: 1px solid var(--secondary-color);\n border-radius: 6px;\n padding: 6px 8px 6px 25px;\n margin: 8px 0;\n background-color: rgba(138, 99, 210, 0.05);\n }\n\n .pros li.feature-highlight::before {\n content: \"\u2713\";\n position: absolute;\n left: 8px;\n color: green;\n }\n\n .pros li.feature-highlight::after {\n content: \"AI features\";\n position: absolute;\n top: -10px;\n right: 10px;\n background-color: var(--secondary-color);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n padding: 2px 8px;\n border-radius: 12px;\n transform: rotate(0deg);\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n }\n .crypto-badge {\n background-color: var(--accent-color);\n color: white;\n font-size: 0.7rem;\n font-weight: bold;\n padding: 4px 10px;\n border-radius: 20px;\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n box-shadow: 0 2px 4px rgba(0,0,0,0.15);\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .crypto-badge::before {\n content: \"\u20bf\";\n font-size: 0.9rem;\n }\n\n .broker-logo {\n position: relative;\n padding-bottom: 15px;\n }\n\n \/* Modal styles aggiornati per sitebuilder *\/\n .password-modal {\n display: none;\n position: fixed;\n z-index: 9999; \/* Aumentato per superare altri elementi *\/\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.6);\n padding: 20px;\n overflow: auto;\n box-sizing: border-box;\n }\n\n .password-modal-content {\n background-color: white;\n border-radius: var(--border-radius);\n width: 90%;\n max-width: 450px;\n padding: 2rem;\n position: relative;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n margin: 0 auto;\n animation: modalFadeIn 0.3s ease;\n \/* Non settiamo posizione e top qui, lo faremo dinamicamente *\/\n }\n\n @keyframes modalFadeIn {\n from {transform: translateY(-20px); opacity: 0;}\n to {transform: translateY(0); opacity: 1;}\n }\n\n .close-modal {\n position: absolute;\n top: 10px;\n right: 15px;\n font-size: 24px;\n cursor: pointer;\n color: #777;\n transition: color 0.2s;\n }\n\n .close-modal:hover {\n color: var(--primary-color);\n }\n\n .password-modal-content h3 {\n color: var(--primary-color);\n margin-bottom: 1rem;\n font-size: 1.5rem;\n }\n\n .password-input-group {\n margin: 1.5rem 0;\n position: relative;\n }\n\n #passwordInput {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-size: 1rem;\n transition: border-color 0.2s;\n }\n\n #passwordInput:focus {\n border-color: var(--secondary-color);\n outline: none;\n }\n\n .password-error {\n color: #dc3545;\n font-size: 0.9rem;\n margin-top: 0.5rem;\n display: none;\n }\n\n .submit-password-btn {\n background: var(--accent-color);\n color: white;\n border: none;\n padding: 12px 20px;\n border-radius: var(--border-radius);\n font-weight: bold;\n cursor: pointer;\n width: 100%;\n transition: background 0.3s ease;\n }\n\n .submit-password-btn:hover {\n background: #de712d;\n }\n\n @media (max-width: 768px) {\n .broker-main {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .features-list {\n grid-template-columns: 1fr;\n }\n\n .specs-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .pros-cons {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"comparison-header\">\n <h1>Confronta i Migliori Broker<\/h1>\n <p>Analisi dettagliata delle principali piattaforme di trading online<\/p>\n <\/div>\n\n\n <!-- Mediolanum Trading Card -->\n <div class=\"broker-card\">\n <div class=\"rank-badge\">1<\/div>\n <div class=\"broker-main\">\n <div class=\"broker-logo\">\n <a href=\"https:\/\/www.bmedonline.it\/v3\/app\/ib_flutter_app_banca\/index.html#\/auth\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/Y4LVE2lz9BSGJl0L\/mediolanum-trading-comparativa-mP4ngJok2kHbRlrb.png\" alt=\"Mediolanum Logo\">\n <\/a>\n <\/div>\n <div class=\"broker-info\">\n <h2>Trading Mediolanum<\/h2>\n <div class=\"rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <span>(5.0\/5 - broker istituzionale)<\/span>\n <\/div>\n <div class=\"features-list\">\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Broker Istituzionale<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Trading Multi-Asset<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Quotazioni Real-time<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"broker-cta\">\n <a class=\"cta-button\" data-href=\"https:\/\/www.bmedonline.it\/v3\/app\/ib_flutter_app_banca\/index.html#\/auth\">Visita il Sito<\/a>\n <\/div>\n <\/div>\n\n <div class=\"specs-grid\">\n <div class=\"spec-item\">\n <h4>Deposito Minimo<\/h4>\n <p>\u20ac50.000<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Mercati Esteri<\/h4>\n <p>0,10%<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Anno Fondazione<\/h4>\n <p>1997<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Tipo<\/h4>\n <p>Banca<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pros-cons\">\n <div class=\"pros\">\n <h4>Pro<\/h4>\n <ul>\n <li>Solidit\u00e0 istituzionale<\/li>\n <li>Commissioni trasparenti<\/li>\n <li>ETF su mercati internazionali<\/li>\n <\/ul>\n <\/div>\n <div class=\"cons\">\n <h4>Contro<\/h4>\n <ul>\n <li>Commissioni pi\u00f9 alte vs broker online<\/li>\n <li>Requisiti operativit\u00e0 minimi<\/li>\n <li>Strumenti avanzati limitati<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- XBTI Card (ora seconda posizione) -->\n <div class=\"broker-card\">\n <div class=\"rank-badge\">2<\/div>\n <div class=\"broker-main\">\n <div class=\"broker-logo\">\n <a href=\"https:\/\/xbti.tech\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/YBg70QqOvlfvl3Qx\/immagine-2025-07-04-093257-AMq842gV52hQWyQA.png\" alt=\"XBTI Logo\">\n <div class=\"crypto-badge\">Crypto Friendly<\/div>\n <\/a>\n <\/div>\n <div class=\"broker-info\">\n <h2>XBTI<\/h2>\n <div class=\"rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <span>(5.0\/5 - basato su analisi indipendenti)<\/span>\n <\/div>\n <div class=\"features-list\">\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Market Maker\/ECN<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Multi-Account<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Spread Competitivi<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"broker-cta\">\n <a class=\"cta-button\" data-href=\"https:\/\/client.platformfinance.pro\/\">Visita il Sito<\/a>\n <\/div>\n <\/div>\n\n <div class=\"specs-grid\">\n <div class=\"spec-item\">\n <h4>Deposito Minimo<\/h4>\n <p>\u20ac200<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Licenza<\/h4>\n <p>CySEC, CONSOB<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Anno Fondazione<\/h4>\n <p>2015<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Leva Massima<\/h4>\n <p>1:200<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pros-cons\">\n <div class=\"pros\">\n <h4>Pro<\/h4>\n <ul>\n <li class=\"feature-highlight\">Sistema AI Semi-Automatico<\/li>\n <li>Dividendi su titoli azionari<\/li>\n <li>Regolamentazione affidabile<\/li>\n <li>Assistenza in italiano<\/li>\n <\/ul>\n <\/div>\n <div class=\"cons\">\n <h4>Contro<\/h4>\n <ul>\n <li>Solo piattaforma MT4<\/li>\n <li>Limitazioni sullo scalping<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- XKAPITAL IT Card (sostituisce Purple Trading) -->\n <div class=\"broker-card\">\n <div class=\"rank-badge\">3<\/div>\n <div class=\"broker-main\">\n <div class=\"broker-logo\">\n <a href=\"https:\/\/xkapital-it.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/Y4LVE2lz9BSGJl0L\/purple-trading-comparativa-dWxyD4jkBgtwBvwD.jpeg\" alt=\"XKAPITAL IT Logo\">\n <\/a>\n <\/div>\n <div class=\"broker-info\">\n <h2>XKAPITAL IT<\/h2>\n <div class=\"rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <span>(5.0\/5 - basato su analisi indipendenti)<\/span>\n <\/div>\n <div class=\"features-list\">\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Broker ECN\/STP<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Indicatori Proprietari<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Copy Trading<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"broker-cta\">\n <a class=\"cta-button\" data-href=\"https:\/\/client.platformfinance.pro\/\/\">Visita il Sito<\/a>\n <\/div>\n <\/div>\n\n <div class=\"specs-grid\">\n <div class=\"spec-item\">\n <h4>Deposito Minimo<\/h4>\n <p>\u20ac200<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Licenza<\/h4>\n <p>FMA<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Anno Fondazione<\/h4>\n <p>2006<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Tipo Esecuzione<\/h4>\n <p>STP\/ECN<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pros-cons\">\n <div class=\"pros\">\n <h4>Pro<\/h4>\n <ul>\n <li class=\"feature-highlight\">AI<\/li>\n <li>Indicatori tecnici proprietari gratuiti<\/li>\n <li>Sistema di copy trading avanzato<\/li>\n <li>Soluzioni per fornitori di strategie<\/li>\n <\/ul>\n <\/div>\n <div class=\"cons\">\n <h4>Contro<\/h4>\n <ul>\n <li>Offerta mercati limitata<\/li>\n <li>Commissioni ECN sopra la media<\/li>\n <li>Formazione base limitata<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Area TradeFX Card (nuova quarta posizione) -->\n <div class=\"broker-card\">\n <div class=\"rank-badge\">4<\/div>\n <div class=\"broker-main\">\n <div class=\"broker-logo\">\n <a href=\"https:\/\/area-tradefx.tech\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n <div class=\"broker-logo-placeholder\">\n <i class=\"fas fa-chart-line\"><\/i>\n <\/div>\n <\/a>\n <\/div>\n <div class=\"broker-info\">\n <h2>Area TradeFX<\/h2>\n <div class=\"rating\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <span>(5.0\/5 - basato su analisi indipendenti)<\/span>\n <\/div>\n <div class=\"features-list\">\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Broker ECN\/STP<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Indicatori Proprietari<\/span>\n <\/div>\n <div class=\"feature-item\">\n <i class=\"fas fa-check-circle\"><\/i>\n <span>Copy Trading<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"broker-cta\">\n <a class=\"cta-button\" data-href=\"https:\/\/client.platformfinance.pro\/\">Visita il Sito<\/a>\n <\/div>\n <\/div>\n\n <div class=\"specs-grid\">\n <div class=\"spec-item\">\n <h4>Deposito Minimo<\/h4>\n <p>\u20ac500<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Licenza<\/h4>\n <p>FMA<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Anno Fondazione<\/h4>\n <p>2006<\/p>\n <\/div>\n <div class=\"spec-item\">\n <h4>Tipo Esecuzione<\/h4>\n <p>STP\/ECN<\/p>\n <\/div>\n <\/div>\n\n <div class=\"pros-cons\">\n <div class=\"pros\">\n <h4>Pro<\/h4>\n <ul>\n <li class=\"feature-highlight\">AI<\/li>\n <li>Indicatori tecnici proprietari gratuiti<\/li>\n <li>Sistema di copy trading avanzato<\/li>\n <li>Soluzioni per fornitori di strategie<\/li>\n <\/ul>\n <\/div>\n <div class=\"cons\">\n <h4>Contro<\/h4>\n <ul>\n <li>Offerta mercati limitata<\/li>\n <li>Commissioni ECN sopra la media<\/li>\n <li>Formazione base limitata<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Password Modal -->\n <div id=\"passwordModal\" class=\"password-modal\">\n <div class=\"password-modal-content\">\n <span class=\"close-modal\">×<\/span>\n <h3>Accesso Riservato<\/h3>\n <p>Questa piattaforma richiede credenziali di accesso specifiche. Inserisci la password per continuare.<\/p>\n <div class=\"password-input-group\">\n <input type=\"password\" id=\"passwordInput\" placeholder=\"Inserisci la password\">\n <div class=\"password-error\" id=\"passwordError\">Password non corretta. Riprova.<\/div>\n <\/div>\n <button id=\"submitPassword\" class=\"submit-password-btn\">Accedi<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const cards = document.querySelectorAll('.broker-card');\n \n cards.forEach(card => {\n card.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-5px)';\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0)';\n });\n });\n \n \/\/ ===============================================================\n \/\/ Sistema di protezione con password\n \/\/ ===============================================================\n \n \/\/ Configura qui le password per ogni broker\n \/\/ Per aggiungere nuovi broker protetti, aggiungi semplicemente una nuova \n \/\/ riga con l'URL e la password corrispondente\n const brokerPasswords = {\n 'HEROMARKETS EU': {\n url: 'https:\/\/client.platforms.finance\/',\n password: 'HR2025@'\n },\n 'Tradexa': {\n url: 'https:\/\/client.platforms.finance\/',\n password: 'TA2025@'\n },\n 'XBTI': {\n url: 'https:\/\/client.platformfinance.pro\/',\n password: 'XB2025@'\n },\n 'Trading Mediolanum': {\n url: 'https:\/\/www.bmedonline.it\/v3\/app\/ib_flutter_app_banca\/index.html#\/auth',\n password: 'ML2025@'\n },\n 'XKAPITAL IT': {\n url: 'https:\/\/client.platformfinance.pro\/',\n password: 'XK2025@'\n },\n 'Area TradeFX': {\n url: 'https:\/\/area-tradefx.tech\/',\n password: 'AT2025@'\n }\n };\n \n const modal = document.getElementById('passwordModal');\n const closeModal = document.getElementsByClassName('close-modal')[0];\n const passwordInput = document.getElementById('passwordInput');\n const passwordError = document.getElementById('passwordError');\n const submitButton = document.getElementById('submitPassword');\n let currentTargetUrl = '';\n let currentBrokerElement = null;\n let currentBrokerName = '';\n\n \/\/ Funzione per posizionare il modal vicino al pulsante\n function positionModalNearButton() {\n \/\/ Ottieni la posizione dell'elemento cliccato\n const buttonRect = currentBrokerElement.getBoundingClientRect();\n \n \/\/ Ottieni la posizione del container rispetto alla pagina\n const containerRect = document.querySelector('.container').getBoundingClientRect();\n \n \/\/ Posiziona il modal\n const modalContent = document.querySelector('.password-modal-content');\n \n \/\/ Resetta posizionamento\n modalContent.style.position = '';\n modalContent.style.top = '';\n modalContent.style.left = '';\n modalContent.style.transform = '';\n modal.style.alignItems = 'flex-start';\n \n \/\/ Calcola la posizione verticale ottimale\n const viewportHeight = window.innerHeight;\n const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n \n let topPosition;\n if (buttonRect.top > viewportHeight \/ 2) {\n \/\/ Posiziona sopra se il pulsante \u00e8 nella met\u00e0 inferiore dello schermo\n topPosition = buttonRect.top + scrollTop - 350; \/\/ 350px sopra il pulsante\n } else {\n \/\/ Posiziona sotto se il pulsante \u00e8 nella met\u00e0 superiore dello schermo\n topPosition = buttonRect.bottom + scrollTop + 50; \/\/ 50px sotto il pulsante\n }\n\n \/\/ Imposta il padding-top del modal per centrare verticalmente\n modal.style.paddingTop = (topPosition - scrollTop) + 'px';\n \n \/\/ Assicurati che il modal sia visibile scrollando verso quella posizione\n window.scrollTo({\n top: Math.max(0, topPosition - 100),\n behavior: 'smooth'\n });\n }\n \n \/\/ Seleziona tutti i pulsanti CTA\n document.querySelectorAll('.cta-button').forEach(button => {\n \/\/ Ottieni il nome del broker dalla card\n const brokerCard = button.closest('.broker-card');\n const brokerName = brokerCard ? brokerCard.querySelector('h2').textContent.trim() : '';\n \n \/\/ Controlla se questo broker ha protezione con password\n if (brokerName && brokerPasswords[brokerName]) {\n const brokerInfo = brokerPasswords[brokerName];\n \n \/\/ Configura il pulsante per la protezione con password\n button.setAttribute('data-href', brokerInfo.url);\n button.removeAttribute('href');\n \n button.addEventListener('click', function(e) {\n e.preventDefault();\n currentTargetUrl = brokerInfo.url;\n currentBrokerElement = this;\n currentBrokerName = brokerName;\n \n \/\/ Aggiorniamo il titolo del modal con il nome del broker\n const modalTitle = document.querySelector('.password-modal-content h3');\n modalTitle.textContent = `Accesso Riservato a ${brokerName}`;\n \n \/\/ Mostra il modal\n modal.style.display = 'flex';\n \n \/\/ Posiziona il modal vicino al pulsante\n positionModalNearButton();\n \n \/\/ Resetta il form\n passwordInput.value = '';\n passwordError.style.display = 'none';\n passwordInput.focus();\n });\n } else if (button.hasAttribute('data-href') && !button.hasAttribute('href')) {\n \/\/ Per i pulsanti che hanno gi\u00e0 data-href ma non sono nella lista dei broker con password\n const href = button.getAttribute('data-href');\n button.addEventListener('click', function(e) {\n e.preventDefault();\n window.open(href, '_blank');\n });\n }\n });\n \n closeModal.addEventListener('click', function() {\n modal.style.display = 'none';\n });\n \n window.addEventListener('click', function(e) {\n if (e.target === modal) {\n modal.style.display = 'none';\n }\n });\n \n function checkPassword() {\n const password = passwordInput.value;\n \n \/\/ Verifichiamo la password\n if (currentBrokerName && brokerPasswords[currentBrokerName] && \n password === brokerPasswords[currentBrokerName].password) {\n modal.style.display = 'none';\n window.open(currentTargetUrl, '_blank');\n } else {\n passwordError.style.display = 'block';\n passwordInput.focus();\n }\n }\n \n submitButton.addEventListener('click', checkPassword);\n \n passwordInput.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n checkPassword();\n }\n });\n \n \/\/ Gestisce click esterni al container del modal, ma all'interno del modal overlay\n \/\/ Questo \u00e8 importante se il modal \u00e8 inserito in un contenitore\n document.addEventListener('click', function(e) {\n if (modal.style.display === 'flex' && \n !document.querySelector('.password-modal-content').contains(e.target) && \n e.target !== document.querySelector('.password-modal-content') &&\n !e.target.closest('.cta-button')) {\n modal.style.display = 'none';\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comparatore Broker – Finanza Lab Confronta i Migliori Broker Analisi dettagliata delle principali piattaforme di trading online 1…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1289","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/pages\/1289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/comments?post=1289"}],"version-history":[{"count":33,"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/pages\/1289\/revisions"}],"predecessor-version":[{"id":1328,"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/pages\/1289\/revisions\/1328"}],"wp:attachment":[{"href":"https:\/\/corsi.investo.help\/index.php\/wp-json\/wp\/v2\/media?parent=1289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}