Calculadora de Valor Agregado – #RespeitoAoVarejo<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n\n .header {\n background: linear-gradient(135deg, #ff6b6b, #ee5a24);\n color: white;\n padding: 30px;\n text-align: center;\n }\n\n .header h1 {\n font-size: 2.5em;\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .header p {\n font-size: 1.2em;\n opacity: 0.9;\n }\n\n .main-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n min-height: 600px;\n }\n\n .input-section {\n background: #f8f9fa;\n padding: 40px;\n border-right: 1px solid #e9ecef;\n }\n\n .results-section {\n padding: 40px;\n background: white;\n }\n\n .form-group {\n margin-bottom: 25px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #2c3e50;\n font-size: 1.1em;\n }\n\n .form-group input, .form-group select {\n width: 100%;\n padding: 15px;\n border: 2px solid #e9ecef;\n border-radius: 10px;\n font-size: 1em;\n transition: border-color 0.3s;\n }\n\n .form-group input:focus, .form-group select:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n }\n\n .info-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: #3498db;\n color: white;\n border-radius: 50%;\n text-align: center;\n line-height: 20px;\n font-size: 12px;\n margin-left: 5px;\n cursor: help;\n }\n\n .calculate-btn {\n width: 100%;\n padding: 18px;\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 1.2em;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s;\n }\n\n .calculate-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\n }\n\n .comparison-card {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 20px;\n border-left: 5px solid #667eea;\n }\n\n .comparison-card.online {\n border-left-color: #e74c3c;\n }\n\n .comparison-card.varejo {\n border-left-color: #27ae60;\n }\n\n .card-title {\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n color: #2c3e50;\n }\n\n .cost-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 0;\n border-bottom: 1px solid #e9ecef;\n }\n\n .cost-item:last-child {\n border-bottom: none;\n font-weight: 700;\n font-size: 1.1em;\n margin-top: 10px;\n padding-top: 15px;\n border-top: 2px solid #3498db;\n }\n\n .cost-label {\n color: #2c3e50;\n }\n\n .cost-value {\n font-weight: 600;\n }\n\n .cost-value.negative {\n color: #e74c3c;\n }\n\n .cost-value.positive {\n color: #27ae60;\n }\n\n .savings-highlight {\n background: linear-gradient(135deg, #27ae60, #2ecc71);\n color: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n margin-top: 20px;\n }\n\n .savings-highlight h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n .savings-highlight .amount {\n font-size: 2.5em;\n font-weight: 700;\n }\n\n .benefits-list {\n background: #e8f5e8;\n padding: 20px;\n border-radius: 10px;\n margin-top: 20px;\n }\n\n .benefits-list h4 {\n color: #27ae60;\n margin-bottom: 15px;\n font-size: 1.2em;\n }\n\n .benefit-item {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n color: #2c3e50;\n }\n\n .benefit-item::before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n margin-right: 10px;\n font-size: 1.2em;\n }\n\n .footer {\n background: #2c3e50;\n color: white;\n text-align: center;\n padding: 20px;\n }\n\n .tooltip {\n position: relative;\n display: inline-block;\n }\n\n .tooltip .tooltiptext {\n visibility: hidden;\n width: 200px;\n background-color: #2c3e50;\n color: #fff;\n text-align: center;\n border-radius: 6px;\n padding: 8px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n margin-left: -100px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 12px;\n }\n\n .tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n }\n\n @media (max-width: 768px) {\n .main-content {\n grid-template-columns: 1fr;\n }\n \n .input-section {\n border-right: none;\n border-bottom: 1px solid #e9ecef;\n }\n \n .header h1 {\n font-size: 2em;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83e\uddee Calculadora de Valor Agregado<\/h1>\n <p>Descubra o custo real: Varejo Especializado vs Compra Online<\/p>\n <\/div>\n\n <div class=\"main-content\">\n <div class=\"input-section\">\n <h2 style=\"margin-bottom: 30px; color: #2c3e50;\">\ud83d\udcca Insira os Dados do Produto<\/h2>\n \n <div class=\"form-group\">\n <label for=\"productPrice\">Pre\u00e7o do Produto (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Pre\u00e7o base do produto sem frete<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"productPrice\" placeholder=\"Ex: 150,00\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"onlinePrice\">Pre\u00e7o Online (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Pre\u00e7o praticado na venda online direta<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"onlinePrice\" placeholder=\"Ex: 130,00\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"shippingCost\">Frete Online (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Custo de entrega da compra online<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"shippingCost\" placeholder=\"Ex: 25,00\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"urgency\">Urg\u00eancia do Projeto\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Qu\u00e3o importante \u00e9 receber rapidamente<\/span>\n <\/span>\n <\/label>\n <select id=\"urgency\">\n <option value=\"baixa\">Baixa – Posso esperar<\/option>\n <option value=\"media\">M\u00e9dia – Prefiro logo<\/option>\n <option value=\"alta\">Alta – Preciso urgente<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"projectType\">Tipo de Projeto\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Complexidade do projeto<\/span>\n <\/span>\n <\/label>\n <select id=\"projectType\">\n <option value=\"simples\">Simples – Uso dom\u00e9stico<\/option>\n <option value=\"medio\">M\u00e9dio – Reforma<\/option>\n <option value=\"complexo\">Complexo – Constru\u00e7\u00e3o<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"timeValue\">Valor da sua Hora (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Quanto vale seu tempo para calcular custos indiretos<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"timeValue\" placeholder=\"Ex: 50,00\" step=\"0.01\" min=\"0\" value=\"30\">\n <\/div>\n\n <button class=\"calculate-btn\" onclick=\"calculateValue()\">\n \ud83d\udd04 Calcular Valor Real\n <\/button>\n <\/div>\n\n <div class=\"results-section\">\n <h2 style=\"margin-bottom: 30px; color: #2c3e50;\">\ud83d\udcc8 Compara\u00e7\u00e3o de Custos<\/h2>\n \n <div id=\"results\" style=\"display: none;\">\n <div class=\"comparison-card online\">\n <div class=\"card-title\">\ud83c\udf10 Compra Online<\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Pre\u00e7o do Produto<\/span>\n <span class=\"cost-value\" id=\"onlineProductCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Frete<\/span>\n <span class=\"cost-value\" id=\"onlineShippingCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Tempo Perdido (espera)<\/span>\n <span class=\"cost-value\" id=\"onlineTimeCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Risco de Problema<\/span>\n <span class=\"cost-value\" id=\"onlineRiskCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">\ud83d\udd34 CUSTO TOTAL<\/span>\n <span class=\"cost-value negative\" id=\"onlineTotalCost\">R$ 0,00<\/span>\n <\/div>\n <\/div>\n\n <div class=\"comparison-card varejo\">\n <div class=\"card-title\">\ud83c\udfea Varejo Especializado<\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Pre\u00e7o do Produto<\/span>\n <span class=\"cost-value\" id=\"varejoProductCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Frete\/Entrega<\/span>\n <span class=\"cost-value\" id=\"varejoShippingCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Consultoria T\u00e9cnica<\/span>\n <span class=\"cost-value positive\">GRATUITA<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Garantia Local<\/span>\n <span class=\"cost-value positive\">INCLU\u00cdDA<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">\ud83d\udfe2 CUSTO TOTAL<\/span>\n <span class=\"cost-value positive\" id=\"varejoTotalCost\">R$ 0,00<\/span>\n <\/div>\n <\/div>\n\n <div class=\"savings-highlight\" id=\"savingsSection\">\n <h3>\ud83d\udcb0 Economia Real no Varejo<\/h3>\n <div class=\"amount\" id=\"savingsAmount\">R$ 0,00<\/div>\n <p id=\"savingsPercentage\">0% mais econ\u00f4mico<\/p>\n <\/div>\n\n <div class=\"benefits-list\">\n <h4>\ud83c\udfaf Benef\u00edcios Extras do Varejo Especializado:<\/h4>\n <div class=\"benefit-item\">Atendimento imediato sem filas de chat<\/div>\n <div class=\"benefit-item\">Produto dispon\u00edvel no mesmo dia<\/div>\n <div class=\"benefit-item\">Orienta\u00e7\u00e3o t\u00e9cnica personalizada<\/div>\n <div class=\"benefit-item\">Suporte p\u00f3s-venda local<\/div>\n <div class=\"benefit-item\">Relacionamento de confian\u00e7a<\/div>\n <div class=\"benefit-item\">Contribui\u00e7\u00e3o para economia local<\/div>\n <\/div>\n <\/div>\n\n <div id=\"placeholder\" style=\"text-align: center; color: #7f8c8d; margin-top: 100px;\">\n <div style=\"font-size: 4em; margin-bottom: 20px;\">\ud83d\udcca<\/div>\n <h3>Preencha os dados ao lado para ver a compara\u00e7\u00e3o<\/h3>\n <p>Descubra quanto voc\u00ea realmente economiza comprando no varejo especializado!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n <p><strong>#RespeitoAoVarejo<\/strong> – Uma iniciativa SINCOMAVI | Valorize quem valoriza voc\u00ea!<\/p>\n <\/div>\n <\/div>\n\n <script>\n function calculateValue() {\n \/\/ Pegar valores dos inputs\n const productPrice = parseFloat(document.getElementById('productPrice').value) || 0;\n const onlinePrice = parseFloat(document.getElementById('onlinePrice').value) || 0;\n const shippingCost = parseFloat(document.getElementById('shippingCost').value) || 0;\n const urgency = document.getElementById('urgency').value;\n const projectType = document.getElementById('projectType').value;\n const timeValue = parseFloat(document.getElementById('timeValue').value) || 30;\n\n if (productPrice === 0 || onlinePrice === 0) {\n alert('Por favor, preencha pelo menos o pre\u00e7o do produto e o pre\u00e7o online!');\n return;\n }\n\n \/\/ Calcular custos adicionais baseados na urg\u00eancia e tipo de projeto\n let timeCost = 0;\n let riskMultiplier = 0.05; \/\/ 5% base\n\n \/\/ Custo de tempo baseado na urg\u00eancia\n switch(urgency) {\n case 'baixa':\n timeCost = timeValue * 1; \/\/ 1 hora perdida\n break;\n case 'media':\n timeCost = timeValue * 3; \/\/ 3 horas perdidas\n break;\n case 'alta':\n timeCost = timeValue * 8; \/\/ 8 horas perdidas (1 dia)\n break;\n }\n\n \/\/ Multiplicador de risco baseado no tipo de projeto\n switch(projectType) {\n case 'simples':\n riskMultiplier = 0.03;\n break;\n case 'medio':\n riskMultiplier = 0.07;\n break;\n case 'complexo':\n riskMultiplier = 0.12;\n break;\n }\n\n const riskCost = onlinePrice * riskMultiplier;\n\n \/\/ Calcular totais\n const onlineTotal = onlinePrice + shippingCost + timeCost + riskCost;\n const varejoTotal = productPrice; \/\/ Assumindo entrega gr\u00e1tis para valores acima de certo limite\n\n const savings = onlineTotal - varejoTotal;\n const savingsPercentage = ((savings \/ onlineTotal) * 100).toFixed(1);\n\n \/\/ Atualizar interface\n document.getElementById('onlineProductCost').textContent = `R$ ${onlinePrice.toFixed(2)}`;\n document.getElementById('onlineShippingCost').textContent = `R$ ${shippingCost.toFixed(2)}`;\n document.getElementById('onlineTimeCost').textContent = `R$ ${timeCost.toFixed(2)}`;\n document.getElementById('onlineRiskCost').textContent = `R$ ${riskCost.toFixed(2)}`;\n document.getElementById('onlineTotalCost').textContent = `R$ ${onlineTotal.toFixed(2)}`;\n\n document.getElementById('varejoProductCost').textContent = `R$ ${productPrice.toFixed(2)}`;\n document.getElementById('varejoShippingCost').textContent = productPrice >= 100 ? 'GR\u00c1TIS' : 'R$ 15,00';\n document.getElementById('varejoTotalCost').textContent = `R$ ${varejoTotal.toFixed(2)}`;\n\n \/\/ Atualizar se\u00e7\u00e3o de economia\n const savingsSection = document.getElementById('savingsSection');\n const savingsAmountEl = document.getElementById('savingsAmount');\n const savingsPercentageEl = document.getElementById('savingsPercentage');\n\n if (savings > 0) {\n savingsSection.style.background = 'linear-gradient(135deg, #27ae60, #2ecc71)';\n savingsAmountEl.textContent = `R$ ${savings.toFixed(2)}`;\n savingsPercentageEl.textContent = `${savingsPercentage}% mais econ\u00f4mico`;\n } else {\n savingsSection.style.background = 'linear-gradient(135deg, #e74c3c, #c0392b)';\n savingsAmountEl.textContent = `R$ ${Math.abs(savings).toFixed(2)}`;\n savingsPercentageEl.textContent = `${Math.abs(savingsPercentage)}% mais caro (mas com muito mais valor!)`;\n }\n\n \/\/ Mostrar resultados\n document.getElementById('placeholder').style.display = 'none';\n document.getElementById('results').style.display = 'block';\n }\n\n \/\/ Auto-calcular quando houver dados suficientes\n document.addEventListener('input', function(e) {\n const productPrice = parseFloat(document.getElementById('productPrice').value) || 0;\n const onlinePrice = parseFloat(document.getElementById('onlinePrice').value) || 0;\n \n if (productPrice > 0 && onlinePrice > 0) {\n calculateValue();\n }\n });\n\n \/\/ Adicionar formata\u00e7\u00e3o de moeda nos inputs\n document.querySelectorAll('input[type=\"number\"]').forEach(input => {\n input.addEventListener('blur', function() {\n if (this.value) {\n this.value = parseFloat(this.value).toFixed(2);\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Aten\u00e7\u00e3o<\/h2>\n\n\n\n<p>“Este c\u00e1lculo \u00e9 apenas uma estimativa baseada em valores m\u00e9dios de mercado. Os custos reais podem variar conforme regi\u00e3o, fornecedor e circunst\u00e2ncias espec\u00edficas. Consulte sempre condi\u00e7\u00f5es detalhadas antes de tomar decis\u00f5es de compra.”<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Valor Agregado – #RespeitoAoVarejo \ud83e\uddee Calculadora de Valor Agregado Descubra o custo real: Varejo Especializado vs Compra Online \ud83d\udcca Insira os Dados do Produto Pre\u00e7o do Produto (R$) ? Pre\u00e7o base do produto sem frete Pre\u00e7o Online (R$) ? Pre\u00e7o praticado na venda online direta Frete Online (R$) ? Custo de entrega da […]<\/p>\n","protected":false},"author":1,"featured_media":2542,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2540","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages\/2540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/comments?post=2540"}],"version-history":[{"count":6,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages\/2540\/revisions"}],"predecessor-version":[{"id":2575,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages\/2540\/revisions\/2575"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/media\/2542"}],"wp:attachment":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/media?parent=2540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2540,"date":"2025-06-18T12:48:54","date_gmt":"2025-06-18T12:48:54","guid":{"rendered":"https:\/\/sincomavi.net\/?page_id=2540"},"modified":"2025-07-14T16:26:23","modified_gmt":"2025-07-14T16:26:23","slug":"2540-2","status":"publish","type":"page","link":"https:\/\/sincomavi.net\/index.php\/2540-2\/","title":{"rendered":"CALCULADORA – #RespeitoAoVarejo"},"content":{"rendered":"\n\n\n\n \n \n Calculadora de Valor Agregado – #RespeitoAoVarejo<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n overflow: hidden;\n }\n\n .header {\n background: linear-gradient(135deg, #ff6b6b, #ee5a24);\n color: white;\n padding: 30px;\n text-align: center;\n }\n\n .header h1 {\n font-size: 2.5em;\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .header p {\n font-size: 1.2em;\n opacity: 0.9;\n }\n\n .main-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n min-height: 600px;\n }\n\n .input-section {\n background: #f8f9fa;\n padding: 40px;\n border-right: 1px solid #e9ecef;\n }\n\n .results-section {\n padding: 40px;\n background: white;\n }\n\n .form-group {\n margin-bottom: 25px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #2c3e50;\n font-size: 1.1em;\n }\n\n .form-group input, .form-group select {\n width: 100%;\n padding: 15px;\n border: 2px solid #e9ecef;\n border-radius: 10px;\n font-size: 1em;\n transition: border-color 0.3s;\n }\n\n .form-group input:focus, .form-group select:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n }\n\n .info-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: #3498db;\n color: white;\n border-radius: 50%;\n text-align: center;\n line-height: 20px;\n font-size: 12px;\n margin-left: 5px;\n cursor: help;\n }\n\n .calculate-btn {\n width: 100%;\n padding: 18px;\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 1.2em;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s;\n }\n\n .calculate-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);\n }\n\n .comparison-card {\n background: #f8f9fa;\n border-radius: 15px;\n padding: 25px;\n margin-bottom: 20px;\n border-left: 5px solid #667eea;\n }\n\n .comparison-card.online {\n border-left-color: #e74c3c;\n }\n\n .comparison-card.varejo {\n border-left-color: #27ae60;\n }\n\n .card-title {\n font-size: 1.4em;\n font-weight: 700;\n margin-bottom: 15px;\n color: #2c3e50;\n }\n\n .cost-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 0;\n border-bottom: 1px solid #e9ecef;\n }\n\n .cost-item:last-child {\n border-bottom: none;\n font-weight: 700;\n font-size: 1.1em;\n margin-top: 10px;\n padding-top: 15px;\n border-top: 2px solid #3498db;\n }\n\n .cost-label {\n color: #2c3e50;\n }\n\n .cost-value {\n font-weight: 600;\n }\n\n .cost-value.negative {\n color: #e74c3c;\n }\n\n .cost-value.positive {\n color: #27ae60;\n }\n\n .savings-highlight {\n background: linear-gradient(135deg, #27ae60, #2ecc71);\n color: white;\n padding: 20px;\n border-radius: 15px;\n text-align: center;\n margin-top: 20px;\n }\n\n .savings-highlight h3 {\n font-size: 1.5em;\n margin-bottom: 10px;\n }\n\n .savings-highlight .amount {\n font-size: 2.5em;\n font-weight: 700;\n }\n\n .benefits-list {\n background: #e8f5e8;\n padding: 20px;\n border-radius: 10px;\n margin-top: 20px;\n }\n\n .benefits-list h4 {\n color: #27ae60;\n margin-bottom: 15px;\n font-size: 1.2em;\n }\n\n .benefit-item {\n display: flex;\n align-items: center;\n margin-bottom: 10px;\n color: #2c3e50;\n }\n\n .benefit-item::before {\n content: \"\u2713\";\n color: #27ae60;\n font-weight: bold;\n margin-right: 10px;\n font-size: 1.2em;\n }\n\n .footer {\n background: #2c3e50;\n color: white;\n text-align: center;\n padding: 20px;\n }\n\n .tooltip {\n position: relative;\n display: inline-block;\n }\n\n .tooltip .tooltiptext {\n visibility: hidden;\n width: 200px;\n background-color: #2c3e50;\n color: #fff;\n text-align: center;\n border-radius: 6px;\n padding: 8px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n margin-left: -100px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 12px;\n }\n\n .tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n }\n\n @media (max-width: 768px) {\n .main-content {\n grid-template-columns: 1fr;\n }\n \n .input-section {\n border-right: none;\n border-bottom: 1px solid #e9ecef;\n }\n \n .header h1 {\n font-size: 2em;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>\ud83e\uddee Calculadora de Valor Agregado<\/h1>\n <p>Descubra o custo real: Varejo Especializado vs Compra Online<\/p>\n <\/div>\n\n <div class=\"main-content\">\n <div class=\"input-section\">\n <h2 style=\"margin-bottom: 30px; color: #2c3e50;\">\ud83d\udcca Insira os Dados do Produto<\/h2>\n \n <div class=\"form-group\">\n <label for=\"productPrice\">Pre\u00e7o do Produto (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Pre\u00e7o base do produto sem frete<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"productPrice\" placeholder=\"Ex: 150,00\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"onlinePrice\">Pre\u00e7o Online (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Pre\u00e7o praticado na venda online direta<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"onlinePrice\" placeholder=\"Ex: 130,00\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"shippingCost\">Frete Online (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Custo de entrega da compra online<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"shippingCost\" placeholder=\"Ex: 25,00\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"urgency\">Urg\u00eancia do Projeto\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Qu\u00e3o importante \u00e9 receber rapidamente<\/span>\n <\/span>\n <\/label>\n <select id=\"urgency\">\n <option value=\"baixa\">Baixa – Posso esperar<\/option>\n <option value=\"media\">M\u00e9dia – Prefiro logo<\/option>\n <option value=\"alta\">Alta – Preciso urgente<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"projectType\">Tipo de Projeto\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Complexidade do projeto<\/span>\n <\/span>\n <\/label>\n <select id=\"projectType\">\n <option value=\"simples\">Simples – Uso dom\u00e9stico<\/option>\n <option value=\"medio\">M\u00e9dio – Reforma<\/option>\n <option value=\"complexo\">Complexo – Constru\u00e7\u00e3o<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"timeValue\">Valor da sua Hora (R$)\n <span class=\"tooltip\">\n <span class=\"info-icon\">?<\/span>\n <span class=\"tooltiptext\">Quanto vale seu tempo para calcular custos indiretos<\/span>\n <\/span>\n <\/label>\n <input type=\"number\" id=\"timeValue\" placeholder=\"Ex: 50,00\" step=\"0.01\" min=\"0\" value=\"30\">\n <\/div>\n\n <button class=\"calculate-btn\" onclick=\"calculateValue()\">\n \ud83d\udd04 Calcular Valor Real\n <\/button>\n <\/div>\n\n <div class=\"results-section\">\n <h2 style=\"margin-bottom: 30px; color: #2c3e50;\">\ud83d\udcc8 Compara\u00e7\u00e3o de Custos<\/h2>\n \n <div id=\"results\" style=\"display: none;\">\n <div class=\"comparison-card online\">\n <div class=\"card-title\">\ud83c\udf10 Compra Online<\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Pre\u00e7o do Produto<\/span>\n <span class=\"cost-value\" id=\"onlineProductCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Frete<\/span>\n <span class=\"cost-value\" id=\"onlineShippingCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Tempo Perdido (espera)<\/span>\n <span class=\"cost-value\" id=\"onlineTimeCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Risco de Problema<\/span>\n <span class=\"cost-value\" id=\"onlineRiskCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">\ud83d\udd34 CUSTO TOTAL<\/span>\n <span class=\"cost-value negative\" id=\"onlineTotalCost\">R$ 0,00<\/span>\n <\/div>\n <\/div>\n\n <div class=\"comparison-card varejo\">\n <div class=\"card-title\">\ud83c\udfea Varejo Especializado<\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Pre\u00e7o do Produto<\/span>\n <span class=\"cost-value\" id=\"varejoProductCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Frete\/Entrega<\/span>\n <span class=\"cost-value\" id=\"varejoShippingCost\">R$ 0,00<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Consultoria T\u00e9cnica<\/span>\n <span class=\"cost-value positive\">GRATUITA<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">Garantia Local<\/span>\n <span class=\"cost-value positive\">INCLU\u00cdDA<\/span>\n <\/div>\n <div class=\"cost-item\">\n <span class=\"cost-label\">\ud83d\udfe2 CUSTO TOTAL<\/span>\n <span class=\"cost-value positive\" id=\"varejoTotalCost\">R$ 0,00<\/span>\n <\/div>\n <\/div>\n\n <div class=\"savings-highlight\" id=\"savingsSection\">\n <h3>\ud83d\udcb0 Economia Real no Varejo<\/h3>\n <div class=\"amount\" id=\"savingsAmount\">R$ 0,00<\/div>\n <p id=\"savingsPercentage\">0% mais econ\u00f4mico<\/p>\n <\/div>\n\n <div class=\"benefits-list\">\n <h4>\ud83c\udfaf Benef\u00edcios Extras do Varejo Especializado:<\/h4>\n <div class=\"benefit-item\">Atendimento imediato sem filas de chat<\/div>\n <div class=\"benefit-item\">Produto dispon\u00edvel no mesmo dia<\/div>\n <div class=\"benefit-item\">Orienta\u00e7\u00e3o t\u00e9cnica personalizada<\/div>\n <div class=\"benefit-item\">Suporte p\u00f3s-venda local<\/div>\n <div class=\"benefit-item\">Relacionamento de confian\u00e7a<\/div>\n <div class=\"benefit-item\">Contribui\u00e7\u00e3o para economia local<\/div>\n <\/div>\n <\/div>\n\n <div id=\"placeholder\" style=\"text-align: center; color: #7f8c8d; margin-top: 100px;\">\n <div style=\"font-size: 4em; margin-bottom: 20px;\">\ud83d\udcca<\/div>\n <h3>Preencha os dados ao lado para ver a compara\u00e7\u00e3o<\/h3>\n <p>Descubra quanto voc\u00ea realmente economiza comprando no varejo especializado!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer\">\n <p><strong>#RespeitoAoVarejo<\/strong> – Uma iniciativa SINCOMAVI | Valorize quem valoriza voc\u00ea!<\/p>\n <\/div>\n <\/div>\n\n <script>\n function calculateValue() {\n \/\/ Pegar valores dos inputs\n const productPrice = parseFloat(document.getElementById('productPrice').value) || 0;\n const onlinePrice = parseFloat(document.getElementById('onlinePrice').value) || 0;\n const shippingCost = parseFloat(document.getElementById('shippingCost').value) || 0;\n const urgency = document.getElementById('urgency').value;\n const projectType = document.getElementById('projectType').value;\n const timeValue = parseFloat(document.getElementById('timeValue').value) || 30;\n\n if (productPrice === 0 || onlinePrice === 0) {\n alert('Por favor, preencha pelo menos o pre\u00e7o do produto e o pre\u00e7o online!');\n return;\n }\n\n \/\/ Calcular custos adicionais baseados na urg\u00eancia e tipo de projeto\n let timeCost = 0;\n let riskMultiplier = 0.05; \/\/ 5% base\n\n \/\/ Custo de tempo baseado na urg\u00eancia\n switch(urgency) {\n case 'baixa':\n timeCost = timeValue * 1; \/\/ 1 hora perdida\n break;\n case 'media':\n timeCost = timeValue * 3; \/\/ 3 horas perdidas\n break;\n case 'alta':\n timeCost = timeValue * 8; \/\/ 8 horas perdidas (1 dia)\n break;\n }\n\n \/\/ Multiplicador de risco baseado no tipo de projeto\n switch(projectType) {\n case 'simples':\n riskMultiplier = 0.03;\n break;\n case 'medio':\n riskMultiplier = 0.07;\n break;\n case 'complexo':\n riskMultiplier = 0.12;\n break;\n }\n\n const riskCost = onlinePrice * riskMultiplier;\n\n \/\/ Calcular totais\n const onlineTotal = onlinePrice + shippingCost + timeCost + riskCost;\n const varejoTotal = productPrice; \/\/ Assumindo entrega gr\u00e1tis para valores acima de certo limite\n\n const savings = onlineTotal - varejoTotal;\n const savingsPercentage = ((savings \/ onlineTotal) * 100).toFixed(1);\n\n \/\/ Atualizar interface\n document.getElementById('onlineProductCost').textContent = `R$ ${onlinePrice.toFixed(2)}`;\n document.getElementById('onlineShippingCost').textContent = `R$ ${shippingCost.toFixed(2)}`;\n document.getElementById('onlineTimeCost').textContent = `R$ ${timeCost.toFixed(2)}`;\n document.getElementById('onlineRiskCost').textContent = `R$ ${riskCost.toFixed(2)}`;\n document.getElementById('onlineTotalCost').textContent = `R$ ${onlineTotal.toFixed(2)}`;\n\n document.getElementById('varejoProductCost').textContent = `R$ ${productPrice.toFixed(2)}`;\n document.getElementById('varejoShippingCost').textContent = productPrice >= 100 ? 'GR\u00c1TIS' : 'R$ 15,00';\n document.getElementById('varejoTotalCost').textContent = `R$ ${varejoTotal.toFixed(2)}`;\n\n \/\/ Atualizar se\u00e7\u00e3o de economia\n const savingsSection = document.getElementById('savingsSection');\n const savingsAmountEl = document.getElementById('savingsAmount');\n const savingsPercentageEl = document.getElementById('savingsPercentage');\n\n if (savings > 0) {\n savingsSection.style.background = 'linear-gradient(135deg, #27ae60, #2ecc71)';\n savingsAmountEl.textContent = `R$ ${savings.toFixed(2)}`;\n savingsPercentageEl.textContent = `${savingsPercentage}% mais econ\u00f4mico`;\n } else {\n savingsSection.style.background = 'linear-gradient(135deg, #e74c3c, #c0392b)';\n savingsAmountEl.textContent = `R$ ${Math.abs(savings).toFixed(2)}`;\n savingsPercentageEl.textContent = `${Math.abs(savingsPercentage)}% mais caro (mas com muito mais valor!)`;\n }\n\n \/\/ Mostrar resultados\n document.getElementById('placeholder').style.display = 'none';\n document.getElementById('results').style.display = 'block';\n }\n\n \/\/ Auto-calcular quando houver dados suficientes\n document.addEventListener('input', function(e) {\n const productPrice = parseFloat(document.getElementById('productPrice').value) || 0;\n const onlinePrice = parseFloat(document.getElementById('onlinePrice').value) || 0;\n \n if (productPrice > 0 && onlinePrice > 0) {\n calculateValue();\n }\n });\n\n \/\/ Adicionar formata\u00e7\u00e3o de moeda nos inputs\n document.querySelectorAll('input[type=\"number\"]').forEach(input => {\n input.addEventListener('blur', function() {\n if (this.value) {\n this.value = parseFloat(this.value).toFixed(2);\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Aten\u00e7\u00e3o<\/h2>\n\n\n\n<p>“Este c\u00e1lculo \u00e9 apenas uma estimativa baseada em valores m\u00e9dios de mercado. Os custos reais podem variar conforme regi\u00e3o, fornecedor e circunst\u00e2ncias espec\u00edficas. Consulte sempre condi\u00e7\u00f5es detalhadas antes de tomar decis\u00f5es de compra.”<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Valor Agregado – #RespeitoAoVarejo \ud83e\uddee Calculadora de Valor Agregado Descubra o custo real: Varejo Especializado vs Compra Online \ud83d\udcca Insira os Dados do Produto Pre\u00e7o do Produto (R$) ? Pre\u00e7o base do produto sem frete Pre\u00e7o Online (R$) ? Pre\u00e7o praticado na venda online direta Frete Online (R$) ? Custo de entrega da […]<\/p>\n","protected":false},"author":1,"featured_media":2542,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2540","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages\/2540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/comments?post=2540"}],"version-history":[{"count":6,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages\/2540\/revisions"}],"predecessor-version":[{"id":2575,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/pages\/2540\/revisions\/2575"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/media\/2542"}],"wp:attachment":[{"href":"https:\/\/sincomavi.net\/index.php\/wp-json\/wp\/v2\/media?parent=2540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}