{"id":4350,"date":"2026-08-22T15:52:04","date_gmt":"2026-08-22T13:52:04","guid":{"rendered":"https:\/\/www.metricdsa.com\/?page_id=4350"},"modified":"2026-08-23T21:19:49","modified_gmt":"2026-08-23T19:19:49","slug":"pacchetti","status":"publish","type":"page","link":"https:\/\/www.metricdsa.com\/en\/pacchetti\/","title":{"rendered":"Pacchetti"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4350\" class=\"elementor elementor-4350\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17de00e e-flex e-con-boxed wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"17de00e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41bf292 elementor-widget elementor-widget-html\" data-id=\"41bf292\" 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<div class=\"metric-packages\">\r\n\r\n    <!-- Caricamento font -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* ===== RESET per il wrapper ===== *\/\r\n        .metric-packages {\r\n            font-family: 'Inter', sans-serif;\r\n            color: #1e293b;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n            box-sizing: border-box;\r\n            \/* BORDI LATERALI *\/\r\n            border-left: 2px solid #e9edf4;\r\n            border-right: 2px solid #e9edf4;\r\n        }\r\n\r\n        .metric-packages * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* ===== TIPOGRAFIA ===== *\/\r\n        .metric-packages h1,\r\n        .metric-packages h2,\r\n        .metric-packages h3,\r\n        .metric-packages h4,\r\n        .metric-packages h5,\r\n        .metric-packages h6 {\r\n            font-weight: 700;\r\n            line-height: 1.3;\r\n            color: #0f172a;\r\n        }\r\n\r\n        .metric-packages h1 {\r\n            font-size: 2.8rem;\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .metric-packages h2 {\r\n            font-size: 2rem;\r\n            margin-bottom: 0.75rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .metric-packages .subtitle {\r\n            font-size: 1.2rem;\r\n            font-weight: 300;\r\n            color: #475569;\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 1.2rem auto;\r\n        }\r\n\r\n        .metric-packages .intro {\r\n            text-align: center;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .metric-packages .intro p {\r\n            font-weight: 300;\r\n            font-size: 1.1rem;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            color: #334155;\r\n        }\r\n\r\n        \/* ===== HEADER INTERNO ===== *\/\r\n        .metric-packages .packages-header {\r\n            text-align: center;\r\n            margin-bottom: 0.5rem;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* ===== GRIGLIA - 2 COLONNE ===== *\/\r\n        .metric-packages .packages-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        .metric-packages .package-card {\r\n            background: #ffffff;\r\n            border-radius: 12px;\r\n            padding: 30px 25px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n            border: 1px solid #e9edf4;\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .metric-packages .package-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        .metric-packages .package-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .metric-packages .package-name {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: #0f172a;\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .metric-packages .package-tagline {\r\n            font-size: 0.95rem;\r\n            font-weight: 300;\r\n            color: #475569;\r\n            margin-bottom: 1rem;\r\n            min-height: 48px;\r\n        }\r\n\r\n        .metric-packages .package-price {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #2563eb;\r\n            margin-bottom: 1.2rem;\r\n            border-bottom: 2px solid #eef2f6;\r\n            padding-bottom: 0.8rem;\r\n        }\r\n\r\n        .metric-packages .package-price small {\r\n            font-size: 1rem;\r\n            font-weight: 400;\r\n            color: #64748b;\r\n        }\r\n\r\n        .metric-packages .package-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 1.5rem 0;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .metric-packages .package-features li {\r\n            font-weight: 300;\r\n            font-size: 0.95rem;\r\n            padding: 6px 0;\r\n            border-bottom: 1px solid #f1f5f9;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 10px;\r\n            color: #1e293b;\r\n        }\r\n\r\n        .metric-packages .package-features li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .metric-packages .package-features li::before {\r\n            content: \"\u2713\";\r\n            color: #2563eb;\r\n            font-weight: 700;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .metric-packages .package-cta {\r\n            display: inline-block;\r\n            background-color: #2563eb;\r\n            color: #ffffff;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            padding: 12px 28px;\r\n            border-radius: 6px;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            transition: background-color 0.2s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            margin-top: 10px;\r\n            width: 100%;\r\n        }\r\n\r\n        .metric-packages .package-cta:hover {\r\n            background-color: #1d4ed8;\r\n        }\r\n\r\n        .metric-packages .package-cta-outline {\r\n            background-color: transparent;\r\n            color: #2563eb;\r\n            border: 2px solid #2563eb;\r\n        }\r\n\r\n        .metric-packages .package-cta-outline:hover {\r\n            background-color: #2563eb;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .metric-packages .cta-finale {\r\n            text-align: center;\r\n            background-color: #f8fafc;\r\n            padding: 50px 30px;\r\n            border-radius: 16px;\r\n            margin-top: 2rem;\r\n            border: 1px solid #e9edf4;\r\n        }\r\n\r\n        .metric-packages .cta-finale h2 {\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .metric-packages .cta-finale p {\r\n            font-weight: 300;\r\n            max-width: 600px;\r\n            margin: 0 auto 1.5rem auto;\r\n            color: #475569;\r\n        }\r\n\r\n        .metric-packages .cta-finale .package-cta {\r\n            font-size: 1.1rem;\r\n            padding: 14px 40px;\r\n            width: auto;\r\n        }\r\n\r\n        \/* ===== TABELLA ===== *\/\r\n        .metric-packages .table-wrap {\r\n            overflow-x: auto;\r\n            margin: 3rem 0;\r\n        }\r\n\r\n        .metric-packages .table-wrap table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            font-size: 0.9rem;\r\n            background: #ffffff;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\r\n        }\r\n\r\n        .metric-packages .table-wrap th {\r\n            padding: 14px 12px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            background-color: #f1f5f9;\r\n            color: #0f172a;\r\n        }\r\n\r\n        .metric-packages .table-wrap td {\r\n            padding: 12px;\r\n            border-bottom: 1px solid #e9edf4;\r\n        }\r\n\r\n        .metric-packages .table-wrap tr:nth-child(even) {\r\n            background-color: #fafcff;\r\n        }\r\n\r\n        \/* ===== RESPONSIVE ===== *\/\r\n        @media (max-width: 768px) {\r\n            .metric-packages {\r\n                padding: 0 16px;\r\n                border-left: none;\r\n                border-right: none;\r\n            }\r\n            .metric-packages h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .metric-packages h2 {\r\n                font-size: 1.6rem;\r\n            }\r\n            .metric-packages .packages-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            .metric-packages .package-card {\r\n                padding: 25px 20px;\r\n            }\r\n            .metric-packages .cta-finale .package-cta {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .metric-packages h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n            .metric-packages .subtitle {\r\n                font-size: 1rem;\r\n            }\r\n            .metric-packages .intro p {\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- ===== CONTENUTO ===== -->\r\n\r\n    <header class=\"packages-header\">\r\n        <h1>I Nostri Pacchetti IT<\/h1>\r\n        <p class=\"subtitle\">\r\n            Soluzioni modulari per accompagnarti passo dopo passo, dai privati fino alle grandi PMI.\r\n        <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"intro\">\r\n        <p>\r\n            Non tutte le aziende hanno le stesse esigenze. Abbiamo creato pacchetti modulari per accompagnarti \r\n            passo dopo passo, dai piccoli studi fino alle PMI. Scegli quello che fa per te!\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"packages-grid\">\r\n\r\n        <!-- PRIVATI -->\r\n        <div class=\"package-card\">\r\n            <div class=\"package-icon\">\ud83c\udfe0<\/div>\r\n            <div class=\"package-name\">PRIVATI<\/div>\r\n            <div class=\"package-tagline\">Assistenza da Remoto e Supporto<\/div>\r\n            <div class=\"package-price\">49\u20ac <small>\/mese + IVA<\/small><\/div>\r\n            <ul class=\"package-features\">\r\n                <li>2 ore\/mese di assistenza da remoto<\/li>\r\n                <li>Manutenzione PC e smartphone<\/li>\r\n                <li>Antivirus e aggiornamenti di sicurezza<\/li>\r\n                <li>Backup automatico su cloud (20 GB)<\/li>\r\n                <li>Risposta entro 8 ore<\/li>\r\n                <li>Contratto flessibile, disdetta mensile<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"package-cta whatsapp-btn\" data-package=\"PRIVATI\">Scopri PRIVATI<\/a>\r\n        <\/div>\r\n\r\n        <!-- START -->\r\n        <div class=\"package-card\">\r\n            <div class=\"package-icon\">\ud83d\udcbc<\/div>\r\n            <div class=\"package-name\">START<\/div>\r\n            <div class=\"package-tagline\">Professionisti e piccoli studi<\/div>\r\n            <div class=\"package-price\">149\u20ac <small>\/mese + IVA<\/small><\/div>\r\n            <ul class=\"package-features\">\r\n                <li>8 ore\/mese di assistenza da remoto<\/li>\r\n                <li>Manutenzione PC e dispositivi<\/li>\r\n                <li>Antivirus e protezione base<\/li>\r\n                <li>Backup automatico su cloud (50 GB)<\/li>\r\n                <li>Report mensile attivit\u00e0<\/li>\r\n                <li>Risposta entro 4 ore<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"package-cta whatsapp-btn\" data-package=\"START\">Scopri START<\/a>\r\n        <\/div>\r\n\r\n        <!-- STUDIO PROTETTO -->\r\n        <div class=\"package-card\">\r\n            <div class=\"package-icon\">\ud83d\udee1\ufe0f<\/div>\r\n            <div class=\"package-name\">STUDIO PROTETTO<\/div>\r\n            <div class=\"package-tagline\">Studi strutturati e cliniche<\/div>\r\n            <div class=\"package-price\">299\u20ac <small>\/mese + IVA<\/small><\/div>\r\n            <ul class=\"package-features\">\r\n                <li>12 ore\/mese di assistenza da remoto<\/li>\r\n                <li>Cybersecurity e protezione ransomware<\/li>\r\n                <li>Consulenza GDPR e privacy<\/li>\r\n                <li>Backup avanzato (500 GB) e Disaster Recovery base<\/li>\r\n                <li>Gestione apparati di rete<\/li>\r\n                <li>Risposta entro 2 ore<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"package-cta whatsapp-btn\" data-package=\"STUDIO PROTETTO\">Scopri STUDIO PROTETTO<\/a>\r\n        <\/div>\r\n\r\n        <!-- PMI RESILIENTE -->\r\n        <div class=\"package-card\">\r\n            <div class=\"package-icon\">\ud83c\udfe2<\/div>\r\n            <div class=\"package-name\">PMI RESILIENTE<\/div>\r\n            <div class=\"package-tagline\">Aziende fino a 50 dipendenti<\/div>\r\n            <div class=\"package-price\">499\u20ac <small>\/mese + IVA<\/small><\/div>\r\n            <ul class=\"package-features\">\r\n                <li>20 ore\/mese di assistenza da remoto<\/li>\r\n                <li>Interventi on\u2011site inclusi (fino a 4\/mese)<\/li>\r\n                <li>Cybersecurity enterprise e monitoraggio 24\/7<\/li>\r\n                <li>Backup 1 TB e Disaster Recovery avanzato<\/li>\r\n                <li>Ottimizzazione costi software e Asset Management<\/li>\r\n                <li>Sviluppo web base e manutenzione<\/li>\r\n                <li>Consulenza IT strategica e roadmap annuale<\/li>\r\n                <li>Risposta entro 1 ora<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"package-cta whatsapp-btn\" data-package=\"PMI RESILIENTE\">Scopri PMI RESILIENTE<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"table-wrap\">\r\n        <h2>Confronta i pacchetti<\/h2>\r\n        <table>\r\n            <thead>\r\n                <tr>\r\n                    <th>Funzionalit\u00e0<\/th>\r\n                    <th>PRIVATI<\/th>\r\n                    <th>START<\/th>\r\n                    <th>STUDIO PROTETTO<\/th>\r\n                    <th>PMI RESILIENTE<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td><strong>Assistenza remoto<\/strong><\/td>\r\n                    <td>2 h\/mese<\/td>\r\n                    <td>8 h\/mese<\/td>\r\n                    <td>12 h\/mese<\/td>\r\n                    <td>20 h\/mese<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><strong>Supporto on\u2011site<\/strong><\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u2705 4\/mese<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><strong>Tempo di risposta<\/strong><\/td>\r\n                    <td>8 ore<\/td>\r\n                    <td>4 ore<\/td>\r\n                    <td>2 ore<\/td>\r\n                    <td>1 ora<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><strong>Cybersecurity<\/strong><\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u2705<\/td>\r\n                    <td>\u2705 Avanzata<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><strong>Backup incluso<\/strong><\/td>\r\n                    <td>20 GB<\/td>\r\n                    <td>50 GB<\/td>\r\n                    <td>500 GB<\/td>\r\n                    <td>1 TB<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><strong>Disaster Recovery<\/strong><\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u2705 Base<\/td>\r\n                    <td>\u2705 Avanzato<\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><strong>Consulenza strategica<\/strong><\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u274c<\/td>\r\n                    <td>\u2705<\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <div class=\"cta-finale\">\r\n        <h2>Pronto a scegliere il pacchetto giusto per la tua azienda?<\/h2>\r\n        <p>\r\n            Non sei sicuro di quale pacchetto faccia al caso tuo? Contattaci per una consulenza gratuita. \r\n            Analizzeremo le tue esigenze e ti proporremo la soluzione pi\u00f9 adatta.\r\n        <\/p>\r\n        <a href=\"#\" class=\"package-cta whatsapp-btn\" data-package=\"CONSULENZA GRATUITA\" style=\"font-size: 1.1rem; padding: 14px 40px; width: auto;\">\r\n            Richiedi una consulenza gratuita\r\n        <\/a>\r\n        <p style=\"margin-top: 1.2rem; font-size: 0.95rem;\">\r\n            \ud83d\udcde Chiamaci: <a href=\"tel:+393514607983\" style=\"color: #2563eb; text-decoration: none; font-weight: 600;\">+39 351 460 7983<\/a> &nbsp;|&nbsp; \r\n            \u2709\ufe0f Scrivici: <a href=\"mailto:in**@*******sa.com\" data-original-string=\"NGmGd9H\/IgXLxDcLjmm0Iw==27dyGMdsippFnSQslH4qk58g56HyJhPIFAX5FAhShx6GH0=\" title=\"This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.\" style=\"color: #2563eb; text-decoration: none; font-weight: 600;\"><span \n                data-original-string='iFFTjTPqr8myj3tsJBrn7Q==27d8+WNyVSaQyZCLesVHWOUqWLoWDur07wPVNkmNYoNh58='\n                class='apbct-email-encoder'\n                title='This contact has been encoded by Anti-Spam by CleanTalk. Click to decode. To finish the decoding make sure that JavaScript is enabled in your browser.'>in<span class=\"apbct-blur\">**<\/span>@<span class=\"apbct-blur\">*******<\/span>sa.com<\/span><\/a>\r\n        <\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ Numero WhatsApp (solo cifre, senza +)\r\n        const phone = '393514607983';\r\n\r\n        \/\/ Messaggi personalizzati per ogni pacchetto\r\n        const messages = {\r\n            'PRIVATI': 'Ciao, sono interessato al pacchetto PRIVATI. Vorrei ricevere maggiori informazioni su costi e servizi inclusi. Grazie!',\r\n            'START': 'Ciao, sono interessato al pacchetto START per professionisti e piccoli studi. Potreste darmi pi\u00f9 dettagli? Grazie!',\r\n            'STUDIO PROTETTO': 'Ciao, sono interessato al pacchetto STUDIO PROTETTO per studi strutturati. Vorrei un preventivo personalizzato. Grazie!',\r\n            'PMI RESILIENTE': 'Ciao, sono interessato al pacchetto PMI RESILIENTE per aziende fino a 50 dipendenti. Vorrei ricevere maggiori informazioni. Grazie!',\r\n            'CONSULENZA GRATUITA': 'Ciao, vorrei richiedere una consulenza gratuita per capire quale pacchetto IT \u00e8 pi\u00f9 adatto alla mia attivit\u00e0. Grazie!'\r\n        };\r\n\r\n        \/\/ Seleziona tutti i pulsanti WhatsApp\r\n        document.querySelectorAll('.whatsapp-btn').forEach(function(btn) {\r\n            btn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n\r\n                \/\/ Legge il nome del pacchetto dall'attributo data-package\r\n                const packageName = this.getAttribute('data-package');\r\n                \/\/ Recupera il messaggio personalizzato, o usa un fallback\r\n                const message = messages[packageName] || 'Ciao, sono interessato ai vostri servizi IT. Vorrei maggiori informazioni. Grazie!';\r\n\r\n                \/\/ Costruisce l'URL WhatsApp\r\n                const url = 'https:\/\/wa.me\/' + phone + '?text=' + encodeURIComponent(message);\r\n\r\n                \/\/ Apre WhatsApp in una nuova finestra\/scheda\r\n                window.open(url, '_blank');\r\n            });\r\n        });\r\n\r\n    })();\r\n<\/script>\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-6a34570 e-flex e-con-boxed wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"6a34570\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66fa9d6 elementor-widget elementor-widget-html\" data-id=\"66fa9d6\" 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<style>\r\n\/* ===== STILE PULSANTI DI ATTIVAZIONE ===== *\/\r\n.launch-buttons {\r\n    display: flex;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 30px;\r\n    justify-content: center;\r\n}\r\n.launch-btn {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 20px 32px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    background: #2563eb;\r\n    color: #fff;\r\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);\r\n    min-width: 220px;\r\n}\r\n.launch-btn svg {\r\n    flex-shrink: 0;\r\n}\r\n.launch-btn span {\r\n    font-size: 0.95rem;\r\n}\r\n.launch-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);\r\n}\r\n.launch-btn.svc {\r\n    background: #0f172a;\r\n    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.25);\r\n}\r\n.launch-btn.svc:hover {\r\n    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.35);\r\n}\r\n\r\n\/* ===== OVERLAY MODALE ===== *\/\r\n.config-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 9999;\r\n    background: rgba(0, 0, 0, 0.6);\r\n    backdrop-filter: blur(6px);\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n}\r\n.config-overlay.active {\r\n    display: flex;\r\n}\r\n.config-modal {\r\n    position: relative;\r\n    max-width: 960px;\r\n    width: 100%;\r\n    max-height: 90vh;\r\n    background: #ffffff;\r\n    border-radius: 28px;\r\n    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);\r\n    overflow-y: auto;\r\n    padding: 24px 28px 28px;\r\n    animation: modalFade 0.3s ease;\r\n    box-sizing: border-box;\r\n}\r\n@keyframes modalFade {\r\n    from { opacity: 0; transform: translateY(30px) scale(0.97); }\r\n    to { opacity: 1; transform: translateY(0) scale(1); }\r\n}\r\n.config-modal::-webkit-scrollbar {\r\n    width: 6px;\r\n}\r\n.config-modal::-webkit-scrollbar-track {\r\n    background: #f1f5f9;\r\n    border-radius: 10px;\r\n}\r\n.config-modal::-webkit-scrollbar-thumb {\r\n    background: #cbd5e1;\r\n    border-radius: 10px;\r\n}\r\n.config-modal::-webkit-scrollbar-thumb:hover {\r\n    background: #94a3b8;\r\n}\r\n\r\n.close-modal {\r\n    position: sticky;\r\n    top: 0;\r\n    float: right;\r\n    background: #ffffff;\r\n    border: none;\r\n    border-radius: 50%;\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 1.4rem;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);\r\n    z-index: 10;\r\n    margin-bottom: -40px;\r\n    margin-right: -8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #0f172a;\r\n    transition: 0.15s;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n.close-modal:hover {\r\n    background: #f1f5f9;\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* ================================================================\r\n   STILE ORIGINALE DEI CONFIGURATORI\r\n   ================================================================ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.pkg-wrapper .sim-wrapper,\r\n.svc-wrapper .sim-wrapper {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    font-family: 'Inter', sans-serif;\r\n    color: #1a1a2e;\r\n    padding: 0;\r\n}\r\n\r\n.pkg-wrapper .sim-header,\r\n.svc-wrapper .sim-header {\r\n    text-align: center;\r\n    margin-bottom: 2.5rem;\r\n    padding: 32px 24px 24px;\r\n    background: #f8fafc;\r\n    border-radius: 20px;\r\n    border: 1px solid #eef2f6;\r\n}\r\n.pkg-wrapper .sim-header .badge,\r\n.svc-wrapper .sim-header .badge {\r\n    display: inline-block;\r\n    background: #2563eb;\r\n    color: #fff;\r\n    font-size: 0.65rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    padding: 4px 16px;\r\n    border-radius: 20px;\r\n    margin-bottom: 0.5rem;\r\n}\r\n.pkg-wrapper .sim-header h2,\r\n.svc-wrapper .sim-header h2 {\r\n    font-size: 1.8rem;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    margin-bottom: 0.3rem;\r\n    letter-spacing: -0.3px;\r\n}\r\n.pkg-wrapper .sim-header p,\r\n.svc-wrapper .sim-header p {\r\n    font-weight: 300;\r\n    color: #64748b;\r\n    font-size: 0.95rem;\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.pkg-wrapper .sim-card,\r\n.svc-wrapper .sim-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 0;\r\n    border: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.pkg-wrapper .sim-section,\r\n.svc-wrapper .sim-section {\r\n    margin-bottom: 2rem;\r\n    padding-bottom: 2rem;\r\n    border-bottom: 1px solid #f1f5f9;\r\n}\r\n.pkg-wrapper .sim-section:last-of-type,\r\n.svc-wrapper .sim-section:last-of-type {\r\n    border-bottom: none;\r\n    margin-bottom: 0;\r\n    padding-bottom: 0;\r\n}\r\n.pkg-wrapper .sim-section-title,\r\n.svc-wrapper .sim-section-title {\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    color: #0f172a;\r\n    margin-bottom: 0.2rem;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.pkg-wrapper .sim-section-title .icon,\r\n.svc-wrapper .sim-section-title .icon {\r\n    font-size: 1.1rem;\r\n}\r\n.pkg-wrapper .sim-section-desc,\r\n.svc-wrapper .sim-section-desc {\r\n    font-weight: 300;\r\n    font-size: 0.85rem;\r\n    color: #94a3b8;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n\/* ===== BOTTONI PACCHETTI ===== *\/\r\n.pkg-wrapper .pkg-btn-group {\r\n    display: flex;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn {\r\n    padding: 8px 18px;\r\n    border: 1.5px solid #e2e8f0;\r\n    border-radius: 30px;\r\n    background: #ffffff;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.82rem;\r\n    font-weight: 500;\r\n    color: #64748b;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn:hover {\r\n    border-color: #b9c8e8;\r\n    background: #f8faff;\r\n    color: #0f172a;\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn.active {\r\n    border-color: #2563eb;\r\n    background: #eff6ff;\r\n    color: #0f172a;\r\n    font-weight: 600;\r\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn .dot {\r\n    display: inline-block;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: #94a3b8;\r\n    transition: background 0.2s ease;\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn.active .dot {\r\n    background: #2563eb;\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn.custom-btn {\r\n    border-style: dashed;\r\n    border-color: #cbd5e1;\r\n    color: #64748b;\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn.custom-btn:hover {\r\n    border-color: #94a3b8;\r\n    background: #f8fafc;\r\n}\r\n.pkg-wrapper .pkg-btn-group .pkg-btn.custom-btn.active {\r\n    border-style: solid;\r\n    border-color: #2563eb;\r\n    background: #eff6ff;\r\n    color: #0f172a;\r\n}\r\n\r\n\/* ===== BOTTONI SERVIZI ===== *\/\r\n.svc-wrapper .svc-btn-group {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn {\r\n    padding: 10px 24px;\r\n    border: 1.5px solid #e2e8f0;\r\n    border-radius: 30px;\r\n    background: #ffffff;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    color: #64748b;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn:hover {\r\n    border-color: #b9c8e8;\r\n    background: #f8faff;\r\n    color: #0f172a;\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn.active {\r\n    border-color: #2563eb;\r\n    background: #eff6ff;\r\n    color: #0f172a;\r\n    font-weight: 600;\r\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn .dot {\r\n    display: inline-block;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #94a3b8;\r\n    transition: background 0.2s ease;\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn.active .dot {\r\n    background: #2563eb;\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn.custom-btn {\r\n    border-style: dashed;\r\n    border-color: #cbd5e1;\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn.custom-btn:hover {\r\n    border-color: #94a3b8;\r\n    background: #f8fafc;\r\n}\r\n.svc-wrapper .svc-btn-group .svc-btn.custom-btn.active {\r\n    border-style: solid;\r\n    border-color: #2563eb;\r\n    background: #eff6ff;\r\n    color: #0f172a;\r\n}\r\n\r\n\/* ===== GRIGLIA PARAMETRI ===== *\/\r\n.pkg-wrapper .sim-grid,\r\n.svc-wrapper .sim-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px;\r\n}\r\n\r\n.pkg-wrapper .sim-param,\r\n.svc-wrapper .sim-param {\r\n    background: #fafcff;\r\n    border: 1.5px solid #eef2f6;\r\n    border-radius: 14px;\r\n    padding: 16px 18px 14px;\r\n    transition: border-color 0.2s ease;\r\n}\r\n.pkg-wrapper .sim-param:hover,\r\n.svc-wrapper .sim-param:hover {\r\n    border-color: #d1d9e8;\r\n}\r\n.pkg-wrapper .sim-param .param-label,\r\n.svc-wrapper .sim-param .param-label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    color: #0f172a;\r\n    margin-bottom: 0.1rem;\r\n}\r\n.pkg-wrapper .sim-param .param-label .price-tag,\r\n.svc-wrapper .sim-param .param-label .price-tag {\r\n    font-weight: 400;\r\n    font-size: 0.7rem;\r\n    color: #94a3b8;\r\n    background: #f1f5f9;\r\n    padding: 1px 12px;\r\n    border-radius: 20px;\r\n}\r\n.pkg-wrapper .sim-param .param-desc,\r\n.svc-wrapper .sim-param .param-desc {\r\n    font-weight: 300;\r\n    font-size: 0.7rem;\r\n    color: #94a3b8;\r\n    margin-bottom: 0.7rem;\r\n}\r\n\r\n\/* ===== STEPPER ===== *\/\r\n.pkg-wrapper .stepper,\r\n.svc-wrapper .stepper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n.pkg-wrapper .stepper button,\r\n.svc-wrapper .stepper button {\r\n    width: 34px;\r\n    height: 34px;\r\n    border: 1.5px solid #e2e8f0;\r\n    border-radius: 10px;\r\n    background: #fff;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    cursor: pointer;\r\n    transition: all 0.15s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Inter', sans-serif;\r\n    flex-shrink: 0;\r\n}\r\n.pkg-wrapper .stepper button:hover,\r\n.svc-wrapper .stepper button:hover {\r\n    border-color: #2563eb;\r\n    background: #eff6ff;\r\n    color: #2563eb;\r\n}\r\n.pkg-wrapper .stepper button:active,\r\n.svc-wrapper .stepper button:active {\r\n    transform: scale(0.92);\r\n}\r\n.pkg-wrapper .stepper .val,\r\n.svc-wrapper .stepper .val {\r\n    font-size: 1.3rem;\r\n    font-weight: 800;\r\n    color: #0f172a;\r\n    min-width: 36px;\r\n    text-align: center;\r\n}\r\n.pkg-wrapper .stepper .unit,\r\n.svc-wrapper .stepper .unit {\r\n    font-size: 0.65rem;\r\n    font-weight: 400;\r\n    color: #94a3b8;\r\n    margin-left: 2px;\r\n}\r\n.pkg-wrapper .stepper select,\r\n.svc-wrapper .stepper select {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 1.5px solid #e2e8f0;\r\n    border-radius: 10px;\r\n    font-size: 0.85rem;\r\n    background: #fff;\r\n    font-family: 'Inter', sans-serif;\r\n    cursor: pointer;\r\n}\r\n.pkg-wrapper .stepper select:focus,\r\n.svc-wrapper .stepper select:focus {\r\n    outline: none;\r\n    border-color: #2563eb;\r\n}\r\n\r\n\/* ===== EXTRA TOGGLE ===== *\/\r\n.pkg-wrapper .toggle-grid,\r\n.svc-wrapper .toggle-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 10px;\r\n}\r\n.pkg-wrapper .toggle-item,\r\n.svc-wrapper .toggle-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: #fafcff;\r\n    border: 1.5px solid #eef2f6;\r\n    border-radius: 12px;\r\n    padding: 12px 16px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n}\r\n.pkg-wrapper .toggle-item:hover,\r\n.svc-wrapper .toggle-item:hover {\r\n    border-color: #c5d2e6;\r\n    background: #f8faff;\r\n}\r\n.pkg-wrapper .toggle-item.active,\r\n.svc-wrapper .toggle-item.active {\r\n    border-color: #2563eb;\r\n    background: #eff6ff;\r\n}\r\n.pkg-wrapper .toggle-item input[type=\"checkbox\"],\r\n.svc-wrapper .toggle-item input[type=\"checkbox\"] {\r\n    width: 18px;\r\n    height: 18px;\r\n    accent-color: #2563eb;\r\n    flex-shrink: 0;\r\n    cursor: pointer;\r\n    margin: 0;\r\n}\r\n.pkg-wrapper .toggle-item .info,\r\n.svc-wrapper .toggle-item .info {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.pkg-wrapper .toggle-item .name,\r\n.svc-wrapper .toggle-item .name {\r\n    font-weight: 600;\r\n    font-size: 0.88rem;\r\n    color: #0f172a;\r\n}\r\n.pkg-wrapper .toggle-item .price,\r\n.svc-wrapper .toggle-item .price {\r\n    font-weight: 300;\r\n    font-size: 0.75rem;\r\n    color: #64748b;\r\n}\r\n\r\n\/* ===== RIEPILOGO ===== *\/\r\n.pkg-wrapper .sim-summary,\r\n.svc-wrapper .sim-summary {\r\n    margin-top: 1.5rem;\r\n    padding-top: 1.5rem;\r\n    border-top: 2px solid #eef2f6;\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr;\r\n    gap: 20px;\r\n    align-items: stretch;\r\n}\r\n.pkg-wrapper .sim-summary .detail,\r\n.svc-wrapper .sim-summary .detail {\r\n    background: #f8fafc;\r\n    border-radius: 14px;\r\n    padding: 16px 20px;\r\n    border: 1px solid #eef2f6;\r\n}\r\n.pkg-wrapper .sim-summary .detail .row,\r\n.svc-wrapper .sim-summary .detail .row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 4px 0;\r\n    border-bottom: 1px dashed #e9edf4;\r\n    font-size: 0.85rem;\r\n}\r\n.pkg-wrapper .sim-summary .detail .row:last-child,\r\n.svc-wrapper .sim-summary .detail .row:last-child {\r\n    border-bottom: none;\r\n}\r\n.pkg-wrapper .sim-summary .detail .row .lbl,\r\n.svc-wrapper .sim-summary .detail .row .lbl {\r\n    font-weight: 300;\r\n    color: #64748b;\r\n}\r\n.pkg-wrapper .sim-summary .detail .row .val,\r\n.svc-wrapper .sim-summary .detail .row .val {\r\n    font-weight: 600;\r\n    color: #0f172a;\r\n}\r\n.pkg-wrapper .sim-summary .detail .row.extra-row,\r\n.svc-wrapper .sim-summary .detail .row.extra-row {\r\n    border-top: 1px solid #e9edf4;\r\n    margin-top: 4px;\r\n    padding-top: 8px;\r\n}\r\n.pkg-wrapper .sim-summary .total-box,\r\n.svc-wrapper .sim-summary .total-box {\r\n    background: #f8fafc;\r\n    border-radius: 14px;\r\n    padding: 16px 22px;\r\n    border: 1.5px solid #2563eb;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-height: 80px;\r\n    background: #f0f7ff;\r\n}\r\n.pkg-wrapper .sim-summary .total-box .lbl,\r\n.svc-wrapper .sim-summary .total-box .lbl {\r\n    font-weight: 400;\r\n    font-size: 0.75rem;\r\n    color: #64748b;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n.pkg-wrapper .sim-summary .total-box .price,\r\n.svc-wrapper .sim-summary .total-box .price {\r\n    font-size: 2.2rem;\r\n    font-weight: 900;\r\n    color: #0f172a;\r\n    line-height: 1.2;\r\n}\r\n.pkg-wrapper .sim-summary .total-box .price .currency,\r\n.svc-wrapper .sim-summary .total-box .price .currency {\r\n    color: #2563eb;\r\n}\r\n.pkg-wrapper .sim-summary .total-box .price .iva,\r\n.svc-wrapper .sim-summary .total-box .price .iva {\r\n    font-size: 0.7rem;\r\n    font-weight: 400;\r\n    color: #94a3b8;\r\n    display: block;\r\n}\r\n\r\n\/* ===== AZIONI ===== *\/\r\n.pkg-wrapper .sim-actions,\r\n.svc-wrapper .sim-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    margin-top: 1.5rem;\r\n    flex-wrap: wrap;\r\n}\r\n.pkg-wrapper .sim-actions .btn-primary,\r\n.svc-wrapper .sim-actions .btn-primary {\r\n    flex: 1;\r\n    background: #2563eb;\r\n    color: #fff;\r\n    border: none;\r\n    padding: 16px 32px;\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    border-radius: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    font-family: 'Inter', sans-serif;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-width: 180px;\r\n}\r\n.pkg-wrapper .sim-actions .btn-primary:hover,\r\n.svc-wrapper .sim-actions .btn-primary:hover {\r\n    background: #1d4ed8;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.20);\r\n}\r\n.pkg-wrapper .sim-actions .btn-secondary,\r\n.svc-wrapper .sim-actions .btn-secondary {\r\n    background: #f1f5f9;\r\n    color: #0f172a;\r\n    border: 1.5px solid #e2e8f0;\r\n    padding: 16px 28px;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    border-radius: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    font-family: 'Inter', sans-serif;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    min-width: 140px;\r\n}\r\n.pkg-wrapper .sim-actions .btn-secondary:hover,\r\n.svc-wrapper .sim-actions .btn-secondary:hover {\r\n    background: #e9edf4;\r\n    border-color: #cbd5e1;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.pkg-wrapper .sim-note,\r\n.svc-wrapper .sim-note {\r\n    text-align: center;\r\n    font-size: 0.65rem;\r\n    color: #94a3b8;\r\n    margin-top: 1.2rem;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n    .config-modal { padding: 16px 16px 20px; }\r\n    .pkg-wrapper .sim-card,\r\n    .svc-wrapper .sim-card { padding: 0; }\r\n    .pkg-wrapper .sim-grid,\r\n    .svc-wrapper .sim-grid { grid-template-columns: 1fr; }\r\n    .pkg-wrapper .toggle-grid,\r\n    .svc-wrapper .toggle-grid { grid-template-columns: 1fr; }\r\n    .pkg-wrapper .sim-summary,\r\n    .svc-wrapper .sim-summary { grid-template-columns: 1fr; gap: 14px; }\r\n    .pkg-wrapper .sim-summary .total-box,\r\n    .svc-wrapper .sim-summary .total-box { min-height: unset; padding: 14px 18px; }\r\n    .pkg-wrapper .sim-summary .total-box .price,\r\n    .svc-wrapper .sim-summary .total-box .price { font-size: 1.8rem; }\r\n    .pkg-wrapper .sim-actions,\r\n    .svc-wrapper .sim-actions { flex-direction: column; }\r\n    .pkg-wrapper .sim-actions .btn-primary,\r\n    .pkg-wrapper .sim-actions .btn-secondary,\r\n    .svc-wrapper .sim-actions .btn-primary,\r\n    .svc-wrapper .sim-actions .btn-secondary { width: 100%; min-width: unset; padding: 14px 20px; }\r\n    .pkg-wrapper .sim-header,\r\n    .svc-wrapper .sim-header { padding: 24px 16px 20px; }\r\n    .pkg-wrapper .sim-header h2,\r\n    .svc-wrapper .sim-header h2 { font-size: 1.4rem; }\r\n    .pkg-wrapper .sim-param,\r\n    .svc-wrapper .sim-param { padding: 14px 14px 12px; }\r\n    .pkg-wrapper .stepper .val,\r\n    .svc-wrapper .stepper .val { font-size: 1.1rem; min-width: 30px; }\r\n    .pkg-wrapper .stepper button,\r\n    .svc-wrapper .stepper button { width: 30px; height: 30px; font-size: 0.9rem; }\r\n    .pkg-wrapper .pkg-btn-group .pkg-btn,\r\n    .svc-wrapper .svc-btn-group .svc-btn { padding: 6px 14px; font-size: 0.78rem; }\r\n    .launch-btn { min-width: unset; padding: 16px 24px; }\r\n}\r\n@media (max-width: 480px) {\r\n    .config-modal { padding: 12px 10px 16px; border-radius: 16px; }\r\n    .pkg-wrapper .sim-card,\r\n    .svc-wrapper .sim-card { padding: 0; }\r\n    .pkg-wrapper .sim-header,\r\n    .svc-wrapper .sim-header { border-radius: 14px; padding: 18px 12px 16px; }\r\n    .pkg-wrapper .sim-header h2,\r\n    .svc-wrapper .sim-header h2 { font-size: 1.2rem; }\r\n    .pkg-wrapper .sim-param .param-label,\r\n    .svc-wrapper .sim-param .param-label { font-size: 0.82rem; }\r\n    .pkg-wrapper .sim-summary .detail .row,\r\n    .svc-wrapper .sim-summary .detail .row { font-size: 0.78rem; }\r\n    .pkg-wrapper .sim-actions .btn-primary,\r\n    .pkg-wrapper .sim-actions .btn-secondary,\r\n    .svc-wrapper .sim-actions .btn-primary,\r\n    .svc-wrapper .sim-actions .btn-secondary { font-size: 0.85rem; padding: 12px 16px; border-radius: 12px; }\r\n    .launch-btn { padding: 14px 20px; font-size: 0.85rem; }\r\n    .launch-btn svg { width: 24px; height: 24px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== PULSANTI DI ATTIVAZIONE ===== -->\r\n<div class=\"launch-buttons\">\r\n    <!-- Pulsante Pacchetti IT - Icona Computer -->\r\n    <button class=\"launch-btn\" data-target=\"pkg\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;\">\r\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n            <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n            <rect x=\"4\" y=\"17\" width=\"16\" height=\"2\" rx=\"1\"><\/rect>\r\n        <\/svg>\r\n        <span>Personalizza i Pacchetti IT<\/span>\r\n    <\/button>\r\n\r\n    <!-- Pulsante Servizi IT - Icona 1234 -->\r\n    <button class=\"launch-btn svc\" data-target=\"svc\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;\">\r\n            <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" stroke=\"currentColor\" fill=\"none\"><\/rect>\r\n            <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" ry=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"1\"><\/rect>\r\n            <text x=\"12\" y=\"16\" font-size=\"10\" font-weight=\"700\" fill=\"currentColor\" stroke=\"none\" text-anchor=\"middle\" font-family=\"'Inter', sans-serif\">1234<\/text>\r\n        <\/svg>\r\n        <span>Personalizza Servizi IT<\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n<!-- ===== MODALE PACCHETTI ===== -->\r\n<div class=\"config-overlay\" id=\"overlay-pkg\">\r\n    <div class=\"config-modal pkg-wrapper\">\r\n        <button class=\"close-modal\" data-close=\"pkg\">\u2715<\/button>\r\n        <!-- INIZIO CONFIGURATORE PACCHETTI -->\r\n        <div class=\"sim-wrapper\">\r\n            <div class=\"sim-header\">\r\n                <span class=\"badge\">Configuratore<\/span>\r\n                <h2>Pacchetto IT su misura<\/h2>\r\n                <p>Seleziona un preset o personalizza ogni parametro. Il prezzo si aggiorna in tempo reale.<\/p>\r\n            <\/div>\r\n            <div class=\"sim-card\">\r\n\r\n                <div class=\"sim-section\">\r\n                    <div class=\"sim-section-title\"><span class=\"icon\">\ud83d\udce6<\/span> Seleziona il pacchetto<\/div>\r\n                    <div class=\"sim-section-desc\">Scegli un preset per caricare le quantit\u00e0, oppure personalizza tutto.<\/div>\r\n                    <div class=\"pkg-btn-group\" id=\"pkg-buttons\">\r\n                        <button class=\"pkg-btn\" data-preset=\"privati\"><span class=\"dot\"><\/span> Privati<\/button>\r\n                        <button class=\"pkg-btn\" data-preset=\"start\"><span class=\"dot\"><\/span> START<\/button>\r\n                        <button class=\"pkg-btn\" data-preset=\"studio\"><span class=\"dot\"><\/span> Studio Protetto<\/button>\r\n                        <button class=\"pkg-btn\" data-preset=\"pmi\"><span class=\"dot\"><\/span> PMI Resiliente<\/button>\r\n                        <button class=\"pkg-btn custom-btn active\" data-preset=\"custom\"><span class=\"dot\"><\/span> Personalizza<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-section\">\r\n                    <div class=\"sim-section-title\"><span class=\"icon\">\u2699\ufe0f<\/span> Quantit\u00e0<\/div>\r\n                    <div class=\"sim-section-desc\">Regola ogni parametro con i pulsanti + e \u2212.<\/div>\r\n                    <div class=\"sim-grid\">\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>PC \/ Workstation<\/span><span class=\"price-tag\">\u20ac15 cad.<\/span><\/div>\r\n                            <div class=\"param-desc\">Numero di computer e portatili<\/div>\r\n                            <div class=\"stepper\">\r\n                                <button class=\"stp-minus\" data-target=\"pc\">\u2212<\/button>\r\n                                <span class=\"val\" id=\"pc\">0<\/span>\r\n                                <button class=\"stp-plus\" data-target=\"pc\">+<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>Server<\/span><span class=\"price-tag\">\u20ac50 cad.<\/span><\/div>\r\n                            <div class=\"param-desc\">Server fisici o virtuali<\/div>\r\n                            <div class=\"stepper\">\r\n                                <button class=\"stp-minus\" data-target=\"server\">\u2212<\/button>\r\n                                <span class=\"val\" id=\"server\">0<\/span>\r\n                                <button class=\"stp-plus\" data-target=\"server\">+<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>Assistenza remota<\/span><span class=\"price-tag\">\u20ac20\/h<\/span><\/div>\r\n                            <div class=\"param-desc\">Supporto telefonico e via ticket<\/div>\r\n                            <div class=\"stepper\">\r\n                                <button class=\"stp-minus\" data-target=\"remote\">\u2212<\/button>\r\n                                <span class=\"val\" id=\"remote\">0<\/span>\r\n                                <button class=\"stp-plus\" data-target=\"remote\">+<\/button>\r\n                                <span class=\"unit\">h<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>Assistenza on\u2011site<\/span><span class=\"price-tag\">\u20ac40\/h<\/span><\/div>\r\n                            <div class=\"param-desc\">Interventi fisici in sede<\/div>\r\n                            <div class=\"stepper\">\r\n                                <button class=\"stp-minus\" data-target=\"onsite\">\u2212<\/button>\r\n                                <span class=\"val\" id=\"onsite\">0<\/span>\r\n                                <button class=\"stp-plus\" data-target=\"onsite\">+<\/button>\r\n                                <span class=\"unit\">h<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>Backup storage<\/span><span class=\"price-tag\">\u20ac5\/50GB<\/span><\/div>\r\n                            <div class=\"param-desc\">Spazio di archiviazione su cloud<\/div>\r\n                            <div class=\"stepper\">\r\n                                <button class=\"stp-minus\" data-target=\"backup\">\u2212<\/button>\r\n                                <span class=\"val\" id=\"backup\">0<\/span>\r\n                                <button class=\"stp-plus\" data-target=\"backup\">+<\/button>\r\n                                <span class=\"unit\">GB<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>Licenze software<\/span><span class=\"price-tag\">\u20ac10 cad.<\/span><\/div>\r\n                            <div class=\"param-desc\">Licenze per software gestiti<\/div>\r\n                            <div class=\"stepper\">\r\n                                <button class=\"stp-minus\" data-target=\"licenses\">\u2212<\/button>\r\n                                <span class=\"val\" id=\"licenses\">0<\/span>\r\n                                <button class=\"stp-plus\" data-target=\"licenses\">+<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-section\">\r\n                    <div class=\"sim-section-title\"><span class=\"icon\">\u2b50<\/span> Servizi aggiuntivi<\/div>\r\n                    <div class=\"sim-section-desc\">Attiva i servizi extra che desideri includere.<\/div>\r\n                    <div class=\"toggle-grid\">\r\n                        <label class=\"toggle-item\" id=\"t-cyber\">\r\n                            <input type=\"checkbox\" class=\"extra-tog\" data-price=\"120\">\r\n                            <span class=\"info\"><span class=\"name\">Cybersecurity avanzata<\/span><span class=\"price\">\u20ac120\/mese<\/span><\/span>\r\n                        <\/label>\r\n                        <label class=\"toggle-item\" id=\"t-disaster\">\r\n                            <input type=\"checkbox\" class=\"extra-tog\" data-price=\"150\">\r\n                            <span class=\"info\"><span class=\"name\">Disaster Recovery<\/span><span class=\"price\">\u20ac150\/mese<\/span><\/span>\r\n                        <\/label>\r\n                        <label class=\"toggle-item\" id=\"t-web\">\r\n                            <input type=\"checkbox\" class=\"extra-tog\" data-price=\"200\">\r\n                            <span class=\"info\"><span class=\"name\">Sviluppo Web \/ E-commerce<\/span><span class=\"price\">\u20ac200\/mese<\/span><\/span>\r\n                        <\/label>\r\n                        <label class=\"toggle-item\" id=\"t-consulenza\">\r\n                            <input type=\"checkbox\" class=\"extra-tog\" data-price=\"180\">\r\n                            <span class=\"info\"><span class=\"name\">Consulenza IT strategica<\/span><span class=\"price\">\u20ac180\/mese<\/span><\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-summary\">\r\n                    <div class=\"detail\" id=\"summary-detail\">\r\n                        <div class=\"row\"><span class=\"lbl\">PC<\/span><span class=\"val\" id=\"s-pc\">0<\/span><\/div>\r\n                        <div class=\"row\"><span class=\"lbl\">Server<\/span><span class=\"val\" id=\"s-server\">0<\/span><\/div>\r\n                        <div class=\"row\"><span class=\"lbl\">Assistenza remota<\/span><span class=\"val\" id=\"s-remote\">0 h<\/span><\/div>\r\n                        <div class=\"row\"><span class=\"lbl\">Assistenza on\u2011site<\/span><span class=\"val\" id=\"s-onsite\">0 h<\/span><\/div>\r\n                        <div class=\"row\"><span class=\"lbl\">Backup<\/span><span class=\"val\" id=\"s-backup\">0 GB<\/span><\/div>\r\n                        <div class=\"row\"><span class=\"lbl\">Licenze<\/span><span class=\"val\" id=\"s-licenses\">0<\/span><\/div>\r\n                        <div class=\"row extra-row\"><span class=\"lbl\">Servizi extra<\/span><span class=\"val\" id=\"s-extras\" style=\"font-weight:400;font-size:0.8rem;color:#64748b;\">Nessuno<\/span><\/div>\r\n                    <\/div>\r\n                    <div class=\"total-box\">\r\n                        <span class=\"lbl\">Costo stimato mensile<\/span>\r\n                        <div class=\"price\" id=\"total-price\"><span class=\"currency\">\u20ac<\/span>0<span class=\"iva\">+ IVA<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-actions\">\r\n                    <button class=\"btn-primary\" id=\"submit-pkg\">Richiedi preventivo<\/button>\r\n                    <button class=\"btn-secondary\" id=\"reset-pkg\">Reimposta<\/button>\r\n                <\/div>\r\n                <div class=\"sim-note\">I prezzi sono IVA esclusa. Costo finale pu\u00f2 variare in base alle esigenze specifiche.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- FINE CONFIGURATORE PACCHETTI -->\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ===== MODALE SERVIZI ===== -->\r\n<div class=\"config-overlay\" id=\"overlay-svc\">\r\n    <div class=\"config-modal svc-wrapper\">\r\n        <button class=\"close-modal\" data-close=\"svc\">\u2715<\/button>\r\n        <!-- INIZIO CONFIGURATORE SERVIZI -->\r\n        <div class=\"sim-wrapper\" id=\"svc-sim-wrapper\">\r\n            <div class=\"sim-header\">\r\n                <span class=\"badge\">Simulatore<\/span>\r\n                <h2>Servizi IT su misura<\/h2>\r\n                <p>Configura il servizio di cui hai bisogno e ottieni un preventivo stimato in tempo reale.<\/p>\r\n            <\/div>\r\n            <div class=\"sim-card\">\r\n\r\n                <div class=\"sim-section\">\r\n                    <div class=\"sim-section-title\"><span class=\"icon\">\ud83d\udccb<\/span> Seleziona il servizio<\/div>\r\n                    <div class=\"sim-section-desc\">Scegli il tipo di intervento per cui desideri un preventivo.<\/div>\r\n                    <div class=\"svc-btn-group\" id=\"svc-service-buttons\">\r\n                        <button class=\"svc-btn\" data-service=\"documentazione\"><span class=\"dot\"><\/span> Documentazione Sala Server<\/button>\r\n                        <button class=\"svc-btn\" data-service=\"outofhours\"><span class=\"dot\"><\/span> Interventi Out-of-Hours<\/button>\r\n                        <button class=\"svc-btn custom-btn active\" data-service=\"custom\"><span class=\"dot\"><\/span> Personalizza<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-section\" id=\"svc-params-section\">\r\n                    <div class=\"sim-section-title\"><span class=\"icon\">\u2699\ufe0f<\/span> <span id=\"svc-params-title\">Parametri<\/span><\/div>\r\n                    <div class=\"sim-section-desc\" id=\"svc-params-desc\">Regola ogni parametro con i pulsanti + e \u2212.<\/div>\r\n                    <div class=\"sim-grid\" id=\"svc-params-grid\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-section\">\r\n                    <div class=\"sim-section-title\"><span class=\"icon\">\u2b50<\/span> Servizi aggiuntivi<\/div>\r\n                    <div class=\"sim-section-desc\">Attiva i servizi extra che desideri includere.<\/div>\r\n                    <div class=\"toggle-grid\" id=\"svc-extra-grid\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-summary\">\r\n                    <div class=\"detail\" id=\"svc-summary-detail\"><\/div>\r\n                    <div class=\"total-box\">\r\n                        <span class=\"lbl\">Costo stimato<\/span>\r\n                        <div class=\"price\" id=\"svc-total-price\"><span class=\"currency\">\u20ac<\/span>0<span class=\"iva\">+ IVA<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sim-actions\">\r\n                    <button class=\"btn-primary\" id=\"svc-submit-svc\">Richiedi preventivo<\/button>\r\n                    <button class=\"btn-secondary\" id=\"svc-reset-svc\">Reimposta<\/button>\r\n                <\/div>\r\n                <div class=\"sim-note\">I prezzi sono IVA esclusa. Costo finale pu\u00f2 variare in base alle esigenze specifiche.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- FINE CONFIGURATORE SERVIZI -->\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ ===== GESTIONE MODALI =====\r\n    const overlays = {\r\n        pkg: document.getElementById('overlay-pkg'),\r\n        svc: document.getElementById('overlay-svc')\r\n    };\r\n\r\n    function openModal(target) {\r\n        Object.values(overlays).forEach(ov => ov.classList.remove('active'));\r\n        if (overlays[target]) {\r\n            overlays[target].classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n    }\r\n    function closeModal(target) {\r\n        if (overlays[target]) {\r\n            overlays[target].classList.remove('active');\r\n            document.body.style.overflow = '';\r\n        }\r\n    }\r\n\r\n    document.querySelectorAll('.launch-btn').forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            openModal(this.dataset.target);\r\n        });\r\n    });\r\n    document.querySelectorAll('.close-modal').forEach(btn => {\r\n        btn.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            closeModal(this.dataset.close);\r\n        });\r\n    });\r\n    document.querySelectorAll('.config-overlay').forEach(ov => {\r\n        ov.addEventListener('click', function(e) {\r\n            if (e.target === this) {\r\n                const target = this.id.replace('overlay-', '');\r\n                closeModal(target);\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ ============================================================\r\n    \/\/  CONFIGURATORE PACCHETTI\r\n    \/\/ ============================================================\r\n    (function initPkg() {\r\n        const PRICES = { pc: 15, server: 50, remote: 20, onsite: 40, backup: 5, license: 10 };\r\n        const PRESETS = {\r\n            privati: { pc: 1, server: 0, remote: 2, onsite: 0, backup: 20, licenses: 0 },\r\n            start: { pc: 3, server: 1, remote: 5, onsite: 0, backup: 50, licenses: 2 },\r\n            studio: { pc: 8, server: 2, remote: 10, onsite: 1, backup: 200, licenses: 5 },\r\n            pmi: { pc: 20, server: 4, remote: 15, onsite: 4, backup: 500, licenses: 10 },\r\n            custom: { pc: 0, server: 0, remote: 0, onsite: 0, backup: 0, licenses: 0 }\r\n        };\r\n        const ids = ['pc', 'server', 'remote', 'onsite', 'backup', 'licenses'];\r\n        const displayMap = {\r\n            pc: 's-pc', server: 's-server', remote: 's-remote',\r\n            onsite: 's-onsite', backup: 's-backup', licenses: 's-licenses'\r\n        };\r\n        const unitMap = { remote: 'h', onsite: 'h', backup: 'GB' };\r\n\r\n        function getVal(id) { return parseInt(document.getElementById(id).textContent) || 0; }\r\n        function setVal(id, v) { document.getElementById(id).textContent = Math.max(0, v); }\r\n\r\n        function getExtraTotal() {\r\n            let t = 0;\r\n            document.querySelectorAll('.pkg-wrapper .extra-tog:checked').forEach(cb => { t += parseFloat(cb.dataset.price) || 0; });\r\n            return t;\r\n        }\r\n        function getExtraNames() {\r\n            let names = [];\r\n            document.querySelectorAll('.pkg-wrapper .extra-tog:checked').forEach(cb => {\r\n                const parent = cb.closest('.toggle-item');\r\n                if (parent) {\r\n                    const name = parent.querySelector('.name');\r\n                    if (name) names.push(name.textContent.trim());\r\n                }\r\n            });\r\n            return names;\r\n        }\r\n        function updateExtrasUI() {\r\n            document.querySelectorAll('.pkg-wrapper .toggle-item').forEach(item => {\r\n                const cb = item.querySelector('.extra-tog');\r\n                if (cb && cb.checked) item.classList.add('active');\r\n                else item.classList.remove('active');\r\n            });\r\n        }\r\n        function calcTotal() {\r\n            const pc = getVal('pc'), server = getVal('server');\r\n            const remote = getVal('remote'), onsite = getVal('onsite');\r\n            const backup = getVal('backup'), licenses = getVal('licenses');\r\n            return (pc * PRICES.pc) + (server * PRICES.server) + (remote * PRICES.remote) +\r\n                   (onsite * PRICES.onsite) + (Math.ceil(backup \/ 50) * PRICES.backup) +\r\n                   (licenses * PRICES.license) + getExtraTotal();\r\n        }\r\n        function updateAll() {\r\n            ids.forEach(id => {\r\n                const val = getVal(id);\r\n                const displayId = displayMap[id];\r\n                if (displayId) {\r\n                    let text = val;\r\n                    if (unitMap[id]) text += ' ' + unitMap[id];\r\n                    document.getElementById(displayId).textContent = text;\r\n                }\r\n            });\r\n            const extras = getExtraNames();\r\n            document.getElementById('s-extras').textContent = extras.length ? extras.join(' \u2022 ') : 'Nessuno';\r\n            document.getElementById('total-price').innerHTML = `<span class=\"currency\">\u20ac<\/span>${calcTotal()}<span class=\"iva\">+ IVA<\/span>`;\r\n            updateExtrasUI();\r\n        }\r\n        function applyPreset(key) {\r\n            const p = PRESETS[key];\r\n            if (!p) return;\r\n            setVal('pc', p.pc);\r\n            setVal('server', p.server);\r\n            setVal('remote', p.remote);\r\n            setVal('onsite', p.onsite);\r\n            setVal('backup', p.backup);\r\n            setVal('licenses', p.licenses);\r\n            if (key !== 'custom') {\r\n                document.querySelectorAll('.pkg-wrapper .extra-tog').forEach(cb => cb.checked = false);\r\n            }\r\n            document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n                btn.classList.toggle('active', btn.dataset.preset === key);\r\n            });\r\n            updateAll();\r\n        }\r\n\r\n        \/\/ Stepper\r\n        document.querySelectorAll('.pkg-wrapper .stp-plus, .pkg-wrapper .stp-minus').forEach(btn => {\r\n            btn.addEventListener('click', function() {\r\n                const target = this.dataset.target;\r\n                const el = document.getElementById(target);\r\n                if (!el) return;\r\n                let val = getVal(target);\r\n                if (this.classList.contains('stp-plus')) val += 1;\r\n                else val = Math.max(0, val - 1);\r\n                setVal(target, val);\r\n                const current = {};\r\n                ids.forEach(id => { current[id] = getVal(id); });\r\n                let found = false;\r\n                for (const [k, p] of Object.entries(PRESETS)) {\r\n                    let match = true;\r\n                    for (const id of ids) {\r\n                        if (p[id] !== current[id]) { match = false; break; }\r\n                    }\r\n                    if (match && !document.querySelector('.pkg-wrapper .extra-tog:checked')) {\r\n                        document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n                            btn.classList.toggle('active', btn.dataset.preset === k);\r\n                        });\r\n                        found = true;\r\n                        break;\r\n                    }\r\n                }\r\n                if (!found && !document.querySelector('.pkg-wrapper .extra-tog:checked')) {\r\n                    document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n                        btn.classList.toggle('active', btn.dataset.preset === 'custom');\r\n                    });\r\n                }\r\n                if (document.querySelector('.pkg-wrapper .extra-tog:checked')) {\r\n                    document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n                        btn.classList.toggle('active', btn.dataset.preset === 'custom');\r\n                    });\r\n                }\r\n                updateAll();\r\n            });\r\n        });\r\n\r\n        \/\/ Bottoni pacchetto\r\n        document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n            btn.addEventListener('click', function() {\r\n                applyPreset(this.dataset.preset);\r\n            });\r\n        });\r\n\r\n        \/\/ Extra toggles\r\n        document.querySelectorAll('.pkg-wrapper .extra-tog').forEach(cb => {\r\n            cb.addEventListener('change', function() {\r\n                const anyChecked = document.querySelector('.pkg-wrapper .extra-tog:checked');\r\n                if (anyChecked) {\r\n                    document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n                        btn.classList.toggle('active', btn.dataset.preset === 'custom');\r\n                    });\r\n                } else {\r\n                    const current = {};\r\n                    ids.forEach(id => { current[id] = getVal(id); });\r\n                    let found = false;\r\n                    for (const [k, p] of Object.entries(PRESETS)) {\r\n                        let match = true;\r\n                        for (const id of ids) {\r\n                            if (p[id] !== current[id]) { match = false; break; }\r\n                        }\r\n                        if (match) {\r\n                            document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n                                btn.classList.toggle('active', btn.dataset.preset === k);\r\n                            });\r\n                            found = true;\r\n                            break;\r\n                        }\r\n                    }\r\n                    if (!found) {\r\n                        document.querySelectorAll('.pkg-wrapper .pkg-btn').forEach(btn => {\r\n                            btn.classList.toggle('active', btn.dataset.preset === 'custom');\r\n                        });\r\n                    }\r\n                }\r\n                updateAll();\r\n            });\r\n        });\r\n\r\n        \/\/ Click su label toggle\r\n        document.querySelectorAll('.pkg-wrapper .toggle-item').forEach(item => {\r\n            item.addEventListener('click', function(e) {\r\n                if (e.target.tagName !== 'INPUT') {\r\n                    const cb = this.querySelector('.extra-tog');\r\n                    if (cb) { cb.checked = !cb.checked; cb.dispatchEvent(new Event('change')); }\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ ===== FUNZIONE APRI WHATSAPP =====\r\n        function getPkgData() {\r\n            const data = {};\r\n            ids.forEach(id => { data[id] = getVal(id); });\r\n            const extras = getExtraNames();\r\n            const total = calcTotal();\r\n            return { data, extras, total };\r\n        }\r\n\r\n        document.getElementById('submit-pkg').addEventListener('click', function() {\r\n            const pkgData = getPkgData();\r\n            const phone = '393514607983';\r\n\r\n            let msg = 'Ciao, vorrei richiedere un preventivo per il seguente pacchetto personalizzato:\\n\\n';\r\n            msg += `PC \/ Workstation: ${pkgData.data.pc}\\n`;\r\n            msg += `Server: ${pkgData.data.server}\\n`;\r\n            msg += `Assistenza remota: ${pkgData.data.remote} h\/mese\\n`;\r\n            msg += `Assistenza on-site: ${pkgData.data.onsite} h\/mese\\n`;\r\n            msg += `Backup: ${pkgData.data.backup} GB\\n`;\r\n            msg += `Licenze: ${pkgData.data.licenses}\\n`;\r\n            if (pkgData.extras.length) {\r\n                msg += `\\nServizi extra: ${pkgData.extras.join(', ')}`;\r\n            }\r\n            msg += `\\n\\n\ud83d\udcb0 Totale stimato: \u20ac${pkgData.total} + IVA\/mese`;\r\n            msg += `\\n\\nAttendo un vostro contatto per maggiori informazioni. Grazie!`;\r\n\r\n            const url = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(msg)}`;\r\n            window.open(url, '_blank');\r\n        });\r\n\r\n        \/\/ Reset\r\n        document.getElementById('reset-pkg').addEventListener('click', function() {\r\n            applyPreset('custom');\r\n        });\r\n\r\n        applyPreset('custom');\r\n        setTimeout(updateExtrasUI, 100);\r\n    })();\r\n\r\n    \/\/ ============================================================\r\n    \/\/  CONFIGURATORE SERVIZI\r\n    \/\/ ============================================================\r\n    (function initSvc() {\r\n        const CONFIG = {\r\n            documentazione: {\r\n                label: 'Documentazione Sala Server',\r\n                params: [\r\n                    { id: 'rack', label: 'Numero di rack', desc: 'Quantit\u00e0 di rack in sala', unit: '', price: 50, default: 2, min: 0 },\r\n                    { id: 'stato', label: 'Stato cablaggio', desc: 'Condizione attuale del cablaggio', type: 'select', default: '0', options: [\r\n                        { value: '0', label: 'Buono', price: 0 },\r\n                        { value: '1', label: 'Medio', price: 150 },\r\n                        { value: '2', label: 'Cattivo', price: 350 }\r\n                    ] },\r\n                    { id: 'giorni', label: 'Durata intervento', desc: 'Giorni di lavoro stimati', unit: 'gg', price: 400, default: 1, min: 0.5, step: 0.5 }\r\n                ],\r\n                extras: [\r\n                    { id: 'x-foto', label: 'Report fotografico dettagliato', price: 80 },\r\n                    { id: 'x-schemi', label: 'Schemi di rete e mappe', price: 120 },\r\n                    { id: 'x-etichette', label: 'Etichettatura cavi e apparati', price: 60 }\r\n                ]\r\n            },\r\n            outofhours: {\r\n                label: 'Interventi Out-of-Hours e Migrazioni',\r\n                params: [\r\n                    { id: 'ore', label: 'Ore di intervento', desc: 'Durata stimata dell\\'intervento', unit: 'h', price: 80, default: 4, min: 1 },\r\n                    { id: 'tipo', label: 'Tipo di intervento', desc: 'Natura dell\\'attivit\u00e0', type: 'select', default: '0', options: [\r\n                        { value: '0', label: 'Manutenzione ordinaria', price: 0 },\r\n                        { value: '1', label: 'Aggiornamento software \/ migrazione', price: 200 },\r\n                        { value: '2', label: 'Migrazione complessa (server, dati)', price: 500 }\r\n                    ] },\r\n                    { id: 'personale', label: 'Numero di tecnici', desc: 'Tecnici necessari', unit: '', price: 60, default: 1, min: 1 }\r\n                ],\r\n                extras: [\r\n                    { id: 'x-rollback', label: 'Piano di rollback garantito', price: 150 },\r\n                    { id: 'x-report', label: 'Report post-intervento', price: 80 },\r\n                    { id: 'x-remote', label: 'Supporto remoto aggiuntivo', price: 100 }\r\n                ]\r\n            },\r\n            custom: {\r\n                label: 'Personalizzato',\r\n                params: [\r\n                    { id: 'rack', label: 'Numero di rack', desc: 'Quantit\u00e0 di rack in sala', unit: '', price: 50, default: 0, min: 0 },\r\n                    { id: 'stato', label: 'Stato cablaggio', desc: 'Condizione attuale del cablaggio', type: 'select', default: '0', options: [\r\n                        { value: '0', label: 'Buono', price: 0 },\r\n                        { value: '1', label: 'Medio', price: 150 },\r\n                        { value: '2', label: 'Cattivo', price: 350 }\r\n                    ] },\r\n                    { id: 'giorni', label: 'Durata intervento', desc: 'Giorni di lavoro stimati', unit: 'gg', price: 400, default: 0, min: 0, step: 0.5 },\r\n                    { id: 'ore', label: 'Ore di intervento (Out-of-Hours)', desc: 'Durata stimata dell\\'intervento', unit: 'h', price: 80, default: 0, min: 0 },\r\n                    { id: 'tipo', label: 'Tipo di intervento', desc: 'Natura dell\\'attivit\u00e0', type: 'select', default: '0', options: [\r\n                        { value: '0', label: 'Manutenzione ordinaria', price: 0 },\r\n                        { value: '1', label: 'Aggiornamento software \/ migrazione', price: 200 },\r\n                        { value: '2', label: 'Migrazione complessa (server, dati)', price: 500 }\r\n                    ] },\r\n                    { id: 'personale', label: 'Numero di tecnici', desc: 'Tecnici necessari', unit: '', price: 60, default: 0, min: 0 }\r\n                ],\r\n                extras: [\r\n                    { id: 'x-foto', label: 'Report fotografico dettagliato', price: 80 },\r\n                    { id: 'x-schemi', label: 'Schemi di rete e mappe', price: 120 },\r\n                    { id: 'x-etichette', label: 'Etichettatura cavi e apparati', price: 60 },\r\n                    { id: 'x-rollback', label: 'Piano di rollback garantito', price: 150 },\r\n                    { id: 'x-report', label: 'Report post-intervento', price: 80 },\r\n                    { id: 'x-remote', label: 'Supporto remoto aggiuntivo', price: 100 }\r\n                ]\r\n            }\r\n        };\r\n\r\n        let currentService = 'custom';\r\n        let paramValues = {};\r\n        let extraValues = {};\r\n\r\n        const paramsGrid = document.getElementById('svc-params-grid');\r\n        const extraGrid = document.getElementById('svc-extra-grid');\r\n        const summaryDetail = document.getElementById('svc-summary-detail');\r\n        const totalDisplay = document.getElementById('svc-total-price');\r\n        const paramsTitle = document.getElementById('svc-params-title');\r\n        const paramsDesc = document.getElementById('svc-params-desc');\r\n        const serviceButtons = document.querySelectorAll('#svc-service-buttons .svc-btn');\r\n\r\n        function getVal(id) { return parseFloat(paramValues[id]) || 0; }\r\n        function setVal(id, v) { paramValues[id] = Math.max(0, v); }\r\n\r\n        function getExtraTotal() {\r\n            let t = 0;\r\n            for (const [id, checked] of Object.entries(extraValues)) {\r\n                if (checked) {\r\n                    const cfg = CONFIG[currentService];\r\n                    const extra = cfg.extras.find(e => e.id === id);\r\n                    if (extra) t += extra.price;\r\n                }\r\n            }\r\n            return t;\r\n        }\r\n        function getExtraNames() {\r\n            const names = [];\r\n            const cfg = CONFIG[currentService];\r\n            if (!cfg) return names;\r\n            for (const [id, checked] of Object.entries(extraValues)) {\r\n                if (checked) {\r\n                    const extra = cfg.extras.find(e => e.id === id);\r\n                    if (extra) names.push(extra.label);\r\n                }\r\n            }\r\n            return names;\r\n        }\r\n        function calcTotal() {\r\n            const cfg = CONFIG[currentService];\r\n            if (!cfg) return 0;\r\n            let total = 0;\r\n            for (const p of cfg.params) {\r\n                if (p.type === 'select') {\r\n                    const val = getVal(p.id);\r\n                    const opt = p.options.find(o => parseFloat(o.value) === val);\r\n                    if (opt) total += opt.price;\r\n                } else {\r\n                    total += getVal(p.id) * p.price;\r\n                }\r\n            }\r\n            total += getExtraTotal();\r\n            return total;\r\n        }\r\n\r\n        function renderParams() {\r\n            const cfg = CONFIG[currentService];\r\n            if (!cfg) return;\r\n            paramsTitle.textContent = 'Parametri per ' + cfg.label;\r\n            let html = '';\r\n            for (const p of cfg.params) {\r\n                const val = getVal(p.id);\r\n                if (p.type === 'select') {\r\n                    html += `\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>${p.label}<\/span><span class=\"price-tag\">seleziona<\/span><\/div>\r\n                            <div class=\"param-desc\">${p.desc}<\/div>\r\n                            <div class=\"stepper\" style=\"justify-content:flex-start;\">\r\n                                <select id=\"svc-sel-${p.id}\" style=\"width:100%;\">\r\n                                    ${p.options.map(o => `\r\n                                        <option value=\"${o.value}\" data-price=\"${o.price}\" ${parseFloat(o.value) === val ? 'selected' : ''}>\r\n                                            ${o.label} ${o.price > 0 ? '(+' + o.price + '\u20ac)' : ''}\r\n                                        <\/option>\r\n                                    `).join('')}\r\n                                <\/select>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                } else {\r\n                    const displayVal = Number.isInteger(val) ? val : val.toFixed(1);\r\n                    html += `\r\n                        <div class=\"sim-param\">\r\n                            <div class=\"param-label\"><span>${p.label}<\/span><span class=\"price-tag\">${p.price}\u20ac\/${p.unit || 'cad.'}<\/span><\/div>\r\n                            <div class=\"param-desc\">${p.desc}<\/div>\r\n                            <div class=\"stepper\">\r\n                                <button class=\"svc-stp-minus\" data-target=\"${p.id}\">\u2212<\/button>\r\n                                <span class=\"val\" id=\"svc-disp-${p.id}\">${displayVal}<\/span>\r\n                                <button class=\"svc-stp-plus\" data-target=\"${p.id}\">+<\/button>\r\n                                ${p.unit ? `<span class=\"unit\">${p.unit}<\/span>` : ''}\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                }\r\n            }\r\n            paramsGrid.innerHTML = html;\r\n\r\n            for (const p of cfg.params) {\r\n                if (p.type === 'select') {\r\n                    const sel = document.getElementById('svc-sel-' + p.id);\r\n                    if (sel) {\r\n                        sel.addEventListener('change', function() {\r\n                            const val = parseFloat(this.value);\r\n                            setVal(p.id, val);\r\n                            updateAll();\r\n                        });\r\n                    }\r\n                }\r\n            }\r\n\r\n            document.querySelectorAll('#svc-params-grid .svc-stp-plus, #svc-params-grid .svc-stp-minus').forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    const target = this.dataset.target;\r\n                    const disp = document.getElementById('svc-disp-' + target);\r\n                    if (!disp) return;\r\n                    const p = cfg.params.find(p => p.id === target);\r\n                    if (!p) return;\r\n                    const step = p.step || 1;\r\n                    let val = parseFloat(disp.textContent) || 0;\r\n                    if (this.classList.contains('svc-stp-plus')) val += step;\r\n                    else val = Math.max(p.min || 0, val - step);\r\n                    val = Math.round(val \/ step) * step;\r\n                    setVal(target, val);\r\n                    updateAll();\r\n                });\r\n            });\r\n        }\r\n\r\n        function renderExtras() {\r\n            const cfg = CONFIG[currentService];\r\n            if (!cfg) return;\r\n            let html = '';\r\n            for (const e of cfg.extras) {\r\n                const checked = extraValues[e.id] || false;\r\n                html += `\r\n                    <label class=\"toggle-item ${checked ? 'active' : ''}\" id=\"svc-t-${e.id}\">\r\n                        <input type=\"checkbox\" class=\"svc-extra-tog\" data-id=\"${e.id}\" ${checked ? 'checked' : ''}>\r\n                        <span class=\"info\">\r\n                            <span class=\"name\">${e.label}<\/span>\r\n                            <span class=\"price\">${e.price}\u20ac<\/span>\r\n                        <\/span>\r\n                    <\/label>\r\n                `;\r\n            }\r\n            extraGrid.innerHTML = html;\r\n\r\n            document.querySelectorAll('.svc-extra-tog').forEach(cb => {\r\n                cb.addEventListener('change', function() {\r\n                    extraValues[this.dataset.id] = this.checked;\r\n                    updateAll();\r\n                });\r\n            });\r\n            document.querySelectorAll('#svc-extra-grid .toggle-item').forEach(item => {\r\n                item.addEventListener('click', function(e) {\r\n                    if (e.target.tagName !== 'INPUT') {\r\n                        const cb = this.querySelector('.svc-extra-tog');\r\n                        if (cb) { cb.checked = !cb.checked; cb.dispatchEvent(new Event('change')); }\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        function renderSummary() {\r\n            const cfg = CONFIG[currentService];\r\n            if (!cfg) return;\r\n            let html = '';\r\n            for (const p of cfg.params) {\r\n                let val = getVal(p.id);\r\n                let displayVal = val;\r\n                if (p.type === 'select') {\r\n                    const opt = p.options.find(o => parseFloat(o.value) === val);\r\n                    displayVal = opt ? opt.label : '-';\r\n                } else {\r\n                    if (Number.isInteger(val)) displayVal = val;\r\n                    else displayVal = val.toFixed(1);\r\n                    if (p.unit) displayVal += ' ' + p.unit;\r\n                }\r\n                html += `<div class=\"row\"><span class=\"lbl\">${p.label}<\/span><span class=\"val\">${displayVal}<\/span><\/div>`;\r\n            }\r\n            const extras = getExtraNames();\r\n            html += `\r\n                <div class=\"row extra-row\">\r\n                    <span class=\"lbl\">Servizi extra<\/span>\r\n                    <span class=\"val\" style=\"font-weight:400;font-size:0.8rem;color:#64748b;\">${extras.length ? extras.join(' \u2022 ') : 'Nessuno'}<\/span>\r\n                <\/div>\r\n            `;\r\n            summaryDetail.innerHTML = html;\r\n        }\r\n\r\n        function updateTotal() {\r\n            totalDisplay.innerHTML = `<span class=\"currency\">\u20ac<\/span>${calcTotal()}<span class=\"iva\">+ IVA<\/span>`;\r\n        }\r\n\r\n        function updateAll() {\r\n            renderParams();\r\n            renderExtras();\r\n            renderSummary();\r\n            updateTotal();\r\n            document.querySelectorAll('#svc-extra-grid .toggle-item').forEach(item => {\r\n                const cb = item.querySelector('.svc-extra-tog');\r\n                if (cb && cb.checked) item.classList.add('active');\r\n                else item.classList.remove('active');\r\n            });\r\n        }\r\n\r\n        function switchService(service) {\r\n            currentService = service;\r\n            const cfg = CONFIG[service];\r\n            if (!cfg) return;\r\n            paramValues = {};\r\n            for (const p of cfg.params) {\r\n                paramValues[p.id] = p.default || 0;\r\n            }\r\n            extraValues = {};\r\n            for (const e of cfg.extras) {\r\n                extraValues[e.id] = false;\r\n            }\r\n            serviceButtons.forEach(btn => {\r\n                btn.classList.toggle('active', btn.dataset.service === service);\r\n            });\r\n            updateAll();\r\n        }\r\n\r\n        serviceButtons.forEach(btn => {\r\n            btn.addEventListener('click', function() {\r\n                const service = this.dataset.service;\r\n                if (service !== currentService) switchService(service);\r\n            });\r\n        });\r\n\r\n        \/\/ ===== FUNZIONE APRI WHATSAPP PER SERVIZI =====\r\n        function getSvcData() {\r\n            const cfg = CONFIG[currentService];\r\n            const params = {};\r\n            for (const p of cfg.params) {\r\n                let val = getVal(p.id);\r\n                if (p.type === 'select') {\r\n                    const opt = p.options.find(o => parseFloat(o.value) === val);\r\n                    val = opt ? opt.label : val;\r\n                } else {\r\n                    if (Number.isInteger(val)) val = val;\r\n                    else val = val.toFixed(1);\r\n                    if (p.unit) val += ' ' + p.unit;\r\n                }\r\n                params[p.label] = val;\r\n            }\r\n            const extras = getExtraNames();\r\n            const total = calcTotal();\r\n            return { params, extras, total, label: cfg.label };\r\n        }\r\n\r\n        document.getElementById('svc-submit-svc').addEventListener('click', function() {\r\n            const svcData = getSvcData();\r\n            const phone = '393514607983';\r\n\r\n            let msg = `Ciao, vorrei richiedere un preventivo per il seguente servizio: ${svcData.label}\\n\\n`;\r\n            for (const [key, val] of Object.entries(svcData.params)) {\r\n                msg += `${key}: ${val}\\n`;\r\n            }\r\n            if (svcData.extras.length) {\r\n                msg += `\\nServizi extra: ${svcData.extras.join(', ')}`;\r\n            }\r\n            msg += `\\n\\n\ud83d\udcb0 Totale stimato: \u20ac${svcData.total} + IVA`;\r\n            msg += `\\n\\nAttendo un vostro contatto per maggiori informazioni. Grazie!`;\r\n\r\n            const url = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(msg)}`;\r\n            window.open(url, '_blank');\r\n        });\r\n\r\n        document.getElementById('svc-reset-svc').addEventListener('click', function() {\r\n            switchService('custom');\r\n        });\r\n\r\n        switchService('custom');\r\n    })();\r\n\r\n})();\r\n<\/script>\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-6626c27e e-flex e-con-boxed wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"6626c27e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bf41091 elementor-widget__width-initial elementor-widget elementor-widget-elementskit-heading\" data-id=\"2bf41091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Damande Frequenti <span>in merito<\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23da0e56 e-con-full e-flex wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"23da0e56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-32e333ec e-con-full e-flex wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"32e333ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2336c24e wcf-starter-animations-none elementor-widget elementor-widget-image\" data-id=\"2336c24e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"212\" src=\"https:\/\/www.metricdsa.com\/wp-content\/uploads\/2026\/08\/750pxGemini_Generated_Image_vhdksmvhdksmvhdk-300x212.png\" class=\"attachment-medium size-medium wp-image-4082\" alt=\"-\" srcset=\"https:\/\/www.metricdsa.com\/wp-content\/uploads\/2026\/08\/750pxGemini_Generated_Image_vhdksmvhdksmvhdk-300x212.png 300w, https:\/\/www.metricdsa.com\/wp-content\/uploads\/2026\/08\/750pxGemini_Generated_Image_vhdksmvhdksmvhdk-18x12.png 18w, https:\/\/www.metricdsa.com\/wp-content\/uploads\/2026\/08\/750pxGemini_Generated_Image_vhdksmvhdksmvhdk.png 750w\" sizes=\"(max-width: 300px) 100vw, 300px\" title=\"-\">\t\t\t\t\t\t\t\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-51f27f6a e-con-full e-flex wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"51f27f6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62dea656 elementor-widget elementor-widget-elementskit-accordion\" data-id=\"62dea656\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n        <div class=\"elementskit-accordion accoedion-primary\" id=\"accordion-6a8e496092898\">\n\n            \n                <div class=\"elementskit-card active\">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-0-62dea656\" role=\"heading\" aria-level=\"3\">\n                        <a href=\"#collapse-21995946a8e496092898\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" role=\"button\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-21995946a8e496092898\" aria-expanded=\"true\" aria-controls=\"Collapse-21995946a8e496092898\">\n                            \n                            <span class=\"ekit-accordion-title\">Qual \u00e8 la dimensione della tua azienda?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-21995946a8e496092898\" class=\" show collapse\" role=\"region\" aria-labelledby=\"primaryHeading-0-62dea656\" data-parent=\"#accordion-6a8e496092898\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <ul><li><ul><li><p class=\"ds-markdown-paragraph\"><span class=\"\">Libero professionista \/ Partita IVA (fino a 5 dipendenti)<\/span><\/p><\/li><li><p class=\"ds-markdown-paragraph\"><span class=\"\">Piccola impresa (6-20 dipendenti)<\/span><\/p><\/li><li><p class=\"ds-markdown-paragraph\"><span class=\"\">Media impresa (21-50 dipendenti)<\/span><\/p><\/li><li><p class=\"ds-markdown-paragraph\"><span class=\"\">Grande azienda (oltre 50 dipendenti)<\/span><\/p><\/li><\/ul><\/li><\/ul>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-1-62dea656\" role=\"heading\" aria-level=\"3\">\n                        <a href=\"#collapse-ae2191d6a8e496092898\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" role=\"button\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-ae2191d6a8e496092898\" aria-expanded=\"false\" aria-controls=\"Collapse-ae2191d6a8e496092898\">\n                            \n                            <span class=\"ekit-accordion-title\">Cosa succede se ho bisogno di pi\u00f9 ore di assistenza di quelle incluse?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-ae2191d6a8e496092898\" class=\" collapse\" role=\"region\" aria-labelledby=\"primaryHeading-1-62dea656\" data-parent=\"#accordion-6a8e496092898\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p class=\"ds-markdown-paragraph\"><span class=\"\">Le ore incluse sono un minimo garantito, non un tetto massimo. Puoi sempre acquistare ore aggiuntive o passare a un pacchetto superiore. Il nostro obiettivo \u00e8 accompagnarti nella crescita, non limitarti.<\/span><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-2-62dea656\" role=\"heading\" aria-level=\"3\">\n                        <a href=\"#collapse-18730b26a8e496092898\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" role=\"button\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-18730b26a8e496092898\" aria-expanded=\"false\" aria-controls=\"Collapse-18730b26a8e496092898\">\n                            \n                            <span class=\"ekit-accordion-title\">Qual \u00e8 la differenza tra assistenza &quot;da remoto&quot; e &quot;on-site&quot;?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-18730b26a8e496092898\" class=\" collapse\" role=\"region\" aria-labelledby=\"primaryHeading-2-62dea656\" data-parent=\"#accordion-6a8e496092898\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><span class=\"\">L'assistenza\u00a0<\/span><strong><span class=\"\">da remoto<\/span><\/strong><span class=\"\">\u00a0\u00e8 il nostro servizio standard: un tecnico si collega in sicurezza al tuo dispositivo per risolvere problemi software, di rete o configurazione. L'assistenza\u00a0<\/span><strong><span class=\"\">on-site<\/span><\/strong><span class=\"\">\u00a0prevede l'invio fisico di un tecnico nella tua sede per problemi hardware o interventi infrastrutturali complessi.<\/span><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                \n                <div class=\"elementskit-card \">\n                    <div class=\"elementskit-card-header\" id=\"primaryHeading-3-62dea656\" role=\"heading\" aria-level=\"3\">\n                        <a href=\"#collapse-cbba3686a8e496092898\" class=\"ekit-accordion--toggler elementskit-btn-link collapsed\" role=\"button\" data-ekit-toggle=\"collapse\" data-target=\"#Collapse-cbba3686a8e496092898\" aria-expanded=\"false\" aria-controls=\"Collapse-cbba3686a8e496092898\">\n                            \n                            <span class=\"ekit-accordion-title\">Posso recedere dal contratto?<\/span>\n\n                            \n                                <div class=\"ekit_accordion_icon_group\">\n                                    <div class=\"ekit_accordion_normal_icon\">\n                                        <!-- Normal Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-down-arrow1\"><\/i>                                    <\/div>\n\n                                    <div class=\"ekit_accordion_active_icon\">\n                                        <!-- Active Icon -->\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon icon-up-arrow\"><\/i>                                    <\/div>\n                                <\/div>\n\n                            \n                                                    <\/a>\n                    <\/div>\n\n                    <div id=\"Collapse-cbba3686a8e496092898\" class=\" collapse\" role=\"region\" aria-labelledby=\"primaryHeading-3-62dea656\" data-parent=\"#accordion-6a8e496092898\">\n\n                        <div class=\"elementskit-card-body ekit-accordion--content\">\n                            <p><span class=\"\">S\u00ec. Il pacchetto\u00a0<\/span><strong><span class=\"\">PRIVATI<\/span><\/strong><span class=\"\">\u00a0prevede disdetta mensile. Per gli altri pacchetti, le condizioni di recesso sono chiare e trasparenti nel contratto, studiate per offrirti la massima flessibilit\u00e0. Contattaci per maggiori dettagli.<\/span><\/p>                        <\/div>\n\n                    <\/div>\n\n                <\/div><!-- .elementskit-card END -->\n\n                                        <\/div>\n    <\/div>\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>I Nostri Pacchetti IT Soluzioni modulari per accompagnarti passo dopo passo, dai privati fino alle grandi PMI. Non tutte le aziende hanno le stesse esigenze. Abbiamo creato pacchetti modulari per accompagnarti passo dopo passo, dai piccoli studi fino alle PMI. Scegli quello che fa per te! \ud83c\udfe0 PRIVATI Assistenza da Remoto e Supporto 49\u20ac \/mese + IVA 2 ore\/mese di assistenza da remoto Manutenzione PC e smartphone Antivirus e aggiornamenti di sicurezza Backup automatico su cloud (20 GB) Risposta entro 8 ore Contratto flessibile, disdetta mensile Scopri PRIVATI \ud83d\udcbc START Professionisti e piccoli studi 149\u20ac \/mese + IVA 8 ore\/mese di assistenza da remoto Manutenzione PC e dispositivi Antivirus e protezione base Backup automatico su cloud (50 GB) Report mensile attivit\u00e0 Risposta entro 4 ore Scopri START \ud83d\udee1\ufe0f STUDIO PROTETTO Studi strutturati e cliniche 299\u20ac \/mese + IVA 12 ore\/mese di assistenza da remoto Cybersecurity e protezione ransomware Consulenza GDPR e privacy Backup avanzato (500 GB) e Disaster Recovery base Gestione apparati di rete Risposta entro 2 ore Scopri STUDIO PROTETTO \ud83c\udfe2 PMI RESILIENTE Aziende fino a 50 dipendenti 499\u20ac \/mese + IVA 20 ore\/mese di assistenza da remoto Interventi on\u2011site inclusi (fino a 4\/mese) Cybersecurity enterprise e monitoraggio 24\/7 Backup 1 TB e Disaster Recovery avanzato Ottimizzazione costi software e Asset Management Sviluppo web base e manutenzione Consulenza IT strategica e roadmap annuale Risposta entro 1 ora Scopri PMI RESILIENTE Confronta i pacchetti Funzionalit\u00e0 PRIVATI START STUDIO PROTETTO PMI RESILIENTE Assistenza remoto 2 h\/mese 8 h\/mese 12 h\/mese 20 h\/mese Supporto on\u2011site \u274c \u274c \u274c \u2705 4\/mese Tempo di risposta 8 ore 4 ore 2 ore 1 ora Cybersecurity \u274c \u274c \u2705 \u2705 Avanzata Backup incluso 20 GB 50 GB 500 GB 1 TB Disaster Recovery \u274c \u274c \u2705 Base \u2705 Avanzato Consulenza strategica \u274c \u274c \u274c \u2705 Pronto a scegliere il pacchetto giusto per la tua azienda? Non sei sicuro di quale pacchetto faccia al caso tuo? Contattaci per una consulenza gratuita. Analizzeremo le tue esigenze e ti proporremo la soluzione pi\u00f9 adatta. Richiedi una consulenza gratuita \ud83d\udcde Chiamaci: +39 351 460 7983 &nbsp;|&nbsp; \u2709\ufe0f Scrivici: in**@*******sa.com Personalizza i Pacchetti IT 1234 Personalizza Servizi IT \u2715 Configuratore Pacchetto IT su misura Seleziona un preset o personalizza ogni parametro. Il prezzo si aggiorna in tempo reale. \ud83d\udce6 Seleziona il pacchetto Scegli un preset per caricare le quantit\u00e0, oppure personalizza tutto. Privati START Studio Protetto PMI Resiliente Personalizza \u2699\ufe0f Quantit\u00e0 Regola ogni parametro con i pulsanti + e \u2212. PC \/ Workstation\u20ac15 cad. Numero di computer e portatili \u2212 0 + Server\u20ac50 cad. Server fisici o virtuali \u2212 0 + Assistenza remota\u20ac20\/h Supporto telefonico e via ticket \u2212 0 + h Assistenza on\u2011site\u20ac40\/h Interventi fisici in sede \u2212 0 + h Backup storage\u20ac5\/50GB Spazio di archiviazione su cloud \u2212 0 + GB Licenze software\u20ac10 cad. Licenze per software gestiti \u2212 0 + \u2b50 Servizi aggiuntivi Attiva i servizi extra che desideri includere. Cybersecurity avanzata\u20ac120\/mese Disaster Recovery\u20ac150\/mese Sviluppo Web \/ E-commerce\u20ac200\/mese Consulenza IT strategica\u20ac180\/mese PC0 Server0 Assistenza remota0 h Assistenza on\u2011site0 h Backup0 GB Licenze0 Servizi extraNessuno Costo stimato mensile \u20ac0+ IVA Richiedi preventivo Reimposta I prezzi sono IVA esclusa. Costo finale pu\u00f2 variare in base alle esigenze specifiche. \u2715 Simulatore Servizi IT su misura Configura il servizio di cui hai bisogno e ottieni un preventivo stimato in tempo reale. \ud83d\udccb Seleziona il servizio Scegli il tipo di intervento per cui desideri un preventivo. Documentazione Sala Server Interventi Out-of-Hours Personalizza \u2699\ufe0f Parametri Regola ogni parametro con i pulsanti + e \u2212. \u2b50 Servizi aggiuntivi Attiva i servizi extra che desideri includere. Costo stimato \u20ac0+ IVA Richiedi preventivo Reimposta I prezzi sono IVA esclusa. Costo finale pu\u00f2 variare in base alle esigenze specifiche. Damande Frequenti in merito Qual \u00e8 la dimensione della tua azienda? Libero professionista \/ Partita IVA (fino a 5 dipendenti) Piccola impresa (6-20 dipendenti) Media impresa (21-50 dipendenti) Grande azienda (oltre 50 dipendenti) Cosa succede se ho bisogno di pi\u00f9 ore di assistenza di quelle incluse? Le ore incluse sono un minimo garantito, non un tetto massimo. Puoi sempre acquistare ore aggiuntive o passare a un pacchetto superiore. Il nostro obiettivo \u00e8 accompagnarti nella crescita, non limitarti. Qual \u00e8 la differenza tra assistenza &quot;da remoto&quot; e &quot;on-site&quot;? L&#8217;assistenza\u00a0da remoto\u00a0\u00e8 il nostro servizio standard: un tecnico si collega in sicurezza al tuo dispositivo per risolvere problemi software, di rete o configurazione. L&#8217;assistenza\u00a0on-site\u00a0prevede l&#8217;invio fisico di un tecnico nella tua sede per problemi hardware o interventi infrastrutturali complessi. Posso recedere dal contratto? S\u00ec. Il pacchetto\u00a0PRIVATI\u00a0prevede disdetta mensile. Per gli altri pacchetti, le condizioni di recesso sono chiare e trasparenti nel contratto, studiate per offrirti la massima flessibilit\u00e0. Contattaci per maggiori dettagli.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/pages\/4350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/comments?post=4350"}],"version-history":[{"count":64,"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/pages\/4350\/revisions"}],"predecessor-version":[{"id":4474,"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/pages\/4350\/revisions\/4474"}],"wp:attachment":[{"href":"https:\/\/www.metricdsa.com\/en\/wp-json\/wp\/v2\/media?parent=4350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}