{"id":120,"date":"2024-09-05T17:10:54","date_gmt":"2024-09-05T17:10:54","guid":{"rendered":"https:\/\/www.studioperraconsulenze.it\/wp99\/?page_id=120"},"modified":"2026-02-09T18:27:16","modified_gmt":"2026-02-09T18:27:16","slug":"listino-prezzi","status":"publish","type":"page","link":"https:\/\/www.studioperraconsulenze.it\/wp99\/approfondimenti\/listino-prezzi\/","title":{"rendered":"Listino prezzi"},"content":{"rendered":"\n<!-- INIZIO BLOCCO LISTINO E PREVENTIVATORE -->\n<style>\n    \/* Layout Generale a due colonne *\/\n    .pricing-wrapper {\n        font-family: 'Segoe UI', Helvetica, Arial, sans-serif;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 30px;\n        max-width: 1100px;\n        margin: 40px auto;\n        align-items: flex-start;\n    }\n\n    \/* --- COLONNA SINISTRA: CALCOLATORE --- *\/\n    .calc-box {\n        flex: 1;\n        min-width: 300px;\n        background-color: #f3f7fa; \/* Azzurro Chiaro *\/\n        border: 2px solid #265383; \/* Bordo Blu *\/\n        border-radius: 10px;\n        padding: 25px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        position: sticky;\n        top: 20px; \/* Rimane fisso mentre scorri se c'\u00e8 spazio *\/\n    }\n\n    .calc-title {\n        color: #265383;\n        font-size: 22px;\n        font-weight: 800;\n        margin-top: 0;\n        margin-bottom: 20px;\n        text-align: center;\n        border-bottom: 1px solid #dceefc;\n        padding-bottom: 10px;\n    }\n\n    .calc-form-group {\n        margin-bottom: 15px;\n    }\n\n    .calc-label {\n        display: block;\n        font-size: 14px;\n        font-weight: 600;\n        color: #555;\n        margin-bottom: 5px;\n    }\n\n    .calc-input, .calc-select {\n        width: 100%;\n        padding: 10px;\n        border: 1px solid #ccc;\n        border-radius: 5px;\n        font-size: 15px;\n        box-sizing: border-box; \/* Importante per il padding *\/\n    }\n\n    .calc-btn {\n        background-color: #c64d2b; \/* Arancione per l'azione *\/\n        color: white;\n        border: none;\n        padding: 12px;\n        width: 100%;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 5px;\n        cursor: pointer;\n        transition: background 0.3s;\n        margin-top: 10px;\n        text-transform: uppercase;\n    }\n\n    .calc-btn:hover {\n        background-color: #a83e20;\n    }\n\n    \/* Risultato Calcolo *\/\n    .calc-result-box {\n        background-color: #fff;\n        border: 1px dashed #265383;\n        padding: 15px;\n        margin-top: 20px;\n        border-radius: 5px;\n        display: none; \/* Nascosto all'inizio *\/\n        text-align: center;\n    }\n\n    .res-years {\n        font-size: 14px;\n        color: #666;\n        margin-bottom: 5px;\n    }\n\n    .res-price {\n        font-size: 32px;\n        color: #265383;\n        font-weight: 800;\n        display: block;\n    }\n\n    .res-note {\n        font-size: 11px;\n        color: #888;\n        margin-top: 5px;\n    }\n\n    \/* --- COLONNA DESTRA: TABELLA --- *\/\n    .table-box {\n        flex: 1.5;\n        min-width: 300px;\n    }\n\n    .service-table {\n        width: 100%;\n        border-collapse: collapse;\n        background-color: #fff;\n        box-shadow: 0 0 10px rgba(0,0,0,0.05);\n        border-radius: 8px;\n        overflow: hidden;\n    }\n\n    .service-table thead th {\n        background-color: #265383;\n        color: #ffffff;\n        padding: 15px;\n        font-size: 15px;\n        text-align: left;\n    }\n\n    .service-table tbody td {\n        padding: 12px 15px;\n        border-bottom: 1px solid #e1e8ed;\n        color: #444;\n        font-size: 14px;\n    }\n\n    .category-row {\n        background-color: #eef6fc;\n        font-weight: 700;\n        color: #c64d2b;\n        text-transform: uppercase;\n        font-size: 13px;\n        letter-spacing: 1px;\n    }\n\n    .price-tag {\n        font-weight: bold;\n        color: #265383;\n        white-space: nowrap;\n    }\n    \n    .price-info-text {\n        font-size: 13px; \n        color: #666; \n        margin-bottom: 15px;\n        font-style: italic;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .pricing-wrapper { flex-direction: column; }\n        .calc-box, .table-box { width: 100%; }\n        .calc-box { position: static; } \/* Rimuove sticky su mobile *\/\n    }\n<\/style>\n\n<div class=\"pricing-wrapper\">\n\n    <!-- COLONNA SINISTRA: PREVENTIVATORE -->\n    <div class=\"calc-box\">\n        <h3 class=\"calc-title\"><i class=\"fas fa-calculator\"><\/i> Calcola Preventivo<\/h3>\n        \n        <div class=\"calc-form-group\">\n            <label class=\"calc-label\" for=\"serviceSelect\">Seleziona Servizio<\/label>\n            <select id=\"serviceSelect\" class=\"calc-select\">\n                <option value=\"16\">Conteggi di Lavoro<\/option>\n                <option value=\"16\">Conteggi Previdenziali<\/option>\n                <option value=\"16\">Vertenze Pubblico Impiego<\/option>\n                <option value=\"16\">Vertenze Agenti<\/option>\n                <!-- Danno Biologico ha prezzo fisso o da concordare? Qui metto standard come richiesto -->\n                <option value=\"16\">Danno Biologico<\/option> \n            <\/select>\n        <\/div>\n\n        <div class=\"calc-form-group\">\n            <label class=\"calc-label\" for=\"startDate\">Data Inizio Rapporto<\/label>\n            <input type=\"date\" id=\"startDate\" class=\"calc-input\">\n        <\/div>\n\n        <div class=\"calc-form-group\">\n            <label class=\"calc-label\" for=\"endDate\">Data Fine Rapporto<\/label>\n            <input type=\"date\" id=\"endDate\" class=\"calc-input\">\n        <\/div>\n\n        <button onclick=\"calculateQuote()\" class=\"calc-btn\">Calcola Ora<\/button>\n\n        <!-- Box Risultato -->\n        <div id=\"resultBox\" class=\"calc-result-box\">\n            <div class=\"res-years\">Anni Solari calcolati: <strong id=\"yearsCount\">0<\/strong><\/div>\n            <span class=\"res-price\" id=\"finalPrice\">\u20ac 0,00<\/span>\n            <div class=\"res-note\">+ IVA di legge<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- COLONNA DESTRA: LISTINO E TEMPI -->\n    <div class=\"table-box\">\n        <h3 style=\"color:#265383; margin-top:0;\">Listino Servizi e Tempi<\/h3>\n        <p class=\"price-info-text\">\n            <strong>Nota Tariffaria:<\/strong> Il costo base per tutti i servizi di calcolo \u00e8 di <strong>\u20ac 16,00<\/strong> per ogni anno solare (o frazione di anno) oggetto di analisi, oltre accessori di legge (IVA).\n        <\/p>\n\n        <table class=\"service-table\">\n            <thead>\n                <tr>\n                    <th>Servizio<\/th>\n                    <th>Tempi Consegna<\/th>\n                    <th>Prezzo Base<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <!-- LAVORO -->\n                <tr class=\"category-row\"><td colspan=\"3\">Vertenze di Lavoro<\/td><\/tr>\n                <tr>\n                    <td>Vertenze 3<\/td>\n                    <td>3 gg lav.<\/td>\n                    <td class=\"price-tag\">\u20ac 16,00 \/ anno<\/td>\n                <\/tr>\n                <tr>\n                    <td>Vertenze 7<\/td>\n                    <td>7 gg lav.<\/td>\n                    <td class=\"price-tag\">\u20ac 16,00 \/ anno<\/td>\n                <\/tr>\n                <tr>\n                    <td>Vertenze Plus (>10 anni)<\/td>\n                    <td>10 gg lav.<\/td>\n                    <td class=\"price-tag\">\u20ac 16,00 \/ anno<\/td>\n                <\/tr>\n                <tr>\n                    <td>Pubblico Impiego<\/td>\n                    <td>10 gg lav.<\/td>\n                    <td class=\"price-tag\">\u20ac 16,00 \/ anno<\/td>\n                <\/tr>\n\n                <!-- PREVIDENZIALE -->\n                <tr class=\"category-row\"><td colspan=\"3\">Conteggi Previdenziali<\/td><\/tr>\n                <tr>\n                    <td>Contributi 3<\/td>\n                    <td>3 gg lav.<\/td>\n                    <td class=\"price-tag\">\u20ac 16,00 \/ anno<\/td>\n                <\/tr>\n                <tr>\n                    <td>Contributi 7<\/td>\n                    <td>7 gg lav.<\/td>\n                    <td class=\"price-tag\">\u20ac 16,00 \/ anno<\/td>\n                <\/tr>\n                <tr>\n                    <td>Contributi Plus (>10 anni)<\/td>\n                    <td>10 gg lav.<\/td>\n                    <td class=\"price-tag\">\u20ac 16,00 \/ anno<\/td>\n                <\/tr>\n\n                <!-- ALTRI -->\n                <tr class=\"category-row\"><td colspan=\"3\">Altri Servizi<\/td><\/tr>\n                <tr>\n                    <td>Differenze Pensionistiche<\/td>\n                    <td>Vedi Portale<\/td>\n                    <td class=\"price-tag\">&#8211;<\/td>\n                <\/tr>\n                <tr>\n                    <td>Danno Biologico<\/td>\n                    <td>20 gg lav.<\/td>\n                    <td class=\"price-tag\">Su Preventivo<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n\n<\/div>\n\n<!-- SCRIPT CALCOLO -->\n<script>\n    function calculateQuote() {\n        \/\/ Prendi i valori\n        var startInput = document.getElementById(\"startDate\").value;\n        var endInput = document.getElementById(\"endDate\").value;\n        var pricePerYear = 16.00;\n\n        \/\/ Controlli base\n        if (!startInput || !endInput) {\n            alert(\"Per favore, inserisci sia la data di inizio che quella di fine.\");\n            return;\n        }\n\n        var startDate = new Date(startInput);\n        var endDate = new Date(endInput);\n\n        if (startDate > endDate) {\n            alert(\"La data di fine deve essere successiva alla data di inizio.\");\n            return;\n        }\n\n        \/\/ Calcolo Anni Solari\n        \/\/ Esempio: 2020 - 2023 = (2023 - 2020) + 1 = 4 anni solari (2020, 21, 22, 23)\n        var startYear = startDate.getFullYear();\n        var endYear = endDate.getFullYear();\n        var solarYears = (endYear - startYear) + 1;\n\n        \/\/ Calcolo Prezzo\n        var total = solarYears * pricePerYear;\n\n        \/\/ Mostra Risultati\n        document.getElementById(\"yearsCount\").innerText = solarYears;\n        \n        \/\/ Formatta valuta in Italiano\n        var formatter = new Intl.NumberFormat('it-IT', {\n            style: 'currency',\n            currency: 'EUR',\n        });\n        \n        document.getElementById(\"finalPrice\").innerText = formatter.format(total);\n        \n        \/\/ Mostra il box (slide down effect simulated)\n        document.getElementById(\"resultBox\").style.display = \"block\";\n    }\n<\/script>\n<!-- FINE BLOCCO LISTINO E PREVENTIVATORE -->\n","protected":false},"excerpt":{"rendered":"<p>Calcola Preventivo Seleziona Servizio Conteggi di LavoroConteggi PrevidenzialiVertenze Pubblico ImpiegoVertenze AgentiDanno Biologico Data Inizio Rapporto Data Fine Rapporto Calcola Ora Anni Solari calcolati: 0 \u20ac&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":96,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":2,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/120\/revisions\/359"}],"up":[{"embeddable":true,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/96"}],"wp:attachment":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}