{"id":3229,"date":"2026-04-15T13:42:41","date_gmt":"2026-04-15T13:42:41","guid":{"rendered":"https:\/\/openthink.com.br\/digital\/?page_id=3229"},"modified":"2026-04-17T18:04:48","modified_gmt":"2026-04-17T18:04:48","slug":"scroll-horizontal","status":"publish","type":"page","link":"https:\/\/openthink.com.br\/digital\/scroll-horizontal\/","title":{"rendered":"Scroll Horizontal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3229\" class=\"elementor elementor-3229\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61493d8 e-flex e-con-boxed e-con e-parent\" data-id=\"61493d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-106724d elementor-widget elementor-widget-html\" data-id=\"106724d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n\u2551  STORYTELLING FINAL \u2014 6 CAP\u00cdTULOS \u00b7 58 SLIDES                  \u2551\r\n\u2551  Cole no Widget HTML do Elementor                                \u2551\r\n\u2551  Se\u00e7\u00e3o: Largura Total \u00b7 Padding 0 \u00b7 Altura m\u00ednima 100vh         \u2551\r\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET GERAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#story-root, #story-root * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   WRAPPER RAIZ\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#story-root {\r\n  --nav-h: 80px;\r\n  --accent: #1a6fa8;\r\n  --accent-glow: rgba(99,179,237,0.5);\r\n  position: relative;\r\n  width: 100vw;\r\n  height: calc(100vh - var(--nav-h));\r\n  overflow: hidden;\r\n  background: #062a42;\r\n  font-family: \"Inter\", system-ui, sans-serif;\r\n  margin-left: calc(-50vw + 50%);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CAP\u00cdTULOS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.chapter {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.45s ease;\r\n  overflow: hidden;\r\n}\r\n.chapter.active {\r\n  opacity: 1;\r\n  pointer-events: all;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TRACK HORIZONTAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ch-track {\r\n  display: flex;\r\n  height: 100%;\r\n  will-change: transform;\r\n  transform: translate3d(0,0,0);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SLIDE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ch-slide {\r\n  min-width: 100vw;\r\n  width: 100vw;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  background: #062a42;\r\n  position: relative;\r\n}\r\n.ch-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  object-position: center;\r\n  display: block;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MINI-DOTS DE SLIDES (base central)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ch-slide-dots {\r\n  position: absolute;\r\n  bottom: 1.2rem;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  display: flex;\r\n  gap: 0.4rem;\r\n  z-index: 10;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  max-width: 80vw;\r\n}\r\n.ch-sdot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.25);\r\n  cursor: pointer;\r\n  transition: all 200ms;\r\n  border: none;\r\n  padding: 0;\r\n  flex-shrink: 0;\r\n}\r\n.ch-sdot.active {\r\n  background: #63b3ed;\r\n  transform: scale(1.35);\r\n  box-shadow: 0 0 6px var(--accent-glow);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   DOTS LATERAIS \u2014 CAP\u00cdTULOS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#chapter-dots {\r\n  position: fixed;\r\n  right: 1.2rem;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n  z-index: 9999;\r\n}\r\n.ch-dot {\r\n  width: 2.2rem;\r\n  height: 2.2rem;\r\n  border-radius: 7px;\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  background: rgba(6,42,66,0.85);\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 0.62rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 220ms ease;\r\n  backdrop-filter: blur(6px);\r\n  -webkit-backdrop-filter: blur(6px);\r\n  letter-spacing: 0.03em;\r\n}\r\n.ch-dot:hover {\r\n  border-color: #63b3ed;\r\n  background: rgba(26,111,168,0.7);\r\n  color: #fff;\r\n  transform: scale(1.1);\r\n}\r\n.ch-dot.active {\r\n  background: var(--accent);\r\n  border-color: #63b3ed;\r\n  color: #fff;\r\n  box-shadow: 0 0 14px var(--accent-glow);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BARRA DE PROGRESSO (topo)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#story-progress {\r\n  position: fixed;\r\n  top: var(--nav-h, 80px);\r\n  left: 0;\r\n  height: 3px;\r\n  width: 0%;\r\n  background: linear-gradient(90deg, #63b3ed, #1a6fa8);\r\n  box-shadow: 0 0 8px rgba(99,179,237,0.5);\r\n  z-index: 9998;\r\n  transition: width 0.15s linear;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LABEL CAP\u00cdTULO (inf. esquerdo)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#story-label {\r\n  position: fixed;\r\n  bottom: 1.4rem;\r\n  left: 1.5rem;\r\n  z-index: 9999;\r\n  color: rgba(255,255,255,0.45);\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.07em;\r\n  text-transform: uppercase;\r\n  pointer-events: none;\r\n}\r\n#story-label span { color: #63b3ed; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SETAS LATERAIS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ch-arrow {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 2.6rem;\r\n  height: 2.6rem;\r\n  border-radius: 50%;\r\n  border: none;\r\n  background: rgba(26,111,168,0.65);\r\n  color: #fff;\r\n  font-size: 1.1rem;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 10;\r\n  backdrop-filter: blur(4px);\r\n  transition: all 200ms;\r\n  opacity: 0.6;\r\n}\r\n.ch-arrow:hover { opacity: 1; transform: translateY(-50%) scale(1.1); }\r\n.ch-arrow.prev { left: 1rem; }\r\n.ch-arrow.next { right: 3.8rem; }\r\n.ch-arrow:disabled { opacity: 0.12; cursor: default; transform: translateY(-50%); }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HINT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#story-hint {\r\n  position: fixed;\r\n  bottom: 1.4rem;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  color: rgba(255,255,255,0.4);\r\n  font-size: 0.75rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.35rem;\r\n  z-index: 9999;\r\n  pointer-events: none;\r\n  transition: opacity 0.5s;\r\n  white-space: nowrap;\r\n}\r\n#story-hint.gone { opacity: 0; }\r\n#story-hint svg { animation: bounce 1.5s ease-in-out infinite; }\r\n@keyframes bounce {\r\n  0%,100% { transform: translateY(0); }\r\n  50%      { transform: translateY(-5px); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESPONSIVO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 768px) {\r\n  #story-root { --nav-h: 60px; }\r\n  #chapter-dots { right: 0.4rem; }\r\n  .ch-dot { width: 1.8rem; height: 1.8rem; font-size: 0.55rem; }\r\n  .ch-arrow.next { right: 2.8rem; }\r\n  .ch-arrow { width: 2rem; height: 2rem; font-size: 0.9rem; }\r\n}\r\n<\/style>\r\n\r\n<!-- BARRA DE PROGRESSO -->\r\n<div id=\"story-progress\"><\/div>\r\n\r\n<!-- DOTS DOS CAP\u00cdTULOS -->\r\n<nav id=\"chapter-dots\" aria-label=\"Cap\u00edtulos\">\r\n  <div class=\"ch-dot active\" data-ch=\"0\">01<\/div>\r\n  <div class=\"ch-dot\"        data-ch=\"1\">02<\/div>\r\n  <div class=\"ch-dot\"        data-ch=\"2\">03<\/div>\r\n  <div class=\"ch-dot\"        data-ch=\"3\">04<\/div>\r\n  <div class=\"ch-dot\"        data-ch=\"4\">05<\/div>\r\n  <div class=\"ch-dot\"        data-ch=\"5\">06<\/div>\r\n<\/nav>\r\n\r\n<!-- LABEL -->\r\n<div id=\"story-label\">Cap\u00edtulo <span id=\"ch-num\">01<\/span><\/div>\r\n\r\n<!-- HINT -->\r\n<div id=\"story-hint\">\r\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n       stroke=\"currentColor\" stroke-width=\"2.5\">\r\n    <path d=\"M5 9l7 7 7-7\"\/>\r\n  <\/svg>\r\n  Role para avan\u00e7ar\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RAIZ\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"story-root\">\r\n\r\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n       \u2551  CAP\u00cdTULO 01 \u2014 The AI Blueprint      \u2551\r\n       \u2551  10 slides                           \u2551\r\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n  <div class=\"chapter active\" data-chapter=\"0\">\r\n    <div class=\"ch-track\" id=\"track-0\">\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide01-scaled.jpg\" alt=\"Cap01 Slide 01\" loading=\"eager\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide02-scaled.jpg\" alt=\"Cap01 Slide 02\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide03-scaled.jpg\" alt=\"Cap01 Slide 03\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide04-scaled.jpg\" alt=\"Cap01 Slide 04\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide05-scaled.jpg\" alt=\"Cap01 Slide 05\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide06-scaled.jpg\" alt=\"Cap01 Slide 06\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide07-scaled.jpg\" alt=\"Cap01 Slide 07\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide08-scaled.jpg\" alt=\"Cap01 Slide 08\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide09-scaled.jpg\" alt=\"Cap01 Slide 09\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap01_slide10-scaled.jpg\" alt=\"Cap01 Slide 10\" loading=\"lazy\"\/><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n       \u2551  CAP\u00cdTULO 02 \u2014 Beyond the Data Wall  \u2551\r\n       \u2551  9 slides                            \u2551\r\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n  <div class=\"chapter\" data-chapter=\"1\">\r\n    <div class=\"ch-track\" id=\"track-1\">\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide01-scaled.jpg\" alt=\"Cap02 Slide 01\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide02-scaled.jpg\" alt=\"Cap02 Slide 02\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide03-scaled.jpg\" alt=\"Cap02 Slide 03\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide04-scaled.jpg\" alt=\"Cap02 Slide 04\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide05-scaled.jpg\" alt=\"Cap02 Slide 05\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide06-scaled.jpg\" alt=\"Cap02 Slide 06\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide07-scaled.jpg\" alt=\"Cap02 Slide 07\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide08-scaled.jpg\" alt=\"Cap02 Slide 08\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap02_slide09-scaled.jpg\" alt=\"Cap02 Slide 09\" loading=\"lazy\"\/><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n       \u2551  CAP\u00cdTULO 03 \u2014 Material AI Power     \u2551\r\n       \u2551  10 slides                           \u2551\r\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n  <div class=\"chapter\" data-chapter=\"2\">\r\n    <div class=\"ch-track\" id=\"track-2\">\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide01-scaled.jpg\" alt=\"Cap03 Slide 01\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide02-scaled.jpg\" alt=\"Cap03 Slide 02\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide03-scaled.jpg\" alt=\"Cap03 Slide 03\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide04-scaled.jpg\" alt=\"Cap03 Slide 04\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide05-scaled.jpg\" alt=\"Cap03 Slide 05\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide06-scaled.jpg\" alt=\"Cap03 Slide 06\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide07-scaled.jpg\" alt=\"Cap03 Slide 07\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide08-scaled.jpg\" alt=\"Cap03 Slide 08\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide09-scaled.jpg\" alt=\"Cap03 Slide 09\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap03_slide10-scaled.jpg\" alt=\"Cap03 Slide 10\" loading=\"lazy\"\/><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n       \u2551  CAP\u00cdTULO 04 \u2014 The AI Illusion       \u2551\r\n       \u2551  10 slides                           \u2551\r\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n  <div class=\"chapter\" data-chapter=\"3\">\r\n    <div class=\"ch-track\" id=\"track-3\">\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide01-scaled.jpg\" alt=\"Cap04 Slide 01\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide02-scaled.jpg\" alt=\"Cap04 Slide 02\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide03-scaled.jpg\" alt=\"Cap04 Slide 03\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide04-scaled.jpg\" alt=\"Cap04 Slide 04\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide05-scaled.jpg\" alt=\"Cap04 Slide 05\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide06-scaled.jpg\" alt=\"Cap04 Slide 06\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide07-scaled.jpg\" alt=\"Cap04 Slide 07\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide08-scaled.jpg\" alt=\"Cap04 Slide 08\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide09-scaled.jpg\" alt=\"Cap04 Slide 09\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap04_slide10-scaled.jpg\" alt=\"Cap04 Slide 10\" loading=\"lazy\"\/><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n       \u2551  CAP\u00cdTULO 05 \u2014 Practical Intelligence\u2551\r\n       \u2551  9 slides                            \u2551\r\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n  <div class=\"chapter\" data-chapter=\"4\">\r\n    <div class=\"ch-track\" id=\"track-4\">\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide01-scaled.jpg\" alt=\"Cap05 Slide 01\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide02-scaled.jpg\" alt=\"Cap05 Slide 02\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide03-scaled.jpg\" alt=\"Cap05 Slide 03\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide04-scaled.jpg\" alt=\"Cap05 Slide 04\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide05-scaled.jpg\" alt=\"Cap05 Slide 05\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide06-scaled.jpg\" alt=\"Cap05 Slide 06\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide07-scaled.jpg\" alt=\"Cap05 Slide 07\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide08-scaled.jpg\" alt=\"Cap05 Slide 08\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap05_slide09-scaled.jpg\" alt=\"Cap05 Slide 09\" loading=\"lazy\"\/><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n       \u2551  CAP\u00cdTULO 06 \u2014 AI Governance         \u2551\r\n       \u2551  10 slides                           \u2551\r\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n  <div class=\"chapter\" data-chapter=\"5\">\r\n    <div class=\"ch-track\" id=\"track-5\">\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide01-scaled.jpg\" alt=\"Cap06 Slide 01\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide02-scaled.jpg\" alt=\"Cap06 Slide 02\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide03-scaled.jpg\" alt=\"Cap06 Slide 03\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide04-scaled.jpg\" alt=\"Cap06 Slide 04\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide05-scaled.jpg\" alt=\"Cap06 Slide 05\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide06-scaled.jpg\" alt=\"Cap06 Slide 06\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide07-scaled.jpg\" alt=\"Cap06 Slide 07\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide08-scaled.jpg\" alt=\"Cap06 Slide 08\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide09-scaled.jpg\" alt=\"Cap06 Slide 09\" loading=\"lazy\"\/><\/div>\r\n      <div class=\"ch-slide\"><img decoding=\"async\" src=\"https:\/\/openthink.com.br\/digital\/wp-content\/uploads\/2026\/04\/cap06_slide10-scaled.jpg\" alt=\"Cap06 Slide 10\" loading=\"lazy\"\/><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- \/story-root -->\r\n\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* \u2550\u2550 CONFIGURA\u00c7\u00d5ES \u2550\u2550 *\/\r\n  var EASE       = 0.09;   \/\/ suavidade: 0.05=lento \u00b7 0.15=r\u00e1pido\r\n  var WHEEL_LOCK = 750;    \/\/ ms entre scrolls\r\n\r\n  \/* \u2550\u2550 ESTADO GLOBAL \u2550\u2550 *\/\r\n  var activeChapter = 0;\r\n  var locked        = false;\r\n  var hintGone      = false;\r\n  var touchStartX   = 0;\r\n  var touchStartY   = 0;\r\n\r\n  \/* \u2550\u2550 MONTA CAP\u00cdTULOS \u2550\u2550 *\/\r\n  var chapters = Array.from(document.querySelectorAll('.chapter')).map(function (el) {\r\n    var track  = el.querySelector('.ch-track');\r\n    var slides = Array.from(el.querySelectorAll('.ch-slide'));\r\n    var total  = slides.length;\r\n\r\n    \/\/ seta anterior\r\n    var arrowPrev = document.createElement('button');\r\n    arrowPrev.className = 'ch-arrow prev';\r\n    arrowPrev.innerHTML = '&#8592;';\r\n    arrowPrev.setAttribute('aria-label', 'Slide anterior');\r\n\r\n    \/\/ seta pr\u00f3ximo\r\n    var arrowNext = document.createElement('button');\r\n    arrowNext.className = 'ch-arrow next';\r\n    arrowNext.innerHTML = '&#8594;';\r\n    arrowNext.setAttribute('aria-label', 'Pr\u00f3ximo slide');\r\n\r\n    \/\/ mini-dots\r\n    var dotsWrap = document.createElement('div');\r\n    dotsWrap.className = 'ch-slide-dots';\r\n    slides.forEach(function (_, i) {\r\n      var d = document.createElement('button');\r\n      d.className = 'ch-sdot' + (i === 0 ? ' active' : '');\r\n      d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n      d.dataset.slide = i;\r\n      dotsWrap.appendChild(d);\r\n    });\r\n\r\n    el.appendChild(arrowPrev);\r\n    el.appendChild(arrowNext);\r\n    el.appendChild(dotsWrap);\r\n\r\n    return {\r\n      el: el, track: track, slides: slides, total: total,\r\n      arrowPrev: arrowPrev, arrowNext: arrowNext, dotsWrap: dotsWrap,\r\n      current: 0, currentX: 0, targetX: 0, raf: null\r\n    };\r\n  });\r\n\r\n  \/* \u2550\u2550 ANIMA\u00c7\u00c3O COM EASING \u2550\u2550 *\/\r\n  function animChapter(ch) {\r\n    var diff = ch.targetX - ch.currentX;\r\n    ch.currentX += diff * EASE;\r\n    if (Math.abs(diff) < 0.3) {\r\n      ch.currentX = ch.targetX;\r\n      ch.track.style.transform = 'translate3d(' + ch.currentX + 'px,0,0)';\r\n      ch.raf = null;\r\n      return;\r\n    }\r\n    ch.track.style.transform = 'translate3d(' + ch.currentX + 'px,0,0)';\r\n    ch.raf = requestAnimationFrame(function () { animChapter(ch); });\r\n  }\r\n\r\n  function startAnim(ch) {\r\n    if (!ch.raf) ch.raf = requestAnimationFrame(function () { animChapter(ch); });\r\n  }\r\n\r\n  \/* \u2550\u2550 NAVEGAR SLIDE \u2550\u2550 *\/\r\n  function goSlide(ch, index) {\r\n    if (index < 0 || index >= ch.total) return;\r\n    ch.current = index;\r\n    ch.targetX = -(window.innerWidth * ch.current);\r\n    startAnim(ch);\r\n    updateSlideUI(ch);\r\n    updateProgress(ch);\r\n  }\r\n\r\n  function updateSlideUI(ch) {\r\n    ch.dotsWrap.querySelectorAll('.ch-sdot').forEach(function (d, i) {\r\n      d.classList.toggle('active', i === ch.current);\r\n    });\r\n    ch.arrowPrev.disabled = ch.current === 0;\r\n    ch.arrowNext.disabled = ch.current === ch.total - 1;\r\n  }\r\n\r\n  \/* \u2550\u2550 TROCAR CAP\u00cdTULO \u2550\u2550 *\/\r\n  function goChapter(index) {\r\n    if (index < 0 || index >= chapters.length || index === activeChapter) return;\r\n    chapters[activeChapter].el.classList.remove('active');\r\n    activeChapter = index;\r\n    var ch = chapters[activeChapter];\r\n    ch.el.classList.add('active');\r\n    ch.track.style.transform = 'translate3d(' + ch.currentX + 'px,0,0)';\r\n    updateChapterUI();\r\n    updateProgress(ch);\r\n    dismissHint();\r\n  }\r\n\r\n  function updateChapterUI() {\r\n    document.querySelectorAll('.ch-dot').forEach(function (d) {\r\n      d.classList.toggle('active', parseInt(d.dataset.ch) === activeChapter);\r\n    });\r\n    document.getElementById('ch-num').textContent = String(activeChapter + 1).padStart(2, '0');\r\n  }\r\n\r\n  \/* \u2550\u2550 PROGRESSO \u2550\u2550 *\/\r\n  function updateProgress(ch) {\r\n    var pct = ch.total > 1 ? (ch.current \/ (ch.total - 1)) * 100 : 100;\r\n    document.getElementById('story-progress').style.width = pct + '%';\r\n  }\r\n\r\n  \/* \u2550\u2550 HINT \u2550\u2550 *\/\r\n  function dismissHint() {\r\n    if (hintGone) return;\r\n    hintGone = true;\r\n    document.getElementById('story-hint').classList.add('gone');\r\n  }\r\n\r\n  \/* \u2550\u2550 LOCK \u2550\u2550 *\/\r\n  function useLock() {\r\n    locked = true;\r\n    setTimeout(function () { locked = false; }, WHEEL_LOCK);\r\n  }\r\n\r\n  \/* \u2550\u2550 DOTS DOS CAP\u00cdTULOS \u2550\u2550 *\/\r\n  document.querySelectorAll('.ch-dot').forEach(function (dot) {\r\n    dot.addEventListener('click', function () {\r\n      goChapter(parseInt(this.dataset.ch));\r\n    });\r\n  });\r\n\r\n  \/* \u2550\u2550 SETAS E MINI-DOTS (por cap\u00edtulo) \u2550\u2550 *\/\r\n  chapters.forEach(function (ch) {\r\n    ch.arrowPrev.addEventListener('click', function () { goSlide(ch, ch.current - 1); dismissHint(); });\r\n    ch.arrowNext.addEventListener('click', function () { goSlide(ch, ch.current + 1); dismissHint(); });\r\n    ch.dotsWrap.addEventListener('click', function (e) {\r\n      var btn = e.target.closest('.ch-sdot');\r\n      if (btn) goSlide(ch, parseInt(btn.dataset.slide));\r\n    });\r\n  });\r\n\r\n  \/* \u2550\u2550 MOUSE WHEEL \u2014 avan\u00e7a slide no cap\u00edtulo ativo \u2550\u2550 *\/\r\n  document.getElementById('story-root').addEventListener('wheel', function (e) {\r\n    e.preventDefault();\r\n    if (locked) return;\r\n    useLock();\r\n    var ch  = chapters[activeChapter];\r\n    var dir = (e.deltaY > 0 || e.deltaX > 0) ? 1 : -1;\r\n    goSlide(ch, ch.current + dir);\r\n    dismissHint();\r\n  }, { passive: false });\r\n\r\n  \/* \u2550\u2550 TECLADO \u2550\u2550 *\/\r\n  document.addEventListener('keydown', function (e) {\r\n    var ch = chapters[activeChapter];\r\n    if (e.key === 'ArrowRight' || e.key === 'PageDown') { goSlide(ch, ch.current + 1); dismissHint(); }\r\n    if (e.key === 'ArrowLeft'  || e.key === 'PageUp')   { goSlide(ch, ch.current - 1); dismissHint(); }\r\n    if (e.key === 'ArrowDown') goChapter(activeChapter + 1);\r\n    if (e.key === 'ArrowUp')   goChapter(activeChapter - 1);\r\n    if (e.key === 'Home')      goSlide(ch, 0);\r\n    if (e.key === 'End')       goSlide(ch, ch.total - 1);\r\n  });\r\n\r\n  \/* \u2550\u2550 TOUCH \u2014 horizontal=slide \u00b7 vertical=cap\u00edtulo \u2550\u2550 *\/\r\n  document.getElementById('story-root').addEventListener('touchstart', function (e) {\r\n    touchStartX = e.touches[0].clientX;\r\n    touchStartY = e.touches[0].clientY;\r\n  }, { passive: true });\r\n\r\n  document.getElementById('story-root').addEventListener('touchend', function (e) {\r\n    var dx = touchStartX - e.changedTouches[0].clientX;\r\n    var dy = touchStartY - e.changedTouches[0].clientY;\r\n    var ch = chapters[activeChapter];\r\n    if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {\r\n      goSlide(ch, ch.current + (dx > 0 ? 1 : -1));\r\n      dismissHint();\r\n    } else if (Math.abs(dy) > Math.abs(dx) && Math.abs(dy) > 50) {\r\n      goChapter(activeChapter + (dy > 0 ? 1 : -1));\r\n    }\r\n  }, { passive: true });\r\n\r\n  \/* \u2550\u2550 RESIZE \u2550\u2550 *\/\r\n  window.addEventListener('resize', function () {\r\n    chapters.forEach(function (ch) {\r\n      ch.currentX = -(window.innerWidth * ch.current);\r\n      ch.targetX  = ch.currentX;\r\n      ch.track.style.transform = 'translate3d(' + ch.currentX + 'px,0,0)';\r\n    });\r\n  });\r\n\r\n  \/* \u2550\u2550 INIT \u2550\u2550 *\/\r\n  chapters.forEach(function (ch) { updateSlideUI(ch); });\r\n  updateChapterUI();\r\n  updateProgress(chapters[0]);\r\n  setTimeout(dismissHint, 4000);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 02 03 04 05 06 Cap\u00edtulo 01 Role para avan\u00e7ar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pmpro_default_level":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"courseId":0,"footnotes":""},"class_list":["post-3229","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/pages\/3229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/comments?post=3229"}],"version-history":[{"count":10,"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/pages\/3229\/revisions"}],"predecessor-version":[{"id":3405,"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/pages\/3229\/revisions\/3405"}],"wp:attachment":[{"href":"https:\/\/openthink.com.br\/digital\/wp-json\/wp\/v2\/media?parent=3229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}