Calcolatore di risparmio tempo \u2013 Cocktail premiscelati<\/title>\r\n<style>\r\n body {\r\n font-family: \"Open Sans\", Arial, sans-serif;\r\n background: #fff;\r\n color: #222;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .calculator {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n padding: 20px 15px;\r\n }\r\n\r\n h2 {\r\n text-align: center;\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n color: #000;\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 0.95rem;\r\n }\r\n\r\n th {\r\n text-align: left;\r\n padding: 10px 6px;\r\n font-weight: 600;\r\n color: #333;\r\n background: #f7f7f7;\r\n }\r\n\r\n td {\r\n padding: 10px 6px;\r\n border-bottom: 1px solid #e8e8e8;\r\n }\r\n\r\n .param {\r\n width: 65%;\r\n background: #fff; \/* colonna descrizioni in bianco *\/\r\n }\r\n\r\n .value {\r\n width: 35%;\r\n text-align: right;\r\n }\r\n\r\n input[type=\"number\"] {\r\n width: 100%;\r\n padding: 6px 8px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n background: #fff7c3; \/* giallo chiaro *\/\r\n text-align: right;\r\n font-size: 1rem;\r\n }\r\n\r\n .result {\r\n background: #e9f8e9; \/* verde chiaro solo sulla colonna valore *\/\r\n font-weight: 600;\r\n }\r\n\r\n .note {\r\n font-size: 0.85rem;\r\n margin-top: 14px;\r\n color: #555;\r\n text-align: center;\r\n }\r\n\r\n .small {\r\n display: block;\r\n font-size: 0.8rem;\r\n color: #777;\r\n }\r\n\r\n .actions {\r\n margin-top: 14px;\r\n text-align: center;\r\n }\r\n\r\n .btn-calc {\r\n display: inline-block;\r\n background: #D71920; \/* rosso Micro Matic *\/\r\n color: #fff;\r\n border: none;\r\n padding: 10px 18px;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n box-shadow: 0 6px 18px rgba(215,25,32,0.18);\r\n transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;\r\n }\r\n\r\n .btn-calc:hover {\r\n opacity: 0.9;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .btn-calc:active {\r\n transform: translateY(1px) scale(0.998);\r\n }\r\n\r\n .btn-calc:focus {\r\n outline: 3px solid rgba(215,25,32,0.18);\r\n outline-offset: 2px;\r\n }\r\n\r\n .flash {\r\n display:inline-block;\r\n margin-left:10px;\r\n color:#0a7a0a;\r\n font-weight:600;\r\n opacity:0;\r\n transform:translateY(-4px);\r\n transition: all 420ms ease;\r\n }\r\n\r\n .flash.show {\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n\r\n @media (max-width:520px){\r\n .btn-calc { width:100%; padding:12px; }\r\n .small { font-size:0.75rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"calculator\" role=\"region\" aria-label=\"Calcolatore di risparmio tempo \u2013 Cocktail premiscelati\">\r\n <h2 align=center>Calcolatore di risparmio tempo \u2013 Cocktail premiscelati<br><\/h2>\r\n <h5 align=center>Time savings calculator - Premixed Cocktails<\/h5>\r\n \r\n <table>\r\n <tr>\r\n <th>PARAMETRO \/ PARAMETER<\/th>\r\n <th>VALORE \/ VALUE<\/th>\r\n <\/tr>\r\n <tr>\r\n <td class=\"param\">Numero di cocktail serviti a sera<br><span class=\"small\">Number of cocktails served per evening<\/span><\/td>\r\n <td class=\"value\"><input type=\"number\" id=\"cocktails\" value=\"400\" min=\"1\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"param\">Tempo bartender per cocktail (secondi)<br><span class=\"small\">Bartender time per cocktail (seconds)<\/span><\/td>\r\n <td class=\"value\"><input type=\"number\" id=\"bartender\" value=\"120\" min=\"1\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"param\">Tempo impianto premiscelato per cocktail (secondi)<br><span class=\"small\">Premixed setup time per cocktail (seconds)<\/span><\/td>\r\n <td class=\"value\"><input type=\"number\" id=\"premix\" value=\"15\" min=\"0\"><\/td>\r\n <\/tr>\r\n <tr>\r\n <th colspan=\"2\">RISULTATI \/ RESULTS<\/th>\r\n <\/tr>\r\n <tr>\r\n <td class=\"param\">Tempo totale risparmiato (ore)<br><span class=\"small\">Total time saved (hours)<\/span><\/td>\r\n <td class=\"value result\" id=\"hours\">11,67<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"param\">Percentuale di tempo risparmiato (%)<br><span class=\"small\">Percentage of time saved (%)<\/span><\/td>\r\n <td class=\"value result\" id=\"percent\">0,88<\/td>\r\n <\/tr>\r\n <tr>\r\n <td class=\"param\">Percentuale tempo(sec) risparmiato a cocktail per serata(%)<br><span class=\"small\">Percentage of time(sec) saved per cocktail per night<\/span><\/td>\r\n <td class=\"value result\" id=\"secSaved\">350<\/td>\r\n <\/tr>\r\n <\/table>\r\n <\/br>\r\n <div class=\"actions\" align=center>\r\n <button id=\"calculateBtn\" class=\"btn-calc\">Calcola \u00b7 Calculate<\/button>\r\n <span id=\"flash\" class=\"flash\">Calcolato \u2713<\/span>\r\n <\/div>\r\n<\/br>\r\n <div class=\"note\">\r\n \ud83d\udc49 Modifica solo le celle gialle. I risultati in verde si aggiornano automaticamente.<br>\r\n \ud83d\udc49 Modify only the yellow cells. The results in green update automatically.\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function calc() {\r\n const cocktails = parseFloat(document.getElementById(\"cocktails\").value) || 0;\r\n const bartender = parseFloat(document.getElementById(\"bartender\").value) || 0;\r\n const premix = parseFloat(document.getElementById(\"premix\").value) || 0;\r\n \r\n const secSavedTotal = (bartender - premix) * cocktails;\r\n const hoursSaved = secSavedTotal \/ 3600;\r\n const percent = bartender > 0 ? ((bartender - premix) \/ bartender) * 100 : 0;\r\n const secPerCocktailNight = bartender - premix;\r\n\r\n document.getElementById(\"hours\").textContent = hoursSaved.toFixed(2).replace(\".\", \",\");\r\n document.getElementById(\"percent\").textContent = percent.toFixed(2).replace(\".\", \",\");\r\n document.getElementById(\"secSaved\").textContent = secPerCocktailNight.toFixed(0);\r\n }\r\n\r\n \/\/ Pulsante Calcola con feedback visivo\r\n const btn = document.getElementById(\"calculateBtn\");\r\n const flash = document.getElementById(\"flash\");\r\n\r\n function doCalculate() {\r\n calc();\r\n flash.classList.add(\"show\");\r\n setTimeout(() => flash.classList.remove(\"show\"), 1600);\r\n }\r\n\r\n btn.addEventListener(\"click\", doCalculate);\r\n\r\n \/\/ Aggiornamento live sugli input\r\n [\"cocktails\", \"bartender\", \"premix\"].forEach(id => {\r\n document.getElementById(id).addEventListener(\"input\", calc);\r\n });\r\n\r\n \/\/ Calcolo iniziale\r\n calc();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c57c43 e-flex e-con-boxed e-con e-parent\" data-id=\"4c57c43\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6203a73 elementor-widget elementor-widget-spacer\" data-id=\"6203a73\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-deee18c e-grid e-con-boxed e-con e-parent\" data-id=\"deee18c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2d562 elementor-widget elementor-widget-text-editor\" data-id=\"4a2d562\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><strong>Form more information<\/strong><\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de94449 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"de94449\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.vinservice.it\/contatti\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here!<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fad1149 e-flex e-con-boxed e-con e-parent\" data-id=\"fad1149\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc152d8 elementor-widget elementor-widget-spacer\" data-id=\"cc152d8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calcola il tuo risparmio! Calculate your saving! Calcolatore di risparmio tempo \u2013 Cocktail premiscelati Calcolatore di risparmio tempo \u2013 Cocktail premiscelati Time savings calculator – Premixed Cocktails PARAMETRO \/ PARAMETER VALORE \/ VALUE Numero di cocktail serviti a seraNumber of cocktails served per evening Tempo bartender per cocktail (secondi)Bartender time per cocktail (seconds) Tempo impianto […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":69,"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/pages\/118\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/www.vinservice.it\/cocktail-solutions\/wp-json\/wp\/v2\/media?parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}