{"id":8,"date":"2025-04-02T15:12:09","date_gmt":"2025-04-02T15:12:09","guid":{"rendered":"https:\/\/nostdp.com.br\/teste\/?page_id=8"},"modified":"2025-04-07T15:51:31","modified_gmt":"2025-04-07T15:51:31","slug":"teste","status":"publish","type":"page","link":"https:\/\/nostdp.com.br\/teste\/","title":{"rendered":"teste"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Calculadora de Modelos de Contrata\u00e7\u00e3o<\/title>\r\n <style>\r\n :root {\r\n --primary-color: #2563eb;\r\n --primary-hover: #1d4ed8;\r\n --secondary-color: #f59e0b;\r\n --bg-color: #f8fafc;\r\n --text-color: #1f2937;\r\n --white: #ffffff;\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n --border-radius: 0.75rem;\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-color);\r\n color: var(--text-color);\r\n line-height: 1.6;\r\n padding: 2rem;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n background-image: linear-gradient(135deg, #f0f7ff 0%, #f8fafc 100%);\r\n }\r\n\r\n .container {\r\n max-width: 800px;\r\n margin: 2rem auto;\r\n background: var(--white);\r\n padding: 2.5rem;\r\n border-radius: var(--border-radius);\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n border: 1px solid rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n position: relative;\r\n }\r\n\r\n .header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1rem;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 4px;\r\n background: var(--primary-color);\r\n border-radius: 2px;\r\n }\r\n\r\n h2, h3 {\r\n color: var(--primary-color);\r\n font-size: 2.25rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n letter-spacing: -0.025em;\r\n }\r\n\r\n h3 {\r\n font-size: 1.75rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .header-description {\r\n color: #64748b;\r\n font-size: 1.125rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n label {\r\n display: flex;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--text-color);\r\n margin-bottom: 0.75rem;\r\n font-size: 1.05rem;\r\n gap: 0.5rem;\r\n }\r\n\r\n .tooltip {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n\r\n .tooltip-icon {\r\n width: 20px;\r\n height: 20px;\r\n background: #e2e8f0;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.875rem;\r\n color: #64748b;\r\n cursor: help;\r\n }\r\n\r\n .tooltip-text {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #1f2937;\r\n color: white;\r\n padding: 0.75rem 1rem;\r\n border-radius: 0.5rem;\r\n font-size: 0.875rem;\r\n font-weight: normal;\r\n width: max-content;\r\n max-width: 300px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.2s ease;\r\n z-index: 10;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .tooltip:hover .tooltip-text {\r\n opacity: 1;\r\n visibility: visible;\r\n top: calc(100% + 5px);\r\n }\r\n\r\n .input-with-icon {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .input-with-icon input,\r\n select {\r\n width: 100%;\r\n padding: 1rem 1rem 1rem 2.75rem;\r\n border: 2px solid #e2e8f0;\r\n border-radius: var(--border-radius);\r\n font-size: 1.05rem;\r\n transition: var(--transition);\r\n color: var(--text-color);\r\n background-color: var(--white);\r\n -webkit-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C\/path%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 1rem center;\r\n background-size: 1.5em;\r\n padding-right: 2.5rem;\r\n }\r\n\r\n .input-with-icon input:focus,\r\n select:focus {\r\n outline: none;\r\n border-color: var(--primary-color);\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .currency-symbol {\r\n position: absolute;\r\n left: 1rem;\r\n color: #64748b;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n }\r\n\r\n button {\r\n width: 100%;\r\n padding: 1.125rem;\r\n background-color: var(--primary-color);\r\n color: var(--white);\r\n border: none;\r\n border-radius: var(--border-radius);\r\n font-size: 1.05rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n button::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 300%;\r\n height: 300%;\r\n background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 60%);\r\n transform: translate(-50%, -50%) scale(0);\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n button:hover {\r\n background-color: var(--primary-hover);\r\n transform: translateY(-1px);\r\n }\r\n\r\n button:hover::after {\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n .comparison-table {\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n margin-top: 2rem;\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n border: 1px solid rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .comparison-table th,\r\n .comparison-table td {\r\n padding: 1.25rem;\r\n text-align: left;\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n .comparison-table th {\r\n background-color: var(--primary-color);\r\n color: var(--white);\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n }\r\n\r\n .comparison-table tr:last-child td {\r\n border-bottom: none;\r\n }\r\n\r\n .comparison-table tbody tr {\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n .comparison-table tbody tr:hover {\r\n background-color: #f8fafc;\r\n }\r\n\r\n .details-button {\r\n background-color: transparent;\r\n color: var(--primary-color);\r\n border: 2px solid var(--primary-color);\r\n padding: 0.625rem 1.25rem;\r\n font-size: 0.925rem;\r\n width: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .details-button::after {\r\n content: '\u2192';\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .details-button:hover::after {\r\n transform: translateX(4px);\r\n }\r\n\r\n .details-content {\r\n display: none;\r\n margin-top: 1rem;\r\n padding: 1.25rem;\r\n background-color: #f8fafc;\r\n border-radius: 0.5rem;\r\n font-size: 0.925rem;\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .details-content p {\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .details-content p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .alert {\r\n margin-top: 2rem;\r\n padding: 1.25rem;\r\n border-radius: var(--border-radius);\r\n background-color: #fff7ed;\r\n border: 1px solid #f59e0b;\r\n display: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .alert-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n }\r\n\r\n .alert-header p {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 1.05rem;\r\n }\r\n\r\n .toggle-icon {\r\n font-size: 1.5rem;\r\n color: #f59e0b;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .risk-details {\r\n display: none;\r\n margin-top: 1.25rem;\r\n padding-top: 1.25rem;\r\n border-top: 1px solid #f59e0b;\r\n }\r\n\r\n .risk-details ul {\r\n margin: 1rem 0;\r\n padding-left: 1.5rem;\r\n }\r\n\r\n .risk-details li {\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .whatsapp-button {\r\n position: fixed;\r\n bottom: 2rem;\r\n right: 2rem;\r\n width: 60px;\r\n height: 60px;\r\n background-color: #25d366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n z-index: 100;\r\n transition: var(--transition);\r\n border: none;\r\n }\r\n\r\n .whatsapp-button:hover {\r\n transform: scale(1.1) rotate(10deg);\r\n background-color: #128c7e;\r\n }\r\n\r\n .exit-popup {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.85);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000;\r\n padding: 1.5rem;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n opacity: 0;\r\n transition: all 0.3s ease;\r\n overflow-y: auto;\r\n }\r\n\r\n .exit-popup.active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .exit-popup-content {\r\n background: var(--white);\r\n padding: 2.5rem;\r\n border-radius: var(--border-radius);\r\n max-width: 600px;\r\n width: 100%;\r\n position: relative;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transform: scale(0.95);\r\n transition: transform 0.3s ease;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .exit-popup.active .exit-popup-content {\r\n transform: scale(1);\r\n }\r\n\r\n .close-popup {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n width: 32px;\r\n height: 32px;\r\n background-color: var(--white);\r\n color: var(--text-color);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n font-size: 1.5rem;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n z-index: 1001;\r\n }\r\n\r\n .close-popup:hover {\r\n background-color: #f3f4f6;\r\n transform: rotate(90deg);\r\n }\r\n\r\n .video-container {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n height: 0;\r\n margin: 1.5rem 0;\r\n border-radius: 0.75rem;\r\n overflow: hidden;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .video-container iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n .whatsapp-cta {\r\n background-color: #25d366;\r\n color: var(--white);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n margin-top: 1.5rem;\r\n font-size: 1.125rem;\r\n padding: 1rem 1.5rem;\r\n border-radius: var(--border-radius);\r\n transition: all 0.3s ease;\r\n border: none;\r\n width: 100%;\r\n cursor: pointer;\r\n }\r\n\r\n .whatsapp-cta:hover {\r\n background-color: #128c7e;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .phone-icon {\r\n width: 24px;\r\n height: 24px;\r\n stroke: currentColor;\r\n stroke-width: 2;\r\n fill: none;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n body {\r\n padding: 1rem;\r\n }\r\n\r\n .container {\r\n margin: 1rem auto;\r\n padding: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .header-description {\r\n font-size: 1rem;\r\n }\r\n\r\n .exit-popup {\r\n padding: 1rem;\r\n }\r\n\r\n .exit-popup-content {\r\n padding: 1.5rem;\r\n margin: 0;\r\n }\r\n\r\n .close-popup {\r\n top: 0.75rem;\r\n right: 0.75rem;\r\n width: 28px;\r\n height: 28px;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .whatsapp-cta {\r\n font-size: 1rem;\r\n padding: 0.875rem 1.25rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n body {\r\n padding: 0.5rem;\r\n }\r\n\r\n .container {\r\n padding: 1.25rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .input-with-icon input,\r\n select {\r\n padding: 0.875rem 1rem 0.875rem 2.5rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .comparison-table {\r\n display: block;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n .comparison-table th,\r\n .comparison-table td {\r\n padding: 1rem;\r\n font-size: 0.875rem;\r\n white-space: nowrap;\r\n }\r\n\r\n .whatsapp-button {\r\n width: 50px;\r\n height: 50px;\r\n bottom: 1.5rem;\r\n right: 1.5rem;\r\n }\r\n\r\n .details-button {\r\n padding: 0.5rem 1rem;\r\n font-size: 0.875rem;\r\n }\r\n\r\n .alert {\r\n padding: 1rem;\r\n }\r\n\r\n .alert-header p {\r\n font-size: 0.925rem;\r\n }\r\n }\r\n\r\n @media (hover: none) {\r\n .tooltip:hover .tooltip-text {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h2>Calculadora de Remunera\u00e7\u00e3o<\/h2>\r\n <p class=\"header-description\">Compare diferentes modelos de contrata\u00e7\u00e3o e tome a melhor decis\u00e3o para voc\u00ea<\/p>\r\n <\/div>\r\n\r\n <form id=\"salaryForm\">\r\n <div class=\"form-group\">\r\n <label>\r\n Remunera\u00e7\u00e3o Total\r\n <div class=\"tooltip\">\r\n <span class=\"tooltip-icon\">?<\/span>\r\n <span class=\"tooltip-text\">Informe o valor bruto da sua remunera\u00e7\u00e3o mensal desejada<\/span>\r\n <\/div>\r\n <\/label>\r\n <div class=\"input-with-icon\">\r\n <span class=\"currency-symbol\">R$<\/span>\r\n <input \r\n type=\"text\" \r\n id=\"salary\" \r\n name=\"salary\" \r\n placeholder=\"Ex.: 5.000,00\" \r\n required \r\n autocomplete=\"off\"\r\n oninput=\"formatSalaryInput(this)\"\r\n >\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>\r\n Modelo de Contrata\u00e7\u00e3o\r\n <div class=\"tooltip\">\r\n <span class=\"tooltip-icon\">?<\/span>\r\n <span class=\"tooltip-text\">Escolha o tipo de contrato para analisar os custos e benef\u00edcios<\/span>\r\n <\/div>\r\n <\/label>\r\n <select id=\"contractType\" name=\"contractType\" required>\r\n <option value=\"\">Selecione um modelo<\/option>\r\n <option value=\"CLT\">CLT<\/option>\r\n <option value=\"PJ\">PJ<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <button type=\"submit\">Calcular Remunera\u00e7\u00e3o<\/button>\r\n <\/form>\r\n\r\n <div id=\"result\" class=\"result-container\" style=\"display: none;\">\r\n <table class=\"comparison-table\">\r\n <thead>\r\n <tr>\r\n <th>Modelo<\/th>\r\n <th>Valor Bruto<\/th>\r\n <th>Valor L\u00edquido<\/th>\r\n <th>Detalhes<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"comparisonBody\"><\/tbody>\r\n <\/table>\r\n\r\n <div id=\"alertPJ\" class=\"alert\">\r\n <div class=\"alert-header\">\r\n <p><strong>\u26a0\ufe0f Aten\u00e7\u00e3o:<\/strong> Existem riscos trabalhistas importantes no modelo PJ<\/p>\r\n <span class=\"toggle-icon\">+<\/span>\r\n <\/div>\r\n <div id=\"riskDetails\" class=\"risk-details\">\r\n <p><strong>Principais riscos e multas para a empresa:<\/strong><\/p>\r\n <ul>\r\n <li>Multa por v\u00ednculo empregat\u00edcio n\u00e3o registrado: R$ 3.000,00 por colaborador<\/li>\r\n <li>Para microempresas: R$ 800,00 por colaborador<\/li>\r\n <li>FGTS retroativo: 8% sobre o sal\u00e1rio + multa de 40%<\/li>\r\n <li>Contribui\u00e7\u00f5es previdenci\u00e1rias: 20% do sal\u00e1rio<\/li>\r\n <li>Pagamento retroativo de f\u00e9rias, 13\u00ba e aviso pr\u00e9vio<\/li>\r\n <li>Multa rescis\u00f3ria equivalente a um sal\u00e1rio mensal<\/li>\r\n <\/ul>\r\n <p style=\"margin-top: 1rem;\"><strong>Impacto financeiro estimado:<\/strong> 50% a 100% do total pago durante todo o per\u00edodo<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"whatsapp-button\" onclick=\"handleWhatsAppClick()\" aria-label=\"Contato via WhatsApp\">\r\n <svg class=\"phone-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div id=\"exitPopup\" class=\"exit-popup\">\r\n <div class=\"exit-popup-content\">\r\n <button class=\"close-popup\" onclick=\"closeExitPopup()\" aria-label=\"Fechar popup\">\u00d7<\/button>\r\n <h3>N\u00e3o perca essa oportunidade!<\/h3>\r\n <div class=\"video-container\">\r\n <iframe\r\n src=\"https:\/\/www.youtube.com\/embed\/8iNieXhDKm4?enablejsapi=1&rel=0\"\r\n title=\"V\u00eddeo informativo sobre nossos servi\u00e7os\"\r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n allowfullscreen\r\n ><\/iframe>\r\n <\/div>\r\n <button class=\"whatsapp-cta\" onclick=\"handleWhatsAppClick()\">\r\n <svg class=\"phone-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n Fale com um especialista no WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let hasShownPopup = false;\r\n let mouseLeftPage = false;\r\n\r\n function formatCurrency(value) {\r\n \/\/ Formata o n\u00famero com pontos e v\u00edrgulas para exibi\u00e7\u00e3o\r\n const formattedValue = value.toFixed(2).replace('.', ',');\r\n return formattedValue.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\r\n }\r\n\r\n function formatSalaryInput(input) {\r\n \/\/ Remove todos os caracteres n\u00e3o num\u00e9ricos\r\n let value = input.value.replace(\/\\D\/g, '');\r\n \r\n \/\/ Converte para n\u00famero e divide por 100 para considerar os centavos\r\n value = (parseInt(value) \/ 100).toFixed(2);\r\n \r\n \/\/ Formata o n\u00famero com pontos e v\u00edrgulas\r\n value = value.replace('.', ',');\r\n value = value.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\r\n \r\n \/\/ Atualiza o valor no input\r\n input.value = value;\r\n }\r\n\r\n function getNumericValue(formattedValue) {\r\n \/\/ Remove pontos e substitui v\u00edrgula por ponto para c\u00e1lculos\r\n if (!formattedValue) return 0;\r\n return parseFloat(formattedValue.replace(\/\\.\/g, '').replace(',', '.'));\r\n }\r\n\r\n function calculateF1(salary) {\r\n if (salary > 25000) return 2805;\r\n if (salary > 20000) return 2565.05;\r\n if (salary > 15000) return 2150.5;\r\n if (salary > 12000) return 1969;\r\n if (salary > 10000) return 1831.5;\r\n if (salary > 8000) return 1694;\r\n if (salary > 6500) return 1556.5;\r\n if (salary >= 4706.68) return 1474;\r\n return 0;\r\n }\r\n\r\n function calculateF2(f1, salary) {\r\n return f1 === 0 ? (salary >= 4400.02 || salary <= 4400.01 ? 1412 : 0) : 0;\r\n }\r\n\r\n function calculateINSS(f3) {\r\n return f3 >= 7507.49 ? 1501.5 : f3 * 0.20;\r\n }\r\n\r\n function calculateCLT(salary) {\r\n return {\r\n netSalary: salary * 0.605,\r\n discounts: {\r\n inss: salary * 0.14,\r\n irrf: salary * 0.255,\r\n total: salary * 0.395\r\n }\r\n };\r\n }\r\n\r\n function calculatePJ(salary) {\r\n const das = salary * 0.09;\r\n const contador = 822;\r\n const f1 = calculateF1(salary);\r\n const f2 = calculateF2(f1, salary);\r\n const f3 = f1 + f2;\r\n const inss = calculateINSS(f3);\r\n const despesas = das + contador;\r\n return {\r\n netSalary: salary - despesas - inss,\r\n das,\r\n contador,\r\n inss,\r\n despesas\r\n };\r\n }\r\n\r\n function calculateCooperado(salary) {\r\n const taxaAdm = salary * 0.05;\r\n const f1 = calculateF1(salary);\r\n const f2 = calculateF2(f1, salary);\r\n const f3 = f1 + f2;\r\n const inss = calculateINSS(f3);\r\n const descontos = taxaAdm + inss;\r\n return {\r\n netSalary: salary - descontos,\r\n taxaAdm,\r\n inss,\r\n descontos\r\n };\r\n }\r\n\r\n function toggleDetails(button) {\r\n const content = button.nextElementSibling;\r\n const isVisible = content.style.display === 'block';\r\n \r\n document.querySelectorAll('.details-content').forEach(el => {\r\n el.style.display = 'none';\r\n });\r\n document.querySelectorAll('.details-button').forEach(btn => {\r\n btn.textContent = 'Ver Detalhes';\r\n });\r\n\r\n if (!isVisible) {\r\n content.style.display = 'block';\r\n button.textContent = 'Ocultar Detalhes';\r\n }\r\n }\r\n\r\n function handleWhatsAppClick() {\r\n const message = encodeURIComponent(\r\n 'Ol\u00e1! Gostaria de saber mais sobre como a N\u00f3s pode ajudar minha empresa com contrata\u00e7\u00f5es.'\r\n );\r\n window.open(`https:\/\/wa.me\/5531993293299?text=${message}`, '_blank');\r\n }\r\n\r\n function closeExitPopup() {\r\n const popup = document.getElementById('exitPopup');\r\n popup.classList.remove('active');\r\n hasShownPopup = true;\r\n }\r\n\r\n function showExitPopup() {\r\n if (!hasShownPopup && mouseLeftPage) {\r\n const popup = document.getElementById('exitPopup');\r\n popup.classList.add('active');\r\n hasShownPopup = true;\r\n }\r\n }\r\n\r\n function scrollToResults() {\r\n const resultElement = document.getElementById('result');\r\n if (resultElement) {\r\n const offset = 80; \/\/ Add some offset from the top\r\n const elementPosition = resultElement.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - offset;\r\n\r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const form = document.getElementById('salaryForm');\r\n const result = document.getElementById('result');\r\n const alertPJ = document.getElementById('alertPJ');\r\n const exitPopup = document.getElementById('exitPopup');\r\n\r\n document.addEventListener('mouseleave', (e) => {\r\n if (e.clientY <= 0 && !hasShownPopup) {\r\n mouseLeftPage = true;\r\n showExitPopup();\r\n }\r\n });\r\n\r\n exitPopup.addEventListener('click', (e) => {\r\n if (e.target === exitPopup) {\r\n closeExitPopup();\r\n }\r\n });\r\n\r\n exitPopup.querySelector('.exit-popup-content').addEventListener('click', (e) => {\r\n e.stopPropagation(); \r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && exitPopup.classList.contains('active')) {\r\n closeExitPopup();\r\n }\r\n });\r\n\r\n form.addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n \r\n const formattedSalary = document.getElementById('salary').value;\r\n const salary = getNumericValue(formattedSalary);\r\n const contractType = document.getElementById('contractType').value;\r\n \r\n if (isNaN(salary) || salary <= 0) {\r\n alert('Por favor, insira um valor v\u00e1lido.');\r\n return;\r\n }\r\n\r\n const calculations = {\r\n CLT: calculateCLT(salary),\r\n PJ: calculatePJ(salary),\r\n Cooperado: calculateCooperado(salary)\r\n };\r\n\r\n const comparisonBody = document.getElementById('comparisonBody');\r\n let html = '';\r\n\r\n Object.entries(calculations).forEach(([type, calc]) => {\r\n html += `\r\n <tr>\r\n <td><strong>${type}<\/strong><\/td>\r\n <td>R$ ${formatCurrency(salary)}<\/td>\r\n <td>R$ ${formatCurrency(calc.netSalary)}<\/td>\r\n <td>\r\n <button class=\"details-button\" onclick=\"toggleDetails(this)\">Ver Detalhes<\/button>\r\n <div class=\"details-content\">`;\r\n\r\n if (type === 'CLT') {\r\n html += `\r\n <p>INSS (14%): R$ ${formatCurrency(calc.discounts.inss)}<\/p>\r\n <p>IRRF (25.5%): R$ ${formatCurrency(calc.discounts.irrf)}<\/p>\r\n <p><strong>Total de descontos:<\/strong> R$ ${formatCurrency(calc.discounts.total)}<\/p>`;\r\n } else if (type === 'PJ') {\r\n html += `\r\n <p>DAS (9%): R$ ${formatCurrency(calc.das)}<\/p>\r\n <p>Contador: R$ ${formatCurrency(calc.contador)}<\/p>\r\n <p>INSS: R$ ${formatCurrency(calc.inss)}<\/p>\r\n <p><strong>Total de despesas:<\/strong> R$ ${formatCurrency(calc.despesas)}<\/p>`;\r\n } else {\r\n html += `\r\n <p>Taxa Administrativa (5%): R$ ${formatCurrency(calc.taxaAdm)}<\/p>\r\n <p>INSS: R$ ${formatCurrency(calc.inss)}<\/p>\r\n <p><strong>Total de descontos:<\/strong> R$ ${formatCurrency(calc.descontos)}<\/p>`;\r\n }\r\n\r\n html += `\r\n <\/div>\r\n <\/td>\r\n <\/tr>`;\r\n });\r\n\r\n comparisonBody.innerHTML = html;\r\n result.style.display = 'block';\r\n alertPJ.style.display = contractType === 'PJ' ? 'block' : 'none';\r\n \r\n setTimeout(scrollToResults, 100);\r\n });\r\n\r\n alertPJ.addEventListener('click', function() {\r\n const details = document.getElementById('riskDetails');\r\n const icon = this.querySelector('.toggle-icon');\r\n \r\n if (details.style.display === 'none' || !details.style.display) {\r\n details.style.display = 'block';\r\n icon.textContent = '\u2212';\r\n } else {\r\n details.style.display = 'none';\r\n icon.textContent = '+';\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Calculadora de Modelos de Contrata\u00e7\u00e3o Calculadora de Remunera\u00e7\u00e3o Compare diferentes modelos de contrata\u00e7\u00e3o e tome a melhor decis\u00e3o para voc\u00ea Remunera\u00e7\u00e3o Total ? Informe o valor bruto da sua remunera\u00e7\u00e3o mensal desejada R$ Modelo de Contrata\u00e7\u00e3o ? Escolha o tipo de contrato para analisar os custos e benef\u00edcios Selecione um modeloCLTPJ Calcular Remunera\u00e7\u00e3o Modelo Valor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":23,"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/pages\/8\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/nostdp.com.br\/teste\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}