{"id":8044,"date":"2026-04-16T19:49:38","date_gmt":"2026-04-16T22:49:38","guid":{"rendered":"https:\/\/be-enlighten.com\/?page_id=8044"},"modified":"2026-04-27T13:10:52","modified_gmt":"2026-04-27T16:10:52","slug":"calculadora-de-roi-bpo","status":"publish","type":"page","link":"https:\/\/be-enlighten.com\/en\/calculadora-de-roi-bpo\/","title":{"rendered":"Calculadora de ROI &#8211; BPO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8044\" class=\"elementor elementor-8044\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-006f3bb e-con-full e-flex e-con e-parent\" data-id=\"006f3bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ba09df elementor-widget elementor-widget-html\" data-id=\"3ba09df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Calculadora BPO Jur\u00eddico | Enlighten<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons+Round\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n:root {\r\n  --bg:              #ffffff;\r\n  --surface:         #FFFFFF;\r\n  --surface-alt:     #F0EFF8;\r\n  --ink:             #1A1A1A;\r\n  --ink-soft:        #54595F;\r\n  --ink-muted:       #7A7A7A;\r\n  --accent:          #0D58D0;\r\n  --accent-light:    #EAF1FC;\r\n  --accent-hover:    #0b4ab8;\r\n  --accent-dark:     #011638;\r\n  --border:          #DADADA;\r\n  --border-soft:     #E9E9E9;\r\n  --green:           #1a8a4a;\r\n  --green-bg:        #edfaf2;\r\n  --radius:          10px;\r\n  --radius-lg:       16px;\r\n  --shadow-sm:       0 1px 3px rgba(13,88,208,.05), 0 1px 2px rgba(0,0,0,.04);\r\n  --shadow-md:       0 4px 20px rgba(13,88,208,.10), 0 1px 3px rgba(0,0,0,.04);\r\n  --shadow-lg:       0 12px 40px rgba(13,88,208,.14);\r\n  --font:            'Montserrat', -apple-system, sans-serif;\r\n  --transition:      .25s cubic-bezier(.4,0,.2,1);\r\n}\r\n\r\nhtml, body {\r\n  scroll-behavior: smooth;\r\n  overflow-x: hidden;\r\n  max-width: 100%;\r\n  width: 100%;\r\n}\r\nbody {\r\n  font-family: var(--font);\r\n  background: var(--bg);\r\n  color: var(--ink);\r\n  line-height: 1.6;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.hero {\r\n  background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 60%, #1a6ae8 100%);\r\n  color: #fff;\r\n  padding: 206px 24px 48px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.hero::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.07'\/%3E%3C\/svg%3E\");\r\n  pointer-events: none;\r\n}\r\n.hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  right: -120px; top: -120px;\r\n  width: 600px; height: 600px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  pointer-events: none;\r\n}\r\n.hero-inner { position: relative; z-index: 2; }\r\n.hero-badge {\r\n  display: inline-block;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.75);\r\n  background: rgba(255,255,255,0.10);\r\n  border: 1px solid rgba(255,255,255,0.20);\r\n  padding: 6px 16px;\r\n  border-radius: 100px;\r\n  margin-bottom: 20px;\r\n}\r\n.hero h1 {\r\n  font-size: clamp(1.75rem, 4vw, 2.5rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  max-width: 640px;\r\n  margin: 0 auto 14px;\r\n  letter-spacing: -0.01em;\r\n}\r\n.hero p {\r\n  font-size: 1.05rem;\r\n  font-weight: 400;\r\n  color: rgba(255,255,255,0.78);\r\n  max-width: 500px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n}\r\n.hero h2 {\r\n  font-size: clamp(0.95rem, 2vw, 1.1rem);\r\n  font-weight: 400;\r\n  color: rgba(255,255,255,0.72);\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n  line-height: 1.65;\r\n  letter-spacing: 0;\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.container {\r\n  max-width: 960px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* \u2500\u2500 SERVICE TABS \u2500\u2500 *\/\r\n.service-section { padding: 40px 0 0; }\r\n.service-label {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--ink-muted);\r\n  text-align: center;\r\n  margin-bottom: 16px;\r\n}\r\n.service-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 10px;\r\n  margin-bottom: 40px;\r\n  width: 100%;\r\n}\r\n@media (max-width: 900px) {\r\n  .service-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n.tab-btn {\r\n  background: var(--surface) !important;\r\n  border: 2px solid var(--border) !important;\r\n  border-radius: var(--radius) !important;\r\n  padding: 16px 12px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  transition: var(--transition);\r\n  font-family: var(--font) !important;\r\n  color: var(--ink) !important;\r\n  width: 100%;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  box-shadow: none !important;\r\n  outline: none;\r\n}\r\n.tab-btn:hover {\r\n  border-color: var(--accent) !important;\r\n  background: var(--accent-light) !important;\r\n  color: var(--ink) !important;\r\n}\r\n.tab-btn.active,\r\n.tab-btn.active:hover {\r\n  border-color: var(--accent) !important;\r\n  background: var(--accent) !important;\r\n  color: #fff !important;\r\n  box-shadow: var(--shadow-md) !important;\r\n}\r\n.tab-icon {\r\n  font-size: 28px;\r\n  margin-bottom: 6px;\r\n  display: block;\r\n  line-height: 1;\r\n  font-family: 'Material Icons Round';\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  letter-spacing: normal;\r\n  text-transform: none;\r\n  white-space: nowrap;\r\n  word-wrap: normal;\r\n  -webkit-font-feature-settings: 'liga';\r\n  font-feature-settings: 'liga';\r\n  -webkit-font-smoothing: antialiased;\r\n  color: var(--accent);\r\n}\r\n.tab-btn.active .tab-icon { color: #fff; }\r\n.tab-label {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  display: block;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n  hyphens: auto;\r\n}\r\n\r\n\/* \u2500\u2500 PANELS \u2500\u2500 *\/\r\n.panels {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 20px;\r\n  margin-bottom: 32px;\r\n  width: 100%;\r\n}\r\n@media (max-width: 700px) { .panels { grid-template-columns: 1fr; } }\r\n.panel {\r\n  background: var(--surface);\r\n  border-radius: var(--radius-lg);\r\n  padding: 28px 24px;\r\n  box-shadow: var(--shadow-sm);\r\n  border: 1px solid var(--border-soft);\r\n  position: relative;\r\n}\r\n.panel::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  border-radius: var(--radius-lg) var(--radius-lg) 0 0;\r\n  background: var(--border-soft);\r\n}\r\n.panel.panel--bpo::before { background: var(--accent); }\r\n.panel-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 22px;\r\n}\r\n.panel-dot {\r\n  width: 9px; height: 9px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n}\r\n.panel-dot.internal { background: var(--ink-muted); }\r\n.panel-dot.bpo { background: var(--accent); }\r\n.panel-title {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.05em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n}\r\n\r\n\/* \u2500\u2500 FORM FIELDS \u2500\u2500 *\/\r\n.field { margin-bottom: 18px; }\r\n.field:last-child { margin-bottom: 0; }\r\n.field-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: var(--ink-soft);\r\n  margin-bottom: 6px;\r\n}\r\n.field-label .tip {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px; height: 16px;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  background: var(--surface-alt);\r\n  color: var(--ink-muted);\r\n  border-radius: 50%;\r\n  cursor: help;\r\n  position: relative;\r\n  flex-shrink: 0;\r\n}\r\n.field-label .tip:hover::after {\r\n  content: attr(data-tip);\r\n  position: absolute;\r\n  bottom: calc(100% + 8px);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: var(--ink);\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  padding: 8px 12px;\r\n  border-radius: 8px;\r\n  white-space: normal;\r\n  max-width: 240px;\r\n  z-index: 10;\r\n  box-shadow: var(--shadow-lg);\r\n  line-height: 1.4;\r\n}\r\n.field-input {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 8px;\r\n  padding: 10px 14px;\r\n  font-size: 15px;\r\n  font-family: var(--font);\r\n  font-weight: 500;\r\n  color: var(--ink);\r\n  background: var(--bg);\r\n  transition: var(--transition);\r\n  -moz-appearance: textfield;\r\n  box-sizing: border-box;\r\n}\r\n.field-input::-webkit-inner-spin-button,\r\n.field-input::-webkit-outer-spin-button { -webkit-appearance: none; }\r\n.field-input:focus {\r\n  outline: none;\r\n  border-color: var(--accent);\r\n  background: #fff;\r\n  box-shadow: 0 0 0 3px rgba(13,88,208,.10);\r\n}\r\n\r\n\/* Select *\/\r\n.field-select {\r\n  width: 100%;\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 8px;\r\n  padding: 10px 14px;\r\n  font-size: 14px;\r\n  font-family: var(--font);\r\n  font-weight: 500;\r\n  color: var(--ink);\r\n  background: var(--bg);\r\n  transition: var(--transition);\r\n  box-sizing: border-box;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A7A7A' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 12px center;\r\n  padding-right: 36px;\r\n  cursor: pointer;\r\n}\r\n.field-select:focus {\r\n  outline: none;\r\n  border-color: var(--accent);\r\n  background-color: #fff;\r\n  box-shadow: 0 0 0 3px rgba(13,88,208,.10);\r\n}\r\n\r\n.field-suffix {\r\n  font-size: 12px;\r\n  color: var(--ink-muted);\r\n  margin-top: 4px;\r\n  line-height: 1.4;\r\n}\r\n.field-suffix.highlight {\r\n  color: var(--accent);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* BPO Info Card *\/\r\n.bpo-info {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n  background: var(--accent-light);\r\n  border: 1px solid rgba(13,88,208,0.15);\r\n  border-radius: var(--radius);\r\n  padding: 14px 16px;\r\n  margin-bottom: 18px;\r\n}\r\n.bpo-info .material-icons-round {\r\n  font-size: 20px;\r\n  color: var(--accent);\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n.bpo-info strong {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--accent);\r\n  display: block;\r\n  margin-bottom: 3px;\r\n}\r\n.bpo-info p {\r\n  font-size: 12px;\r\n  color: var(--ink-soft);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Readonly display *\/\r\n.field-readonly {\r\n  width: 100%;\r\n  border: 1.5px solid var(--border-soft);\r\n  border-radius: 8px;\r\n  padding: 10px 14px;\r\n  font-size: 15px;\r\n  font-family: var(--font);\r\n  font-weight: 700;\r\n  color: var(--accent);\r\n  background: var(--accent-light);\r\n  box-sizing: border-box;\r\n  min-height: 44px;\r\n}\r\n\r\n\/* \u2500\u2500 PARTIAL RESULTS \u2500\u2500 *\/\r\n.results-partial {\r\n  padding-bottom: 0;\r\n  margin-bottom: 48px;\r\n}\r\n.results-grid-2 {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 12px;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 PAYOFF DIAGN\u00d3STICO \u2500\u2500 *\/\r\n.payoff-section {\r\n  padding: 0 0 40px;\r\n  transition: opacity .3s;\r\n}\r\n.payoff-section.hidden { display: none; }\r\n.payoff-text {\r\n  font-size: clamp(0.95rem, 2vw, 1.08rem);\r\n  color: var(--text-muted);\r\n  line-height: 1.7;\r\n  text-align: center;\r\n  max-width: 620px;\r\n  margin: 0 auto;\r\n}\r\n.payoff-text strong {\r\n  color: var(--text);\r\n  font-weight: 700;\r\n}\r\n.payoff-highlight {\r\n  color: #b83232;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* \u2500\u2500 GATE \u2500\u2500 *\/\r\n.gate-section {\r\n  padding-bottom: 40px;\r\n}\r\n.gate-card {\r\n  background: var(--surface);\r\n  border: 2px solid var(--accent);\r\n  border-radius: var(--radius-lg);\r\n  padding: 40px 32px;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-md);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.gate-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--accent), #1a6ae8);\r\n}\r\n.gate-lock {\r\n  font-size: 32px;\r\n  margin-bottom: 14px;\r\n  display: block;\r\n}\r\n.gate-card h3 {\r\n  font-size: 1.25rem;\r\n  font-weight: 800;\r\n  color: var(--ink);\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.01em;\r\n}\r\n.gate-card > p {\r\n  font-size: 14px;\r\n  color: var(--ink-soft);\r\n  max-width: 400px;\r\n  margin: 0 auto 24px;\r\n  line-height: 1.55;\r\n}\r\n.gate-form { max-width: 480px; margin: 0 auto; }\r\n.gate-fields {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 10px;\r\n  margin-bottom: 10px;\r\n}\r\n.gate-fields .gate-input:last-child {\r\n  grid-column: 1 \/ -1;\r\n}\r\n.gate-input {\r\n  width: 100%;\r\n  border: 1.5px solid var(--border);\r\n  border-radius: 8px;\r\n  padding: 11px 14px;\r\n  font-size: 14px;\r\n  font-family: var(--font);\r\n  font-weight: 500;\r\n  color: var(--ink);\r\n  background: var(--bg);\r\n  transition: var(--transition);\r\n  box-sizing: border-box;\r\n}\r\n.gate-input:focus {\r\n  outline: none;\r\n  border-color: var(--accent);\r\n  background: #fff;\r\n  box-shadow: 0 0 0 3px rgba(13,88,208,.10);\r\n}\r\n.gate-input::placeholder { color: var(--ink-muted); font-weight: 400; }\r\n.gate-btn {\r\n  display: block;\r\n  width: 100%;\r\n  background: var(--accent);\r\n  color: #fff;\r\n  font-family: var(--font);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  padding: 15px 24px;\r\n  border: none;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: var(--transition);\r\n  margin-top: 10px;\r\n  box-shadow: var(--shadow-md);\r\n}\r\n.gate-btn:hover {\r\n  background: var(--accent-hover);\r\n  transform: translateY(-1px);\r\n  box-shadow: var(--shadow-lg);\r\n}\r\n.gate-privacy {\r\n  font-size: 11px;\r\n  color: var(--ink-muted);\r\n  margin-top: 10px;\r\n}\r\n\r\n\/* \u2500\u2500 FULL RESULTS \u2500\u2500 *\/\r\n.results-section { padding-bottom: 56px; }\r\n.results-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 12px;\r\n  margin-bottom: 24px;\r\n  width: 100%;\r\n}\r\n@media (max-width: 700px) { .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\r\n\r\n\/* \u2500\u2500 KPI CARDS (shared) \u2500\u2500 *\/\r\n.kpi-card {\r\n  background: var(--surface);\r\n  border: 1px solid var(--border-soft);\r\n  border-radius: var(--radius);\r\n  padding: 20px 16px;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-sm);\r\n  transition: var(--transition);\r\n}\r\n.kpi-card.highlight {\r\n  background: var(--accent);\r\n  border-color: var(--accent);\r\n  color: #fff;\r\n  box-shadow: var(--shadow-md);\r\n}\r\n.kpi-card.highlight .kpi-label { color: rgba(255,255,255,0.72); }\r\n.kpi-card.highlight .kpi-sub   { color: rgba(255,255,255,0.60); }\r\n.kpi-card.negative { background: var(--accent-light); border-color: rgba(13,88,208,.15); }\r\n.kpi-card.negative .kpi-value  { color: var(--accent); }\r\n.kpi-card.green { background: var(--green-bg); border-color: rgba(26,138,74,.20); }\r\n.kpi-card.green .kpi-value { color: var(--green); }\r\n.kpi-card.red { background: #fdf2f2; border-color: rgba(192,57,43,.18); }\r\n.kpi-card.red .kpi-value { color: #b83232; }\r\n.kpi-card.red .kpi-label { color: #a03030; }\r\n.kpi-card.red .kpi-sub   { color: #c0564a; }\r\n.kpi-label {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.10em;\r\n  text-transform: uppercase;\r\n  color: var(--ink-muted);\r\n  margin-bottom: 6px;\r\n}\r\n.kpi-value {\r\n  font-size: clamp(1.2rem, 2.5vw, 1.65rem);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.01em;\r\n}\r\n.kpi-sub {\r\n  font-size: 11px;\r\n  color: var(--ink-muted);\r\n  margin-top: 4px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500 BAR COMPARISON \u2500\u2500 *\/\r\n.bar-comparison {\r\n  background: var(--surface);\r\n  border: 1px solid var(--border-soft);\r\n  border-radius: var(--radius-lg);\r\n  padding: 28px 24px;\r\n  margin-bottom: 24px;\r\n  box-shadow: var(--shadow-sm);\r\n}\r\n.bar-title {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.04em;\r\n  text-transform: uppercase;\r\n  color: var(--ink-soft);\r\n  margin-bottom: 20px;\r\n}\r\n.bar-row { margin-bottom: 16px; }\r\n.bar-row:last-child { margin-bottom: 0; }\r\n.bar-row-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: baseline;\r\n  margin-bottom: 7px;\r\n}\r\n.bar-row-label { font-size: 13px; font-weight: 600; color: var(--ink-soft); }\r\n.bar-row-value { font-size: 14px; font-weight: 700; color: var(--ink); }\r\n.bar-track {\r\n  height: 26px;\r\n  background: var(--surface-alt);\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n}\r\n.bar-fill {\r\n  height: 100%;\r\n  border-radius: 6px;\r\n  transition: width .5s cubic-bezier(.4,0,.2,1);\r\n  min-width: 2px;\r\n}\r\n.bar-fill.internal { background: var(--border); }\r\n.bar-fill.bpo      { background: var(--accent); }\r\n.bar-benchmark {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  margin-top: 14px;\r\n  padding-top: 14px;\r\n  border-top: 1px solid var(--border-soft);\r\n  font-size: 12px;\r\n  color: var(--ink-muted);\r\n}\r\n.bar-benchmark .material-icons-round { font-size: 14px; }\r\n.bar-benchmark strong { color: var(--ink-soft); }\r\n\r\n\/* \u2500\u2500 DYNAMIC MESSAGE \u2500\u2500 *\/\r\n.dynamic-msg {\r\n  text-align: center;\r\n  padding: 18px 24px;\r\n  border-radius: var(--radius);\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 1.55;\r\n  margin-bottom: 24px;\r\n}\r\n.dynamic-msg.positive {\r\n  background: var(--accent-light);\r\n  color: var(--accent);\r\n  border: 1px solid rgba(13,88,208,0.15);\r\n}\r\n.dynamic-msg.neutral {\r\n  background: var(--surface-alt);\r\n  color: var(--ink-soft);\r\n  border: 1px solid var(--border-soft);\r\n}\r\n\r\n\/* \u2500\u2500 CTA STRIP \u2500\u2500 *\/\r\n.cta-section {\r\n  text-align: center;\r\n  padding: 56px 24px;\r\n  background: var(--accent);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.06'\/%3E%3C\/svg%3E\");\r\n}\r\n.cta-section h2 {\r\n  font-size: clamp(1.3rem, 3vw, 1.85rem);\r\n  font-weight: 800;\r\n  color: #fff;\r\n  letter-spacing: -0.01em;\r\n  margin-bottom: 10px;\r\n}\r\n.cta-section p {\r\n  color: rgba(255,255,255,0.80);\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  margin-bottom: 28px;\r\n  max-width: 460px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  line-height: 1.6;\r\n}\r\n.cta-btn {\r\n  display: inline-block;\r\n  background: var(--ink);\r\n  color: #fff;\r\n  font-family: var(--font);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 16px 36px;\r\n  border: none;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: var(--transition);\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.25);\r\n}\r\n.cta-btn:hover {\r\n  background: #2d2d2d;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.30);\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n.disclaimer {\r\n  text-align: center;\r\n  font-size: 11px;\r\n  color: var(--ink-muted);\r\n  padding: 20px 24px 32px;\r\n  background: #ffffff;\r\n}\r\n.footer-bar {\r\n  background: var(--ink);\r\n  padding: 20px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n.footer-brand { font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.65); }\r\n.footer-url   { font-size: 12px; color: rgba(255,255,255,0.35); }\r\n\r\n\/* \u2500\u2500 INSIGHT SECTION \u2500\u2500 *\/\r\n.insight-section { padding: 40px 0 64px; }\r\n.insight-card {\r\n  background: var(--surface);\r\n  border-radius: var(--radius-lg);\r\n  padding: 48px 40px;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-md);\r\n  border: 1px solid var(--border-soft);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.insight-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--accent-dark), var(--accent));\r\n}\r\n.insight-eyebrow {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--ink-muted);\r\n  margin-bottom: 14px;\r\n}\r\n.insight-headline {\r\n  font-size: clamp(1.35rem, 3vw, 1.9rem);\r\n  font-weight: 800;\r\n  color: var(--ink);\r\n  line-height: 1.25;\r\n  letter-spacing: -0.01em;\r\n  margin-bottom: 16px;\r\n}\r\n.insight-highlight { color: #b83232; }\r\n.insight-sub {\r\n  font-size: 15px;\r\n  color: var(--ink-soft);\r\n  line-height: 1.65;\r\n  max-width: 500px;\r\n  margin: 0 auto 32px;\r\n}\r\n.insight-kpi-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 12px;\r\n  margin-bottom: 32px;\r\n}\r\n.insight-kpi {\r\n  background: var(--bg);\r\n  border: 1px solid var(--border-soft);\r\n  border-radius: var(--radius);\r\n  padding: 18px 14px;\r\n}\r\n.insight-kpi--red {\r\n  background: #fdf2f2;\r\n  border-color: rgba(192,57,43,.18);\r\n}\r\n.insight-kpi-label {\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.10em;\r\n  text-transform: uppercase;\r\n  color: var(--ink-muted);\r\n  margin-bottom: 6px;\r\n}\r\n.insight-kpi--red .insight-kpi-label { color: #a03030; }\r\n.insight-kpi-value {\r\n  font-size: clamp(1.2rem, 2.5vw, 1.6rem);\r\n  font-weight: 800;\r\n  color: var(--ink);\r\n  line-height: 1.2;\r\n}\r\n.insight-kpi--red .insight-kpi-value { color: #b83232; }\r\n.insight-kpi-sub {\r\n  font-size: 11px;\r\n  color: var(--ink-muted);\r\n  margin-top: 5px;\r\n  line-height: 1.4;\r\n}\r\n.insight-divider {\r\n  border: none;\r\n  border-top: 1px solid var(--border-soft);\r\n  margin: 0 0 28px;\r\n}\r\n.insight-cta-text {\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: var(--ink-soft);\r\n  margin-bottom: 20px;\r\n  line-height: 1.55;\r\n}\r\n.insight-cta-btn {\r\n  display: inline-block;\r\n  background: var(--accent);\r\n  color: #fff;\r\n  font-family: var(--font);\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  padding: 16px 36px;\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  transition: var(--transition);\r\n  box-shadow: var(--shadow-md);\r\n}\r\n.insight-cta-btn:hover {\r\n  background: var(--accent-hover);\r\n  transform: translateY(-2px);\r\n  box-shadow: var(--shadow-lg);\r\n  color: #fff;\r\n}\r\n@media (max-width: 480px) {\r\n  .insight-card    { padding: 32px 20px; }\r\n  .insight-cta-btn { width: 100%; text-align: center; padding: 14px 20px; }\r\n}\r\n\r\n\/* \u2500\u2500 UTIL \u2500\u2500 *\/\r\n.hidden { display: none !important; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px) { .hero { padding-top: 160px; } }\r\n@media (max-width: 768px) {\r\n  .hero { padding-top: 160px; padding-bottom: 40px; }\r\n  .hero h1 { font-size: 1.65rem; }\r\n  .hero h2 { font-size: 0.95rem; }\r\n  .hero p  { font-size: 0.95rem; }\r\n  .container { padding: 0 16px; }\r\n  .service-section { padding-left: 20px; padding-right: 20px; }\r\n  .panels { grid-template-columns: 1fr; }\r\n  .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  .results-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  .gate-fields { grid-template-columns: 1fr; }\r\n  .gate-fields .gate-input:last-child { grid-column: 1; }\r\n  .kpi-value { font-size: 1.2rem; }\r\n}\r\n@media (max-width: 480px) {\r\n  .hero { padding-top: 140px; padding-bottom: 32px; padding-left: 16px; padding-right: 16px; }\r\n  .hero h1 { font-size: 1.45rem; }\r\n  .hero-badge { font-size: 10px; padding: 5px 12px; }\r\n  .container { padding: 0 12px; }\r\n  .service-section { padding: 28px 20px 0; }\r\n  .tab-btn { padding: 12px 6px; }\r\n  .tab-icon { font-size: 22px; margin-bottom: 4px; }\r\n  .tab-label { font-size: 11px; }\r\n  .panel { padding: 20px 16px; }\r\n  .field-input, .field-select { font-size: 14px; padding: 9px 12px; }\r\n  .gate-card { padding: 28px 20px; }\r\n  .cta-section { padding: 40px 16px; }\r\n  .cta-btn { padding: 14px 20px; font-size: 13px; width: 100%; text-align: center; }\r\n  .results-grid { gap: 8px; }\r\n  .results-grid-2 { gap: 8px; }\r\n  .kpi-card { padding: 14px 8px; }\r\n  .kpi-value { font-size: 1.1rem; }\r\n  .kpi-label { font-size: 10px; }\r\n}\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(12px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n.panels, .results-partial, .gate-section, .insight-section { animation: fadeUp .4s ease-out both; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO -->\r\n<header class=\"hero\">\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-badge\">Calculadora BPO Jur\u00eddico<\/div>\r\n    <h1>Essa atividade precisa mesmo estar dentro do Jur\u00eddico?<\/h1>\r\n    <h2>Calcule quanto sua equipe jur\u00eddica gasta por ano executando o que deveria estar em outro lugar. Encargos, supervis\u00e3o e horas inclu\u00eddos.<\/h2>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- SERVICE SELECTOR -->\r\n<section class=\"container service-section\">\r\n  <div class=\"service-label\">Selecione o servi\u00e7o<\/div>\r\n  <div class=\"service-tabs\" id=\"serviceTabs\">\r\n    <button class=\"tab-btn active\" data-service=\"malote\">\r\n      <span class=\"tab-icon material-icons-round\">local_shipping<\/span>\r\n      <span class=\"tab-label\">Malote jur\u00eddico<\/span>\r\n    <\/button>\r\n    <button class=\"tab-btn\" data-service=\"cadastros\">\r\n      <span class=\"tab-icon material-icons-round\">manage_accounts<\/span>\r\n      <span class=\"tab-label\">Cadastros e atualiza\u00e7\u00f5es<\/span>\r\n    <\/button>\r\n    <button class=\"tab-btn\" data-service=\"subsidios\">\r\n      <span class=\"tab-icon material-icons-round\">article<\/span>\r\n      <span class=\"tab-label\">Elabora\u00e7\u00e3o de subs\u00eddios<\/span>\r\n    <\/button>\r\n    <button class=\"tab-btn\" data-service=\"laudos\">\r\n      <span class=\"tab-icon material-icons-round\">assessment<\/span>\r\n      <span class=\"tab-label\">Laudos e relat\u00f3rios<\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- INPUT PANELS -->\r\n<section class=\"container\">\r\n  <div class=\"panels\">\r\n\r\n    <!-- IN-HOUSE -->\r\n    <div class=\"panel\">\r\n      <div class=\"panel-header\">\r\n        <span class=\"panel-dot internal\"><\/span>\r\n        <span class=\"panel-title\">Cen\u00e1rio Atual: In-house<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label class=\"field-label\">Pessoas dedicadas \u00e0 atividade\r\n          <span class=\"tip\" data-tip=\"Administrativo, estagi\u00e1rio ou advogado j\u00fanior envolvidos na execu\u00e7\u00e3o dessa rotina. Use 0.5 para meio per\u00edodo.\">?<\/span>\r\n        <\/label>\r\n        <input class=\"field-input\" type=\"number\" id=\"inPessoas\" step=\"0.5\" min=\"0.5\">\r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label class=\"field-label\">Tipo de v\u00ednculo\r\n          <span class=\"tip\" data-tip=\"CLT inclui INSS, FGTS, 13\u00ba, f\u00e9rias e afins. PJ considera ISS e custos operacionais. Tempor\u00e1rio aplica margem intermedi\u00e1ria.\">?<\/span>\r\n        <\/label>\r\n        <select class=\"field-select\" id=\"inVinculo\">\r\n          <option value=\"clt\">CLT: custo real ~1,72\u00d7 o sal\u00e1rio<\/option>\r\n          <option value=\"pj\">PJ: custo real ~1,15\u00d7 o valor<\/option>\r\n          <option value=\"temp\">Tempor\u00e1rio: custo real ~1,45\u00d7 o sal\u00e1rio<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label class=\"field-label\">Sal\u00e1rio mensal por pessoa (R$)\r\n          <span class=\"tip\" data-tip=\"Sal\u00e1rio bruto contratual. Os encargos s\u00e3o calculados automaticamente conforme o tipo de v\u00ednculo.\">?<\/span>\r\n        <\/label>\r\n        <input class=\"field-input\" type=\"number\" id=\"inSalario\" step=\"100\">\r\n        <div class=\"field-suffix\" id=\"sufixoCustoReal\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label class=\"field-label\">Horas por semana nessa rotina\r\n          <span class=\"tip\" data-tip=\"Tempo m\u00e9dio que cada pessoa dedica especificamente a essa atividade por semana.\">?<\/span>\r\n        <\/label>\r\n        <input class=\"field-input\" type=\"number\" id=\"inHorasSemana\" step=\"1\" min=\"1\" max=\"44\">\r\n        <div class=\"field-suffix\" id=\"sufixoHorasMes\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label class=\"field-label\">Sal\u00e1rio mensal do supervisor jur\u00eddico (R$)\r\n          <span class=\"tip\" data-tip=\"Sal\u00e1rio bruto do advogado ou gestor que revisa, acompanha ou corrige a execu\u00e7\u00e3o. Usamos para calcular o custo-hora de supervis\u00e3o.\">?<\/span>\r\n        <\/label>\r\n        <input class=\"field-input\" type=\"number\" id=\"inSalarioSup\" step=\"500\">\r\n        <div class=\"field-suffix\" id=\"sufixoCustoHoraSup\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label class=\"field-label\">Horas de supervis\u00e3o por m\u00eas<\/label>\r\n        <input class=\"field-input\" type=\"number\" id=\"inHorasSup\" step=\"1\" min=\"0\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BPO ENLIGHTEN -->\r\n    <div class=\"panel panel--bpo\">\r\n      <div class=\"panel-header\">\r\n        <span class=\"panel-dot bpo\"><\/span>\r\n        <span class=\"panel-title\">BPO Enlighten<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"field\">\r\n        <label class=\"field-label\" id=\"lblVolume\">Volume mensal (itens\/m\u00eas)\r\n          <span class=\"tip\" data-tip=\"Quantidade de ocorr\u00eancias mensais do servi\u00e7o. Ex: malote, n\u00ba de itens enviados\/recebidos por m\u00eas.\">?<\/span>\r\n        <\/label>\r\n        <input class=\"field-input\" type=\"number\" id=\"bpoVolume\" step=\"10\" min=\"1\">\r\n      <\/div>\r\n\r\n      <div class=\"bpo-info\">\r\n        <span class=\"material-icons-round\">info<\/span>\r\n        <div>\r\n          <strong>Custo definido pela Enlighten<\/strong>\r\n          <p>O pre\u00e7o por item \u00e9 estabelecido pela Enlighten com base no volume, escopo e SLA acordados. A estimativa abaixo usa nossa tabela de refer\u00eancia.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PARTIAL RESULTS \u2014 sempre vis\u00edveis -->\r\n<section class=\"container results-partial\">\r\n  <div class=\"results-grid-2\">\r\n    <div class=\"kpi-card\">\r\n      <div class=\"kpi-label\">Custo in-house \/ ano<\/div>\r\n      <div class=\"kpi-value\" id=\"valInhouseAnual\">\u2014<\/div>\r\n      <div class=\"kpi-sub\">encargos + supervis\u00e3o inclu\u00eddos<\/div>\r\n    <\/div>\r\n    <div class=\"kpi-card red\">\r\n      <div class=\"kpi-label\">Horas\/m\u00eas nessa rotina<\/div>\r\n      <div class=\"kpi-value\" id=\"valHorasRotina\">\u2014<\/div>\r\n      <div class=\"kpi-sub\" id=\"subHorasRotina\">horas que seu jur\u00eddico deixa de ser estrat\u00e9gico<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PAYOFF DO DIAGN\u00d3STICO \u2014 aparece assim que h\u00e1 dados -->\r\n<section class=\"container payoff-section hidden\" id=\"payoffSection\">\r\n  <p class=\"payoff-text\">\r\n    Seu jur\u00eddico est\u00e1 consumindo <strong id=\"payoffHoras\">\u2014<\/strong> por m\u00eas em rotina operacional.\r\n    \u00c9 <span class=\"payoff-highlight\" id=\"payoffPct\">\u2014<\/span> da capacidade do time,\r\n    dedicada a uma atividade que n\u00e3o gera valor estrat\u00e9gico para o neg\u00f3cio.\r\n  <\/p>\r\n<\/section>\r\n\r\n<!-- GATE \u2014 desbloqueio do comparativo completo -->\r\n<section class=\"container gate-section\" id=\"gateSection\">\r\n  <div class=\"gate-card\">\r\n    <span class=\"gate-lock\">\ud83d\udd12<\/span>\r\n    <h3>Veja o diagn\u00f3stico da sua opera\u00e7\u00e3o<\/h3>\r\n    <p>Preencha seus dados para ver o custo real e o tempo que essa rotina consome do seu jur\u00eddico.<\/p>\r\n    <div id=\"hs-form-container\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- INSIGHT \u2014 revelado ap\u00f3s formul\u00e1rio -->\r\n<section class=\"container insight-section hidden\" id=\"insightSection\">\r\n  <div class=\"insight-card\">\r\n    <p class=\"insight-eyebrow\">Diagn\u00f3stico da sua opera\u00e7\u00e3o<\/p>\r\n    <h2 class=\"insight-headline\">\r\n      Seu jur\u00eddico dedica <span class=\"insight-highlight\" id=\"insightHoras\">\u2014<\/span>\/m\u00eas a essa rotina operacional\r\n    <\/h2>\r\n    <p class=\"insight-sub\" id=\"insightSub\">\r\n      S\u00e3o horas que poderiam estar em an\u00e1lise contratual, gest\u00e3o de risco e suporte estrat\u00e9gico ao neg\u00f3cio.\r\n    <\/p>\r\n\r\n    <div class=\"insight-kpi-row\">\r\n      <div class=\"insight-kpi\">\r\n        <div class=\"insight-kpi-label\">Custo anual estimado<\/div>\r\n        <div class=\"insight-kpi-value\" id=\"insightCusto\">\u2014<\/div>\r\n        <div class=\"insight-kpi-sub\">encargos e supervis\u00e3o inclu\u00eddos<\/div>\r\n      <\/div>\r\n      <div class=\"insight-kpi insight-kpi--red\">\r\n        <div class=\"insight-kpi-label\">Horas\/m\u00eas na rotina<\/div>\r\n        <div class=\"insight-kpi-value\" id=\"insightHorasKpi\">\u2014<\/div>\r\n        <div class=\"insight-kpi-sub\">que poderiam ser estrat\u00e9gicas<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <hr class=\"insight-divider\">\r\n    <p class=\"insight-cta-text\">Quer saber como a Enlighten assume essa demanda com rastreabilidade, SLA e custo previs\u00edvel?<\/p>\r\n    <a class=\"insight-cta-btn\" id=\"insightCtaBtn\" href=\"https:\/\/be-enlighten.com\/pt\/contato\/\" target=\"_blank\">Solicitar or\u00e7amento com a Enlighten<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/* \u2500\u2500 CONFIG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst CONFIG = {\r\n  ctaLink: \"https:\/\/be-enlighten.com\/pt\/bpo\",\r\n\r\n  \/* Para integrar com HubSpot ou webhook, preencha a URL abaixo.\r\n     O payload enviado: { nome, email, empresa, servico, inhouseAnual, bpoAnual, economia }\r\n     Deixe vazio para desativar o envio \u2014 o gate ainda funciona localmente. *\/\r\n  webhookUrl: \"\",\r\n\r\n  multipliers: { clt: 1.72, pj: 1.15, temp: 1.45 },\r\n\r\n  defaults: {\r\n    pessoas:    1.5,\r\n    salario:    6500,\r\n    vinculo:    \"clt\",\r\n    horasSup:   6,\r\n    salarioSup: 16000,\r\n    setup:      6000\r\n  },\r\n\r\n  servicos: {\r\n    malote: {\r\n      horasSemana: 14,\r\n      volume:      400,\r\n      preco:       12,\r\n      benchmark:   \"M\u00e9dia de mercado in-house: R$ 18\u201325 por malote processado.\"\r\n    },\r\n    cadastros: {\r\n      horasSemana: 10,\r\n      volume:      300,\r\n      preco:       18,\r\n      benchmark:   \"M\u00e9dia de mercado in-house: R$ 28\u201340 por cadastro atualizado.\"\r\n    },\r\n    subsidios: {\r\n      horasSemana: 18,\r\n      volume:      80,\r\n      preco:       65,\r\n      benchmark:   \"M\u00e9dia de mercado in-house: R$ 90\u2013140 por subs\u00eddio elaborado.\"\r\n    },\r\n    laudos: {\r\n      horasSemana: 22,\r\n      volume:      40,\r\n      preco:       95,\r\n      benchmark:   \"M\u00e9dia de mercado in-house: R$ 150\u2013220 por laudo produzido.\"\r\n    }\r\n  }\r\n};\r\n\r\n\/* \u2500\u2500 ESTADO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nlet currentService = \"malote\";\r\nlet lastInhouseAnual = 0;\r\nlet lastBpoAnual     = 0;\r\nlet lastEconomia     = 0;\r\nlet lastHorasMes     = 0;\r\nlet hsFields = {};\r\n\r\n\/* \u2500\u2500 DOM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst $ = id => document.getElementById(id);\r\n\r\nconst inPessoas     = $(\"inPessoas\");\r\nconst inVinculo     = $(\"inVinculo\");\r\nconst inSalario     = $(\"inSalario\");\r\nconst inHorasSemana = $(\"inHorasSemana\");\r\nconst inSalarioSup  = $(\"inSalarioSup\");\r\nconst inHorasSup    = $(\"inHorasSup\");\r\nconst bpoVolume     = $(\"bpoVolume\");\r\n\r\n\/* \u2500\u2500 FORMATADORES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nconst fmtBRL  = v => v.toLocaleString(\"pt-BR\", { style: \"currency\", currency: \"BRL\", minimumFractionDigits: 0, maximumFractionDigits: 0 });\r\nconst fmtBRL2 = v => v.toLocaleString(\"pt-BR\", { style: \"currency\", currency: \"BRL\", minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\nconst fmtNum  = v => v.toLocaleString(\"pt-BR\");\r\n\r\n\/* \u2500\u2500 CARREGA SERVI\u00c7O \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction loadService(service) {\r\n  currentService = service;\r\n  const s = CONFIG.servicos[service];\r\n  const d = CONFIG.defaults;\r\n\r\n  inPessoas.value     = d.pessoas;\r\n  inVinculo.value     = d.vinculo;\r\n  inSalario.value     = d.salario;\r\n  inHorasSemana.value = s.horasSemana;\r\n  inSalarioSup.value  = d.salarioSup;\r\n  inHorasSup.value    = d.horasSup;\r\n  bpoVolume.value     = s.volume;\r\n\r\n  document.querySelectorAll(\".tab-btn\").forEach(btn => {\r\n    btn.classList.toggle(\"active\", btn.dataset.service === service);\r\n  });\r\n\r\n  calculate();\r\n}\r\n\r\n\/* \u2500\u2500 C\u00c1LCULO PRINCIPAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction calculate() {\r\n  const pessoas      = parseFloat(inPessoas.value)     || 0;\r\n  const vinculo      = inVinculo.value || \"clt\";\r\n  const salario      = parseFloat(inSalario.value)     || 0;\r\n  const horasSemana  = parseFloat(inHorasSemana.value) || 0;\r\n  const salarioSup   = parseFloat(inSalarioSup.value)  || 0;\r\n  const horasSup     = parseFloat(inHorasSup.value)    || 0;\r\n  const volume       = parseFloat(bpoVolume.value)     || 0;\r\n\r\n  const mult          = CONFIG.multipliers[vinculo] || 1.72;\r\n  const custoRealMes  = salario * mult;\r\n  const horasMes      = horasSemana * 4.33;\r\n  const custoHoraSup  = salarioSup \/ 176;\r\n\r\n  \/* Custo in-house mensal *\/\r\n  const execMensal   = pessoas * custoRealMes * (horasMes \/ 176);\r\n  const supMensal    = custoHoraSup * horasSup;\r\n  const inHouseMensal = execMensal + supMensal;\r\n  const inHouseAnual  = inHouseMensal * 12;\r\n\r\n  \/* Custo BPO *\/\r\n  const s         = CONFIG.servicos[currentService];\r\n  const bpoMensal = volume * s.preco;\r\n  const bpoAnual  = (bpoMensal * 12) + CONFIG.defaults.setup;\r\n\r\n  \/* Indicadores *\/\r\n  const economia       = inHouseAnual - bpoAnual;\r\n  const roiPct         = inHouseAnual > 0 ? (economia \/ inHouseAnual) * 100 : 0;\r\n  const economiaMensal = economia \/ 12;\r\n  const paybackMeses   = economiaMensal > 0 ? CONFIG.defaults.setup \/ economiaMensal : -1;\r\n  const horasTotais    = pessoas * horasMes;\r\n\r\n  \/* Cache para o gate *\/\r\n  lastInhouseAnual = inHouseAnual;\r\n  lastBpoAnual     = bpoAnual;\r\n  lastEconomia     = economia;\r\n  lastHorasMes     = horasTotais;\r\n\r\n  \/* \u2500\u2500 Sufixos informativos \u2500\u2500 *\/\r\n  if (salario > 0) {\r\n    $(\"sufixoCustoReal\").textContent    = \"Custo real estimado: \" + fmtBRL(custoRealMes) + \"\/m\u00eas (com encargos)\";\r\n    $(\"sufixoCustoReal\").className      = \"field-suffix highlight\";\r\n  } else {\r\n    $(\"sufixoCustoReal\").textContent = \"\";\r\n  }\r\n\r\n  if (horasSemana > 0) {\r\n    $(\"sufixoHorasMes\").textContent = \"\u2248 \" + horasMes.toFixed(0) + \"h por m\u00eas\";\r\n  } else {\r\n    $(\"sufixoHorasMes\").textContent = \"\";\r\n  }\r\n\r\n  if (salarioSup > 0) {\r\n    $(\"sufixoCustoHoraSup\").textContent = \"Custo-hora estimado: \" + fmtBRL2(custoHoraSup) + \"\/h\";\r\n  } else {\r\n    $(\"sufixoCustoHoraSup\").textContent = \"\";\r\n  }\r\n\r\n  \/* \u2500\u2500 Resultados parciais (sempre vis\u00edveis) \u2500\u2500 *\/\r\n  $(\"valInhouseAnual\").textContent = inHouseAnual > 0 ? fmtBRL(inHouseAnual) : \"\u2014\";\r\n  $(\"valHorasRotina\").textContent  = horasTotais > 0  ? fmtNum(Math.round(horasTotais)) + \"h\" : \"\u2014\";\r\n\r\n  \/* \u2500\u2500 Payoff din\u00e2mico \u2500\u2500 *\/\r\n  if (horasTotais > 0 && pessoas > 0) {\r\n    \/* % da capacidade total do time gasta nessa rotina (base: 176h\/m\u00eas por pessoa) *\/\r\n    var pctCapacidade = Math.round((horasMes \/ 176) * 100);\r\n    $(\"payoffHoras\").textContent = fmtNum(Math.round(horasTotais)) + \"h\";\r\n    $(\"payoffPct\").textContent   = pctCapacidade + \"%\";\r\n    $(\"payoffSection\").classList.remove(\"hidden\");\r\n  } else {\r\n    $(\"payoffSection\").classList.add(\"hidden\");\r\n  }\r\n\r\n  updateHsField();\r\n}\r\n\r\n\/* \u2500\u2500 DIAGN\u00d3STICO PARA HUBSPOT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction buildDiagnostico() {\r\n  const nomesServico = {\r\n    malote:    \"Malote jur\u00eddico\",\r\n    cadastros: \"Cadastros e atualiza\u00e7\u00f5es\",\r\n    subsidios: \"Elabora\u00e7\u00e3o de subs\u00eddios\",\r\n    laudos:    \"Laudos e relat\u00f3rios\"\r\n  };\r\n  const nomesVinculo = { clt: \"CLT\", pj: \"PJ\", temp: \"Tempor\u00e1rio\" };\r\n\r\n  const pessoas     = parseFloat(inPessoas.value)     || 0;\r\n  const vinculo     = inVinculo.value || \"clt\";\r\n  const salario     = parseFloat(inSalario.value)     || 0;\r\n  const horasSemana = parseFloat(inHorasSemana.value) || 0;\r\n  const salarioSup  = parseFloat(inSalarioSup.value)  || 0;\r\n  const horasSup    = parseFloat(inHorasSup.value)    || 0;\r\n  const volume      = parseFloat(bpoVolume.value)     || 0;\r\n\r\n  const mult         = CONFIG.multipliers[vinculo] || 1.72;\r\n  const custoRealMes = salario * mult;\r\n  const horasMes     = horasSemana * 4.33;\r\n  const economia     = lastInhouseAnual - lastBpoAnual;\r\n  const roiPct       = lastInhouseAnual > 0 ? (economia \/ lastInhouseAnual) * 100 : 0;\r\n\r\n  return [\r\n    \"=== CALCULADORA BPO JUR\u00cdDICO | ENLIGHTEN ===\",\r\n    \"\",\r\n    \"SERVI\u00c7O AVALIADO: \" + (nomesServico[currentService] || currentService),\r\n    \"\",\r\n    \"--- ENTRADAS DO LEAD ---\",\r\n    \"Pessoas dedicadas: \" + pessoas,\r\n    \"Tipo de v\u00ednculo: \" + (nomesVinculo[vinculo] || vinculo),\r\n    \"Sal\u00e1rio por pessoa: \" + fmtBRL(salario) + \"\/m\u00eas\",\r\n    \"Custo real c\/ encargos: \" + fmtBRL(custoRealMes) + \"\/m\u00eas (multiplicador: \u00d7\" + mult + \")\",\r\n    \"Horas\/semana na rotina: \" + horasSemana + \"h \u2248 \" + Math.round(horasMes) + \"h\/m\u00eas\",\r\n    \"Sal\u00e1rio do supervisor: \" + fmtBRL(salarioSup) + \"\/m\u00eas\",\r\n    \"Horas de supervis\u00e3o\/m\u00eas: \" + horasSup + \"h\",\r\n    \"Volume mensal: \" + volume + \" itens\",\r\n    \"\",\r\n    \"--- DIAGN\u00d3STICO CALCULADO ---\",\r\n    \"Custo in-house anual (c\/ encargos): \" + fmtBRL(lastInhouseAnual),\r\n    \"Custo BPO Enlighten anual (estimativa): \" + fmtBRL(lastBpoAnual),\r\n    \"Economia estimada: \" + fmtBRL(Math.abs(economia)) + (economia >= 0 ? \" - favor\u00e1vel ao BPO\" : \" - favor\u00e1vel ao in-house\"),\r\n    \"ROI estimado: \" + roiPct.toFixed(1) + \"%\",\r\n    \"Horas\/m\u00eas liberadas p\/ trabalho estrat\u00e9gico: \" + Math.round(lastHorasMes) + \"h\"\r\n  ].join(\"\\n\");\r\n}\r\n\r\n\/* \u2500\u2500 HUBSPOT: re-busca inputs no DOM atual do formul\u00e1rio \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nvar HS_FIELD_NAMES = [\r\n  \"informacoes_do_quizcalculadora\",\r\n  \"servico_avaliado\",\r\n  \"custo_inhouse_anual\",\r\n  \"economia_estimada_anual\",\r\n  \"roi_estimado_bpo\",\r\n  \"horasmes_na_rotina\",\r\n  \"semanasano_na_rotina\"\r\n];\r\n\r\nfunction refreshHsFields(form) {\r\n  var container = (form && form[0]) ? form[0] : (form || document.getElementById(\"hs-form-container\"));\r\n  HS_FIELD_NAMES.forEach(function(name) {\r\n    var el = container.querySelector('input[name=\"' + name + '\"]');\r\n    if (el) hsFields[name] = el;\r\n  });\r\n}\r\n\r\nfunction getFieldValues() {\r\n  var nomesServico = {\r\n    malote:    \"Malote jur\u00eddico\",\r\n    cadastros: \"Cadastros e atualiza\u00e7\u00f5es\",\r\n    subsidios: \"Elabora\u00e7\u00e3o de subs\u00eddios\",\r\n    laudos:    \"Laudos e relat\u00f3rios\"\r\n  };\r\n  var economia = lastInhouseAnual - lastBpoAnual;\r\n  var roiPct   = lastInhouseAnual > 0 ? (economia \/ lastInhouseAnual) * 100 : 0;\r\n  var horas    = Math.round(lastHorasMes);\r\n  var semanas  = Math.round((horas * 12) \/ 40);\r\n  return {\r\n    \"informacoes_do_quizcalculadora\": buildDiagnostico(),\r\n    \"servico_avaliado\":               nomesServico[currentService] || currentService,\r\n    \"custo_inhouse_anual\":            lastInhouseAnual > 0 ? fmtBRL(lastInhouseAnual) : \"\",\r\n    \"economia_estimada_anual\":        economia > 0 ? fmtBRL(economia) : \"N\u00e3o estimada\",\r\n    \"roi_estimado_bpo\":               economia > 0 ? roiPct.toFixed(1) + \"%\" : \"\",\r\n    \"horasmes_na_rotina\":             horas > 0 ? String(horas) : \"\",\r\n    \"semanasano_na_rotina\":           semanas > 0 ? String(semanas) : \"\"\r\n  };\r\n}\r\n\r\nfunction populateHsFields() {\r\n  var values = getFieldValues();\r\n\r\n  \/* 1. Seta TODOS os valores primeiro, sem disparar eventos *\/\r\n  HS_FIELD_NAMES.forEach(function(name) {\r\n    var el = hsFields[name];\r\n    if (el) el.value = String(values[name] || \"\");\r\n  });\r\n\r\n  \/* 2. Agora dispara 1 \u00fanico evento por campo (HubSpot registra sem re-render encadeado) *\/\r\n  HS_FIELD_NAMES.forEach(function(name) {\r\n    var el = hsFields[name];\r\n    if (el) el.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n  });\r\n\r\n  \/* Debug: confirma no console quais campos foram mapeados e o valor setado *\/\r\n  console.group(\"[Enlighten BPO] Campos HubSpot populados\");\r\n  HS_FIELD_NAMES.forEach(function(name) {\r\n    var el = hsFields[name];\r\n    console.log(name + \":\", el ? '\"' + el.value.substring(0, 60) + (el.value.length > 60 ? \"\u2026\" : \"\") + '\"' : \"N\u00c3O ENCONTRADO no DOM\");\r\n  });\r\n  console.groupEnd();\r\n}\r\n\r\n\/* \u2500\u2500 VALIDA\u00c7\u00c3O: todos os campos da calculadora preenchidos? \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfunction calcIsValid() {\r\n  return inPessoas.value.trim()     !== \"\" &&\r\n         inSalario.value.trim()     !== \"\" &&\r\n         inHorasSemana.value.trim() !== \"\" &&\r\n         bpoVolume.value.trim()     !== \"\";\r\n}\r\n\r\nfunction showCalcError() {\r\n  var errEl = document.getElementById(\"calc-validation-error\");\r\n  if (!errEl) {\r\n    errEl = document.createElement(\"div\");\r\n    errEl.id = \"calc-validation-error\";\r\n    errEl.style.cssText = [\r\n      \"color:#b83232\",\r\n      \"background:#fdf2f2\",\r\n      \"border:1px solid rgba(192,57,43,.2)\",\r\n      \"border-radius:6px\",\r\n      \"font-size:13px\",\r\n      \"font-weight:600\",\r\n      \"padding:10px 14px\",\r\n      \"margin:0 0 14px\",\r\n      \"text-align:center\",\r\n      \"display:none\"\r\n    ].join(\";\");\r\n\r\n    \/* Insere DENTRO do form do HubSpot, logo antes do bot\u00e3o de submit \u2014\r\n       assim herda exatamente o mesmo contexto de largura dos inputs *\/\r\n    var formContainer = document.getElementById(\"hs-form-container\");\r\n    var submitRow = formContainer\r\n      ? formContainer.querySelector(\".hs-submit, .actions, .hs_submit\")\r\n      : null;\r\n    if (submitRow) {\r\n      submitRow.parentNode.insertBefore(errEl, submitRow);\r\n    } else if (formContainer) {\r\n      formContainer.appendChild(errEl);\r\n    }\r\n  }\r\n  errEl.textContent = \"Preencha todos os campos da calculadora antes de enviar.\";\r\n  errEl.style.display = \"block\";\r\n  document.querySelector(\".panels\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n}\r\n\r\nfunction hideCalcError() {\r\n  var errEl = document.getElementById(\"calc-validation-error\");\r\n  if (errEl) errEl.style.display = \"none\";\r\n}\r\n\r\n\/* Alias para manter compatibilidade com chamadas existentes *\/\r\nfunction updateHsField() { populateHsFields(); }\r\n\r\n\/* \u2500\u2500 EVENTOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\ndocument.querySelectorAll(\".tab-btn\").forEach(btn => {\r\n  btn.addEventListener(\"click\", () => loadService(btn.dataset.service));\r\n});\r\n\r\n[inPessoas, inVinculo, inSalario, inHorasSemana, inSalarioSup, inHorasSup, bpoVolume]\r\n  .forEach(el => el.addEventListener(\"input\", function() {\r\n    calculate();\r\n    hideCalcError();\r\n  }));\r\n\r\nloadService(\"malote\");\r\n<\/script>\r\n\r\n<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\r\n<script>\r\n  hbspt.forms.create({\r\n    portalId: \"39795034\",\r\n    formId: \"62d3072a-8e57-497d-bb54-717b00fc7137\",\r\n    region: \"na1\",\r\n    target: \"#hs-form-container\",\r\n\r\n    onFormReady: function($form) {\r\n      \/* 1. Mapeia campos ocultos *\/\r\n      refreshHsFields($form);\r\n      populateHsFields();\r\n\r\n      \/* 2. Intercepta o submit no elemento <form> (Ajax do HubSpot passa por aqui) *\/\r\n      var container = ($form && $form[0]) ? $form[0] : $form;\r\n      var formEl    = (container.tagName === \"FORM\") ? container : container.querySelector(\"form\");\r\n\r\n      if (formEl) {\r\n        \/* capture=true garante que roda ANTES dos handlers do HubSpot *\/\r\n        formEl.addEventListener(\"submit\", function(e) {\r\n          if (!calcIsValid()) {\r\n            e.preventDefault();\r\n            e.stopImmediatePropagation();\r\n            showCalcError();\r\n            return false;\r\n          }\r\n          hideCalcError();\r\n          refreshHsFields($form);\r\n          populateHsFields();\r\n        }, true);\r\n      }\r\n\r\n      \/* Fallback: intercepta tamb\u00e9m o mousedown do bot\u00e3o (dispara antes do click\/submit) *\/\r\n      var submitBtn = container.querySelector('input[type=\"submit\"], button[type=\"submit\"]');\r\n      if (submitBtn) {\r\n        submitBtn.addEventListener(\"mousedown\", function(e) {\r\n          if (!calcIsValid()) {\r\n            e.preventDefault();\r\n            e.stopImmediatePropagation();\r\n            showCalcError();\r\n          }\r\n        }, true);\r\n      }\r\n    },\r\n\r\n    onBeforeFormSubmit: function($form) {\r\n      \/* Re-busca todos os campos no DOM atual \u2014 ignora o cache hsFields *\/\r\n      var container = ($form && $form[0]) ? $form[0] : $form;\r\n      var values    = getFieldValues();\r\n\r\n      HS_FIELD_NAMES.forEach(function(name) {\r\n        \/* Tenta input[name=] e tamb\u00e9m textarea[name=] *\/\r\n        var el = container.querySelector('input[name=\"' + name + '\"], textarea[name=\"' + name + '\"]');\r\n        if (el) {\r\n          el.value = String(values[name] || \"\");\r\n          \/* Atualiza o cache tamb\u00e9m *\/\r\n          hsFields[name] = el;\r\n        }\r\n      });\r\n\r\n      console.group(\"[Enlighten BPO] onBeforeFormSubmit \u2014 valores finais enviados\");\r\n      HS_FIELD_NAMES.forEach(function(name) {\r\n        var el = container.querySelector('input[name=\"' + name + '\"], textarea[name=\"' + name + '\"]');\r\n        console.log(name + \":\", el ? '\"' + el.value.substring(0, 60) + '\"' : \"N\u00c3O ENCONTRADO\");\r\n      });\r\n      console.groupEnd();\r\n    },\r\n\r\n    onFormSubmitted: function() {\r\n      var nomesServico = {\r\n        malote:    \"malote jur\u00eddico\",\r\n        cadastros: \"cadastros e atualiza\u00e7\u00f5es\",\r\n        subsidios: \"elabora\u00e7\u00e3o de subs\u00eddios\",\r\n        laudos:    \"laudos e relat\u00f3rios\"\r\n      };\r\n\r\n      var horas    = Math.round(lastHorasMes);\r\n      var semanas  = Math.round((horas * 12) \/ 40); \/* 40h\/semana de trabalho *\/\r\n      var servico  = nomesServico[currentService] || \"essa atividade\";\r\n\r\n      \/* Headline *\/\r\n      document.getElementById(\"insightHoras\").textContent    = horas > 0 ? horas + \"h\" : \"muitas horas\";\r\n      \/* KPIs do insight *\/\r\n      document.getElementById(\"insightCusto\").textContent    = lastInhouseAnual > 0 ? fmtBRL(lastInhouseAnual) + \"\/ano\" : \"\u2014\";\r\n      document.getElementById(\"insightHorasKpi\").textContent = horas > 0 ? horas + \"h\" : \"\u2014\";\r\n      \/* Sub contextual *\/\r\n      if (horas > 0) {\r\n        document.getElementById(\"insightSub\").textContent =\r\n          \"S\u00e3o aproximadamente \" + semanas + \" semanas de trabalho por ano dedicadas a \" + servico +\r\n          \". Horas que poderiam estar em an\u00e1lise contratual, gest\u00e3o de risco e suporte estrat\u00e9gico ao neg\u00f3cio.\";\r\n      }\r\n\r\n      document.getElementById(\"gateSection\").classList.add(\"hidden\");\r\n      document.getElementById(\"insightSection\").classList.remove(\"hidden\");\r\n      document.getElementById(\"insightSection\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n    }\r\n  });\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculadora BPO Jur\u00eddico | Enlighten Calculadora BPO Jur\u00eddico Essa atividade precisa mesmo estar dentro do Jur\u00eddico? Calcule quanto sua equipe jur\u00eddica gasta por ano executando o que deveria estar em outro lugar. Encargos, supervis\u00e3o e horas inclu\u00eddos. Selecione o servi\u00e7o local_shipping Malote jur\u00eddico manage_accounts Cadastros e atualiza\u00e7\u00f5es article Elabora\u00e7\u00e3o de subs\u00eddios assessment Laudos e relat\u00f3rios [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-8044","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Calculadora de ROI - BPO - Enlighten<\/title>\n<meta name=\"description\" content=\"Calcule o ROI do BPO para sua opera\u00e7\u00e3o. Veja em minutos quanto sua empresa economiza ao terceirizar processos administrativos e jur\u00eddicos com a Enlighten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/be-enlighten.com\/en\/calculadora-de-roi-bpo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculadora de ROI - BPO - Enlighten\" \/>\n<meta property=\"og:description\" content=\"Calcule o ROI do BPO para sua opera\u00e7\u00e3o. Veja em minutos quanto sua empresa economiza ao terceirizar processos administrativos e jur\u00eddicos com a Enlighten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/be-enlighten.com\/en\/calculadora-de-roi-bpo\/\" \/>\n<meta property=\"og:site_name\" content=\"Enlighten\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-27T16:10:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/pt\\\/calculadora-de-roi-bpo\\\/\",\"url\":\"https:\\\/\\\/be-enlighten.com\\\/pt\\\/calculadora-de-roi-bpo\\\/\",\"name\":\"Calculadora de ROI - BPO - Enlighten\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/#website\"},\"datePublished\":\"2026-04-16T22:49:38+00:00\",\"dateModified\":\"2026-04-27T16:10:52+00:00\",\"description\":\"Calcule o ROI do BPO para sua opera\u00e7\u00e3o. Veja em minutos quanto sua empresa economiza ao terceirizar processos administrativos e jur\u00eddicos com a Enlighten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/pt\\\/calculadora-de-roi-bpo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/be-enlighten.com\\\/pt\\\/calculadora-de-roi-bpo\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/pt\\\/calculadora-de-roi-bpo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/be-enlighten.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculadora de ROI &#8211; BPO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/#website\",\"url\":\"https:\\\/\\\/be-enlighten.com\\\/\",\"name\":\"Enlighten\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/be-enlighten.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/#organization\",\"name\":\"Enlighten\",\"url\":\"https:\\\/\\\/be-enlighten.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/be-enlighten.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo-2-1.png\",\"contentUrl\":\"https:\\\/\\\/be-enlighten.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo-2-1.png\",\"width\":382,\"height\":106,\"caption\":\"Enlighten\"},\"image\":{\"@id\":\"https:\\\/\\\/be-enlighten.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Calculadora de ROI - BPO - Enlighten","description":"Calcule o ROI do BPO para sua opera\u00e7\u00e3o. Veja em minutos quanto sua empresa economiza ao terceirizar processos administrativos e jur\u00eddicos com a Enlighten.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/be-enlighten.com\/en\/calculadora-de-roi-bpo\/","og_locale":"en_US","og_type":"article","og_title":"Calculadora de ROI - BPO - Enlighten","og_description":"Calcule o ROI do BPO para sua opera\u00e7\u00e3o. Veja em minutos quanto sua empresa economiza ao terceirizar processos administrativos e jur\u00eddicos com a Enlighten.","og_url":"https:\/\/be-enlighten.com\/en\/calculadora-de-roi-bpo\/","og_site_name":"Enlighten","article_modified_time":"2026-04-27T16:10:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/be-enlighten.com\/pt\/calculadora-de-roi-bpo\/","url":"https:\/\/be-enlighten.com\/pt\/calculadora-de-roi-bpo\/","name":"Calculadora de ROI - BPO - Enlighten","isPartOf":{"@id":"https:\/\/be-enlighten.com\/#website"},"datePublished":"2026-04-16T22:49:38+00:00","dateModified":"2026-04-27T16:10:52+00:00","description":"Calcule o ROI do BPO para sua opera\u00e7\u00e3o. Veja em minutos quanto sua empresa economiza ao terceirizar processos administrativos e jur\u00eddicos com a Enlighten.","breadcrumb":{"@id":"https:\/\/be-enlighten.com\/pt\/calculadora-de-roi-bpo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/be-enlighten.com\/pt\/calculadora-de-roi-bpo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/be-enlighten.com\/pt\/calculadora-de-roi-bpo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/be-enlighten.com\/"},{"@type":"ListItem","position":2,"name":"Calculadora de ROI &#8211; BPO"}]},{"@type":"WebSite","@id":"https:\/\/be-enlighten.com\/#website","url":"https:\/\/be-enlighten.com\/","name":"Enlighten","description":"","publisher":{"@id":"https:\/\/be-enlighten.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/be-enlighten.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/be-enlighten.com\/#organization","name":"Enlighten","url":"https:\/\/be-enlighten.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/be-enlighten.com\/#\/schema\/logo\/image\/","url":"https:\/\/be-enlighten.com\/wp-content\/uploads\/2026\/01\/logo-2-1.png","contentUrl":"https:\/\/be-enlighten.com\/wp-content\/uploads\/2026\/01\/logo-2-1.png","width":382,"height":106,"caption":"Enlighten"},"image":{"@id":"https:\/\/be-enlighten.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/pages\/8044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/comments?post=8044"}],"version-history":[{"count":35,"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/pages\/8044\/revisions"}],"predecessor-version":[{"id":8092,"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/pages\/8044\/revisions\/8092"}],"wp:attachment":[{"href":"https:\/\/be-enlighten.com\/en\/wp-json\/wp\/v2\/media?parent=8044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}