1<!DOCTYPE html> 2<html lang="pt-BR" data-lp-state="ao-vivo"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 7 <!-- Google Tag Manager --> 8 <!-- Obrigatório em toda LP da Trybe. Não troque o ID GTM-WF3GZC6. --> 9
9<script>
vendor: 335 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 10 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 11 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 12 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 13 })(window,document,'script','dataLayer','
13GTM-WF3GZC6
vendor: 3 bytes, line 13
13');
13</script>
13 14 <!-- End Google Tag Manager --> 15 16 <title>Microsoft Copilot para advogados: IA dentro do Word, Outlook, Excel e PowerPoint | Trybe</title> 17 <meta name="description" content="Workshop ao vivo em 17 de setembro, com Eli Candido. Aprenda a usar o Copilot dentro do Word, Outlook, Excel e PowerPoint na rotina jurÃdica."> 18 <link rel="canonical" href="https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados"> 19 20 <meta property="og:type" content="website"> 21 <meta property="og:url" content="https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados"> 22 <meta property="og:title" content="Microsoft Copilot para advogados"> 23 <meta property="og:description" content="Aprenda a usar o Copilot dentro do Word, Outlook, Excel e PowerPoint e faça a IA trabalhar nas mesmas ferramentas que você já usa na rotina jurÃdica. 17/09 · 19h."> 24 <meta name="twitter:card" content="summary_large_image"> 25 <!-- og:image aponta para *.pages.dev de propósito: o Worker de roteamento injeta 26 <base href> e betrybe.com/{path}/assets/... sempre dá 404. --> 27 <meta property="og:image" content="https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg"> 28 <meta property="og:image:width" content="1200"> 29 <meta property="og:image:height" content="641"> 30 <meta property="og:image:alt" content="Microsoft Copilot para advogados, com Eli Candido, 17/09 à s 19h."> 31 <meta name="twitter:image" content="https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg"> 32 33 <link rel="icon" href="assets/favicon-web.ico" sizes="any"> 34 <link rel="apple-touch-icon" href="assets/favicon-ios.png"> 35 36 <link rel="preload" href="fonts/Roobert-Heavy.woff2" as="font" type="font/woff2" crossorigin> 37 <link rel="preload" href="fonts/inter-400.woff2" as="font" type="font/woff2" crossorigin> 38 39
39<script type="application/ld+json"> 40 { 41 "@context": "https://schema.org", 42 "@graph": [ 43 { 44 "@type": "Course", 45 "name": "Microsoft Copilot para Advogados: NA PRÃTICA", 46 "description": "Workshop ao vivo de 1h30 sobre Microsoft Copilot para advogados: como usar a IA dentro do Word, Outlook, Excel e PowerPoint na rotina jurÃdica.", 47 "url": "https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados", 48 "inLanguage": "pt-BR", 49 "image": "https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg", 50 "provider": { "@type": "Organization", "name": "Trybe", "url": "https://betrybe.com" }, 51 "offers": { 52 "@type": "Offer", 53 "price": "127", 54 "priceCurrency": "BRL", 55 "availability": "https://schema.org/InStock", 56 "url": "https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" 57 }, 58 "hasCourseInstance": { 59 "@type": "CourseInstance", 60 "courseMode": "Online", 61 "courseWorkload": "PT1H30M", 62 "startDate": "2026-09-17T19:00:00-03:00", 63 "endDate": "2026-09-17T20:30:00-03:00", 64 "instructor": { "@type": "Person", "name": "Eli Candido" } 65 } 66 }, 67 { 68 "@type": "Event", 69 "name": "Microsoft Copilot para Advogados: NA PRÃTICA", 70 "startDate": "2026-09-17T19:00:00-03:00", 71 "endDate": "2026-09-17T20:30:00-03:00", 72 "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode", 73 "eventStatus": "https://schema.org/EventScheduled", 74 "image": "https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg", 75 "location": { "@type": "VirtualLocation", "url": "https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados" }, 76 "url": "https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados", 77 "description": "Workshop ao vivo de 1h30 sobre Microsoft Copilot para advogados: como usar a IA dentro do Word, Outlook, Excel e PowerPoint na rotina jurÃdica.", 78 "offers": { 79 "@type": "Offer", 80 "price": "127", 81 "priceCurrency": "BRL", 82 "availability": "https://schema.org/InStock", 83 "url": "https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" 84 }, 85 "performer": { "@type": "Person", "name": "Eli Candido" }, 86 "organizer": { "@type": "Organization", "name": "Trybe", "url": "https://betrybe.com" } 87 }, 88 { 89 "@type": "Organization", 90 "name": "Trybe", 91 "url": "https://betrybe.com", 92 "legalName": "Trybe Desenvolvimento de Software LTDA", 93 "taxID": "34.389.271/0001-00" 94 }, 95 { 96 "@type": "Person", 97 "name": "Eli Candido", 98 "jobTitle": "Especialista em IA para o Direito e Coordenador Pedagógico na Trybe", 99 "worksFor": { "@type": "Organization", "name": "Trybe" } 100 }, 101 { 102 "@type": "BreadcrumbList", 103 "itemListElement": [ 104 { "@type": "ListItem", "position": 1, "name": "Trybe", "item": "https://betrybe.com" }, 105 { "@type": "ListItem", "position": 2, "name": "Workshops", "item": "https://betrybe.com/workshops" }, 106 { "@type": "ListItem", "position": 3, "name": "Microsoft Copilot para Advogados" } 107 ] 108 }, 109 { 110 "@type": "FAQPage", 111 "mainEntity": [ 112 { "@type": "Question", "name": "Preciso ter licença do Copilot pra participar?", "acceptedAnswer": { "@type": "Answer", "text": "Não. As demonstrações são feitas ao vivo na tela e você entende cada aplicação sem ter o Copilot contratado. Quem já tem acesso pode reproduzir junto. Os recursos variam conforme a licença e a configuração do Microsoft 365, e essas diferenças são sinalizadas durante o workshop." } }, 113 { "@type": "Question", "name": "Já uso ChatGPT ou Claude. O que muda?", "acceptedAnswer": { "@type": "Answer", "text": "Muda o lugar da IA. Em vez de copiar e colar entre janelas, você trabalha dentro do Word, do Outlook, do Excel e do PowerPoint, com o contexto do seu ambiente. O workshop mostra o que isso ganha na prática e o que continua exigindo revisão sua." } }, 114 { "@type": "Question", "name": "Preciso subir documentos sigilosos de cliente?", "acceptedA
114nswer": { "@type": "Answer", "text": "Não. As demonstrações usam exemplos próximos da rotina jurÃdica, não documentos reais de cliente. Governança e validação profissional são tratadas como parte do uso responsável." } }, 115 { "@type": "Question", "name": "Meu escritório usa Google Workspace. Vale pra mim?", "acceptedAnswer": { "@type": "Answer", "text": "Se você não usa e não pretende usar Word, Excel, PowerPoint ou Outlook, este workshop não é pra você. Ele é todo construÃdo dentro do ecossistema Microsoft." } }, 116 { "@type": "Question", "name": "E se eu não puder assistir ao vivo?", "acceptedAnswer": { "@type": "Answer", "text": "Compre normalmente. A gravação completa fica disponÃvel por 30 dias após o evento e você assiste no seu tempo." } }, 117 { "@type": "Question", "name": "Minha empresa ou escritório pode pagar?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Emitimos nota fiscal. Para grupos de 3 ou mais pessoas, entre em contato pelo WhatsApp para condições especiais." } }, 118 { "@type": "Question", "name": "Qual a diferença entre o avulso e o Vanguarda IA?", "acceptedAnswer": { "@type": "Answer", "text": "O avulso dá acesso só a este workshop e à gravação por 30 dias. O Vanguarda IA (R$97/mês) inclui todos os workshops (2 por mês), a biblioteca de gravações, o curso IA na Prática para Advogados com 30h, o Vade Mecum dos Prompts e a comunidade WhatsApp." } } 119 ] 120 } 121 ] 122 } 123 </script>
123 124 125 <style> 126 /* ===== FONTES (self-hosted, sem Google Fonts) ===== */ 127 @font-face { font-family: Roobert; src: url("fonts/Roobert-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } 128 @font-face { font-family: Roobert; src: url("fonts/Roobert-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } 129 @font-face { font-family: Roobert; src: url("fonts/Roobert-Heavy.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } 130 /* Inter em subset latin (origem: admissions-client, o proprio betrybe.com). 131 4 pesos = ~67 KB contra os 325 KB da variavel completa. */ 132 @font-face { font-family: Inter; src: url("fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } 133 @font-face { font-family: Inter; src: url("fonts/inter-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } 134 @font-face { font-family: Inter; src: url("fonts/inter-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } 135 @font-face { font-family: Inter; src: url("fonts/inter-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } 136 137 /* ===== TOKENS ===== */ 138 :root { 139 --green-vivid: #1DB702; 140 --green-hover: #18A000; 141 --green-dark: #034422; 142 --green-mid: #A0F046; 143 --green-light: #E1F2D5; 144 --off-white: #FAFAFA; 145 --text-body: #1a1a1a; 146 --text-muted: #3d5247; 147 --text-soft: #6b7f73; 148 --text-faint: #8a9a90; 149 --grey-label: #999; 150 --line-dark: rgba(3, 68, 34, 0.08); 151 --line-card: rgba(3, 68, 34, 0.1); 152 --on-dark: rgba(255, 255, 255, 0.85); 153 --on-dark-soft: rgba(255, 255, 255, 0.7); 154 --on-dark-line: rgba(255, 255, 255, 0.15); 155 --font-display: "Roobert", "Inter", sans-serif; 156 --font-body: "Inter", sans-serif; 157 --shell: 1160px; 158 --duration-fast: 140ms; 159 --duration-base: 220ms; 160 --duration-moderate: 320ms; 161 --duration-slow: 480ms; 162 --ease-standard: cubic-bezier(0.2, 0, 0.2, 1); 163 --ease-spring-snappy: cubic-bezier(0.22, 1, 0.36, 1); 164 --stagger-step: 40ms; 165 } 166 167 /* ===== BASE ===== */ 168 * { box-sizing: border-box; } 169 body { margin: 0; background: var(--off-white); color: var(--text-body); font-family: var(--font-body); font-size: 16px; line-height: 1.6; } 170 a { color: inherit; text-decoration: none; } 171 img { max-width: 100%; } 172 h1, h2, h3 { font-family: var(--font-display); color: var(--green-dark); margin: 0; text-wrap: pretty; } 173 h1 { font-size: clamp(2.2rem, 4.2vw, 3.4rem); font-weight: 800; line-height: 1.06; } 174 h2 { font-size: clamp(1.9rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.12; } 175 p { margin: 0; } 176 ul { margin: 0; padding: 0; list-style: none; } 177 :focus-visible { outline: 3px solid var(--green-mid); outline-offset: 2px; } 178 .shell { max-width: var(--shell); margin: 0 auto; padding: 0 24px; } 179 :target, #agenda, #oferta, #conteudo { scroll-margin-top: 88px; } 180 .skip-link { position: absolute; left: -9999px; top: 0; z-index: 2000; background: var(--green-dark); color: #fff; padding: 12px 20px; border-radius: 0 0 12px; font-family: var(--font-display); font-weight: 600; } 181 .skip-link:focus { left: 0; } 182 183 /* ===== ESTADO PRà / PÃS-EVENTO ===== 184 O atributo data-lp-state no <html> é definido pelo script inline logo 185 depois do <body> (antes da primeira pintura, sem flash) comparando a 186 data de agora com o fim do evento. Sem JS, fica "ao-vivo", que é o 187 estado correto até 17/09/2026. */ 188 [data-lp-state="ao-vivo"] [data-when="gravacao"] { display: none !important; } 189 [data-lp-state="gravacao"] [data-when="ao-vivo"] { display: none !important; } 190 [data-lp-state="gravacao"] .pricing-card-avulso { display: none !important; } 191 192 /* ===== NAV ===== */ 193 .nav-wrap { position: sticky; top: 0; z-index: 1000; background: rgba(250, 250, 250, 0.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line-dark); } 194 .nav { max-width: var(--shell); margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; } 195 .nav-logo { height: 28px; display: block; flex-shrink: 0; width: auto; } 196 .nav-right { display: flex; align-items: center; gap: 16px; } 197 .nav-badge { font-family: var(--font-display); font-weight: 600; font-size: 0.82rem; color: var(--green-dark); display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; } 198 .ping { position: relative; display: inline-flex; width: 8px; height: 8px; flex-shrink: 0; } 199 .ping-halo { position: absolute; inset: 0; border-radius: 50%; background: var(--green-vivid); animation: trybe-ping 1.6s cubic-bezier(0, 0, 0.2, 1) infinite; } 200 .ping-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--green-vivid); display: block; } 201 .dot-rec { width: 8px; height: 8px; border-radius: 50%; background: var(--green-mid); display: inline-block; outline: 3px solid var(--green-light); } 202 .nav-cta { white-space: nowrap; flex-shrink: 0; display: inline-block; font-family: var(--font-display); font-weight: 800; font-size: 0.86rem; padding: 10px 22px; border-radius: 100px; background: var(--green-vivid); color: #fff; transition: background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard); } 203 .nav-cta:hover { background: var(--green-hover); } 204 .nav-cta:active { transform: scale(0.97); } 205 206 /* ===== BOTÃES ===== */ 207 .btn { display: inline-block; font-family: var(--font-display); font-weight: 800; border-radius: 100px; transition: background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); } 208 .btn:active { transform: scale(0.97); } 209 .btn-primary { background: var(--green-vivid); color: #fff; } 210 .btn-primary:hover { background: var(--green-hover); } 211 .btn-membership { background: var(--green-mid); color: var(--green-dark); } 212 .btn-membership:hover { background: #b4f56a; } 213 .btn-lg { font-size: 1.02rem; padding: 17px 34px; } 214 .btn-block { display: block; box-sizing: border-box; font-size: 0.98rem; padding: 16px; text-align: center; } 215 .btn-outline { font-weight: 600; font-size: 0.95rem; padding: 16px 28px; background: transparent; color: var(--green-dark); border: 1.5px solid rgba(3, 68, 34, 0.25); } 216 .btn-outline:hover { border-color: var(--green-dark); background: rgba(3, 68, 34, 0.04); } 217 218 /* ===== HERO ===== */ 219 .hero { max-width: var(--shell); margin: 0 auto; padding: 36px 24px 72px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 48px; align-items: center; } 220 .breadcrumb { display: flex; gap: 8px; flex-wrap: wrap; font-size: 0.8rem; color: var(--text-faint); margin-bottom: 28px; } 221 .breadcrumb a:hover { color: var(--green-dark); } 222 .breadcrumb .current { color: var(--green-dark); font-weight: 600; } 223 .badges { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; } 224 .badge { display: inline-flex; align-items: center; background: var(--green-light); border-radius: 100px; padding: 7px 16px; font-family: var(--font-display); font-size: 0.78rem; font-weight: 600; color: var(--green-dark); } 225 .hero h1 { margin-bottom: 20px; } 226 .hero h1 em { font-style: normal;
226 color: var(--green-vivid); } 227 .hero-sub { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 32px; max-width: 500px; } 228 .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-bottom: 36px; } 229 .hero-author { display: flex; align-items: center; gap: 14px; } 230 .avatar-sm, .avatar-lg, .quote-person img { border-radius: 50%; object-fit: cover; aspect-ratio: 1; flex: 0 0 auto; } 231 .avatar-sm { width: 48px; height: 48px; } 232 .avatar-lg { width: 76px; height: 76px; } 233 .hero-author p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.45; } 234 .hero-author strong { font-family: var(--font-display); color: var(--green-dark); } 235 236 /* ===== OFFER BOX ===== */ 237 .offer-box { background-color: var(--green-dark); background-image: url("assets/sparkle-lima.svg"); background-repeat: no-repeat; background-size: 150px; background-position: right -34px top 20px; border-radius: 32px; padding: 36px 32px; color: #fff; max-width: 440px; justify-self: end; width: 100%; overflow: hidden; } 238 [data-lp-state="gravacao"] .offer-box { background-position: right -50px top -30px; } 239 .offer-eyebrow { font-family: var(--font-display); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-mid); margin-bottom: 18px; } 240 .offer-dates { display: flex; gap: 24px; margin-bottom: 24px; } 241 .offer-dates strong { font-family: var(--font-display); font-weight: 800; font-size: 1.7rem; display: block; line-height: 1.1; } 242 .offer-dates span { font-size: 0.78rem; color: var(--on-dark-soft); } 243 .offer-play { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; } 244 .offer-play-icon { width: 52px; height: 52px; border-radius: 50%; background: var(--green-mid); color: var(--green-dark); display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; } 245 .offer-play p { font-size: 0.92rem; color: var(--on-dark); line-height: 1.5; } 246 .offer-price-row { border-top: 1px solid var(--on-dark-line); padding-top: 22px; margin-bottom: 22px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } 247 .offer-price { font-family: var(--font-display); font-weight: 800; font-size: 2.6rem; color: var(--green-mid); line-height: 1; } 248 .offer-price-note { font-size: 0.84rem; color: var(--on-dark-soft); } 249 .offer-cta { margin-bottom: 16px; } 250 .offer-checks { display: flex; flex-direction: column; gap: 8px; } 251 .offer-checks li { display: flex; gap: 8px; font-size: 0.82rem; color: var(--on-dark); line-height: 1.5; } 252 .check-lima { color: var(--green-mid); font-weight: 800; } 253 .offer-countdown { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--on-dark-line); font-size: 0.8rem; color: var(--on-dark-soft); text-align: center; font-variant-numeric: tabular-nums; } 254 .offer-countdown strong { color: var(--green-mid); } 255 256 /* ===== PROVA INSTITUCIONAL ===== */ 257 .proof { background: #fff; border-top: 1px solid rgba(3, 68, 34, 0.06); border-bottom: 1px solid rgba(3, 68, 34, 0.06); padding: 36px 0; } 258 .proof-label { font-family: var(--font-display); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--grey-label); margin-bottom: 30px; text-align: center; } 259 .logo-wall { display: flex; flex-direction: column; align-items: center; gap: 24px; } 260 /* Grid fixo em vez de flex-wrap: com wrap livre, as 16 seccionais quebravam em 261 linhas irregulares no mobile (4 + 1 + 3 + 4). 8 colunas no desktop, 4 no mobile, 262 sempre em linhas cheias. */ 263 .logo-grid { display: grid; grid-template-columns: repeat(8, 1fr); place-items: center; gap: 22px 30px; width: 100%; } 264 .logo-partners { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 40px; } 265 .logo-wall img { width: auto; opacity: 0.78; max-width: 100%; } 266 .logo-oab { height: 30px; } 267 .logo-rj { height: 18px; } 268 .logo-jus { height: 19px; } 269 .logo-its { height: 34px; } 270 .stats { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 36px; } 271 .stat { background: var(--green-dark); border-radius: 20px; padding: 22px 36px; text-align: center; min-width: 220px; transition: transform var(--duration-base) var(--ease-spring-snappy), box-shadow var(--duration-base) var(--ease-standard); } 272 .stat:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 16px 32px rgba(3, 68, 34, 0.22); } 273 .stat svg { width: 24px; height: 24px; color: var(--green-mid); display: block; margin: 0 auto 8px; } 274 .stat strong { font-family: var(--font-display); font-weight: 800; font-size: 1.5rem; color: var(--green-mid); display: block; line-height: 1.15; } 275 .stat span { font-size: 0.82rem; color: var(--on-dark); } 276 277 /* ===== SEÃÃES ===== */ 278 .section { max-width: var(--shell); margin: 0 auto; padding: 88px 24px 0; } 279 .section-lead { font-size: 1rem; color: var(--text-soft); margin-top: 12px; max-width: 520px; } 280 .cards-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 20px; margin-top: 44px; } 281 .tool-card { background: var(--green-light); border-radius: 28px; padding: 36px 30px; transition: transform var(--duration-base) var(--ease-spring-snappy), box-shadow var(--duration-base) var(--ease-standard); } 282 .tool-card:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 16px 32px rgba(3, 68, 34, 0.14); } 283 .tool-tag { font-family: var(--font-display); font-weight: 800; font-size: 0.85rem; color: var(--green-vivid); display: inline-block; background: #fff; border-radius: 100px; padding: 6px 14px; margin-bottom: 20px; white-space: nowrap; } 284 .tool-card h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 10px; line-height: 1.25; } 285 .tool-card p { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; } 286 287 /* ===== AGENDA ===== */ 288 .agenda { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 56px; align-items: start; } 289 .instructor-card { background: #fff; border: 1px solid var(--line-card); border-radius: 24px; padding: 28px; display: flex; gap: 18px; align-items: center; max-width: 420px; margin-top: 28px; } 290 .instructor-name { font-family: var(--font-display); font-weight: 600; font-size: 1rem; color: var(--green-dark); } 291 .instructor-role { font-size: 0.82rem; color: var(--text-soft); margin: 2px 0 6px; } 292 .instructor-cred { font-size: 0.8rem; color: var(--text-muted); line-height: 1.5; } 293 .timeline { display: flex; flex-direction: column; } 294 .step { display: flex; gap: 20px; } 295 .step-rail { display: flex; flex-direction: column; align-items: center; } 296 .step-num { width: 36px; height: 36px; border-radius: 50%; background: var(--green-dark); color: var(--green-mid); font-family: var(--font-display); font-weight: 800; font-size: 0.85rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } 297 .step-line { width: 2px; flex: 1; background: var(--green-light); margin: 4px 0; } 298 .step-body { padding-bottom: 28px; } 299 .step-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; } 300 .step-head p { font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; color: var(--green-dark); } 301 .step-time { font-size: 0.72rem; font-weight: 600; color: var(--green-dark); background: var(--green-light); padding: 2px 10px; border-radius: 100px; } 302 .step-desc { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; } 303 304 /* ===== PARA QUEM ===== */ 305 .fit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px; margin-top: 44px; } 306 .fit-card { border-radius: 28px; padding: 36px 32px; } 307 .fit-yes { background: var(--green-dark); } 308 .fit-yes h3 { color: var(--green-mid); font-weight: 800; font-size: 1.15rem; margin-bottom: 20px; } 309 .fit-yes li { color: var(--on-dark); } 310 .fit-no { background: #fff; border: 1px solid var(--line-card); } 311 .fit-no h3 { font-weight: 800; font-size: 1.15rem; margin-bottom: 20px; } 312 .fit-no li { color: var(--text-muted); } 313 .fit-card li { display: flex; gap: 12px; font-size: 0.95rem; line-height: 1.55; margin-bottom: 14px; } 314 .fit-card li:last-child { margin-bottom: 0; } 315 .mark-no { color: var(--grey-label); font-weight: 800; flex-shrink: 0; } 316 .callout { display: flex; gap: 14px; align-items: flex-start; background: var(--green-light); border-radius: 20px;
316 padding: 22px 26px; margin-top: 20px; } 317 .callout svg { width: 22px; height: 22px; color: var(--green-dark); flex-shrink: 0; margin-top: 2px; } 318 .callout p { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; } 319 .callout strong { color: var(--green-dark); } 320 321 /* ===== DEPOIMENTOS ===== */ 322 .quote-card { background: #fff; border: 1px solid var(--line-card); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 16px; } 323 .stars { color: var(--green-vivid); font-size: 0.9rem; letter-spacing: 2px; } 324 .quote-text { font-size: 0.95rem; color: var(--text-muted); line-height: 1.6; flex: 1; } 325 .quote-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } 326 .quote-person { display: flex; align-items: center; gap: 12px; } 327 .quote-person img { width: 44px; height: 44px; } 328 .quote-name { font-family: var(--font-display); font-weight: 600; font-size: 0.9rem; color: var(--green-dark); } 329 .quote-role { font-size: 0.76rem; color: var(--text-soft); } 330 .quote-link { font-size: 0.78rem; font-weight: 600; color: var(--green-vivid); white-space: nowrap; } 331 .quote-link:hover { color: var(--green-hover); text-decoration: underline; } 332 333 /* ===== OFERTA ===== */ 334 .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px; margin-top: 44px; align-items: start; } 335 .pricing-card { border-radius: 28px; padding: 36px 32px; } 336 .pricing-card-avulso { background: #fff; border: 1px solid var(--line-card); } 337 .pricing-card-vanguarda { background-color: var(--green-dark); background-image: url("assets/texture-card-vanguarda.jpg"); background-repeat: no-repeat; background-size: 420px; background-position: right -110px bottom -110px; color: #fff; overflow: hidden; } 338 .pricing-label { font-family: var(--font-display); font-weight: 600; font-size: 0.82rem; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 16px; } 339 .pricing-card-avulso .pricing-label { color: var(--text-soft); } 340 .pricing-card-vanguarda .pricing-label { color: var(--green-mid); } 341 .pricing-value { display: flex; align-items: baseline; gap: 4px; } 342 .pricing-value strong { font-family: var(--font-display); font-weight: 800; font-size: 2.8rem; line-height: 1; } 343 .pricing-card-avulso .pricing-value strong { color: var(--green-dark); } 344 .pricing-card-vanguarda .pricing-value strong { color: var(--green-mid); } 345 .pricing-per { font-family: var(--font-display); font-weight: 600; font-size: 1rem; } 346 .pricing-desc { font-size: 0.88rem; margin: 10px 0 22px; line-height: 1.5; } 347 .pricing-card-avulso .pricing-desc { color: var(--text-soft); } 348 .pricing-card-vanguarda .pricing-desc { color: var(--on-dark); } 349 .pricing-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 26px; } 350 .pricing-list li { display: flex; gap: 10px; font-size: 0.9rem; line-height: 1.5; } 351 .pricing-card-avulso .pricing-list li { color: var(--text-muted); } 352 .pricing-card-vanguarda .pricing-list li { color: var(--on-dark); } 353 .check-green { color: var(--green-vivid); font-weight: 800; flex-shrink: 0; } 354 .pricing-note { font-size: 0.78rem; text-align: center; margin-top: 14px; } 355 .pricing-card-avulso .pricing-note { color: var(--text-soft); } 356 .pricing-card-vanguarda .pricing-note { color: var(--on-dark-soft); } 357 .pricing-after { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; margin-top: 24px; max-width: 620px; } 358 .pricing-after a { color: var(--green-vivid); font-weight: 600; } 359 .pricing-after a:hover { text-decoration: underline; } 360 361 /* ===== FAQ ===== */ 362 .faq { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 48px; align-items: start; } 363 .faq-intro p { font-size: 1rem; color: var(--text-soft); margin-top: 14px; } 364 .faq-intro a { color: var(--green-vivid); font-weight: 600; } 365 .faq-intro a:hover { text-decoration: underline; } 366 .acc { border-bottom: 1px solid var(--line-card); } 367 .acc summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; font-family: var(--font-display); font-weight: 600; font-size: 1rem; color: var(--green-dark); } 368 .acc summary::after { content: "+"; font-size: 1.4rem; color: var(--green-vivid); font-weight: 400; flex-shrink: 0; transition: transform var(--duration-fast) var(--ease-spring-snappy); } 369 .acc[open] summary::after { transform: rotate(45deg); } 370 .acc-body { font-size: 0.94rem; color: var(--text-muted); line-height: 1.65; padding-bottom: 22px; } 371 .acc[open] .acc-body { animation: trybe-fade-in var(--duration-base) var(--ease-standard) both; } 372 373 /* ===== CTA FINAL ===== */ 374 .final-wrap { max-width: var(--shell); margin: 0 auto; padding: 88px 24px 96px; } 375 .final { background-color: var(--green-dark); background-image: linear-gradient(rgba(3, 68, 34, 0.82), rgba(3, 68, 34, 0.82)), url("assets/texture-cta-final.jpg"); background-size: cover; background-position: center;
375 border-radius: 36px; padding: 72px 40px; text-align: center; } 376 .final h2 { color: #fff; } 377 .final-sub { font-size: 1.05rem; color: var(--on-dark); margin: 16px 0 32px; } 378 .final-note { font-size: 0.84rem; color: var(--on-dark-soft); margin-top: 18px; } 379 .final-upsell { font-size: 0.92rem; color: var(--on-dark); margin-top: 26px; } 380 .final-upsell a { color: var(--green-mid); font-weight: 600; } 381 .final-upsell a:hover { text-decoration: underline; } 382 383 /* ===== WHATSAPP ===== */ 384 .wa { position: fixed; right: 20px; bottom: 20px; z-index: 900; width: 56px; height: 56px; border-radius: 50%; background: var(--green-vivid); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(3, 68, 34, 0.28); transition: transform var(--duration-fast) var(--ease-standard); } 385 .wa:hover { transform: scale(1.06); } 386 .wa svg { width: 28px; height: 28px; } 387 388 /* ===== FOOTER ===== */ 389 .footer { background: #fff; border-top: 1px solid var(--line-dark); padding: 48px 0; } 390 .footer-inner { display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; } 391 .footer-links { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; font-size: 0.88rem; color: var(--text-muted); } 392 .footer-links a:hover { color: var(--green-dark); text-decoration: underline; } 393 .footer-legal { font-size: 0.76rem; color: var(--text-soft); line-height: 1.6; } 394 395 /* ===== ANIMAÃÃES ===== */ 396 @keyframes trybe-fade-in { from { opacity: 0; } to { opacity: 1; } } 397 @keyframes trybe-slide-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } 398 @keyframes trybe-scale-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: none; } } 399 @keyframes trybe-ping { 75%, 100% { transform: scale(2.2); opacity: 0; } } 400 [data-reveal] { opacity: 0; } 401 .reveal-in { animation: trybe-slide-up var(--duration-moderate) var(--ease-spring-snappy) both; } 402 .reveal-in-scale { animation: trybe-scale-in var(--duration-moderate) var(--ease-spring-snappy) both; } 403 /* Entrada do hero: roda no load, sem observer, escalonada por --enter-delay. */ 404 .enter { animation: trybe-slide-up var(--duration-slow) var(--ease-spring-snappy) both; animation-delay: var(--enter-delay, 0ms); } 405 .enter-fade { animation: trybe-fade-in var(--duration-slow) var(--ease-standard) both; animation-delay: var(--enter-delay, 0ms); } 406 .d60 { --enter-delay: 60ms; } 407 .d120 { --enter-delay: 120ms; } 408 .d140 { --enter-delay: 140ms; } 409 .d180 { --enter-delay: 180ms; } 410 .d260 { --enter-delay: 260ms; } 411 412 @media (prefers-reduced-motion: no-preference) { 413 html { scroll-behavior: smooth; } 414 } 415 @media (prefers-reduced-motion: reduce) { 416 *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } 417 [data-reveal] { opacity: 1; } 418 .ping-halo { animation: none; } 419 .stat:hover, .tool-card:hover, .wa:hover { transform: none; } 420 } 421 422 /* ===== RESPONSIVO ===== */ 423 @media (max-width: 860px) { 424 .logo-grid { grid-template-columns: repeat(4, 1fr); gap: 20px 18px; } 425 } 426 @media (max-width: 900px) { 427 .offer-box { justify-self: stretch; max-width: none; } 428 .section { padding-top: 64px; } 429 .final { padding: 56px 24px; border-radius: 28px; } 430 } 431 @media (max-width: 480px) { 432 .nav-badge { display: none; } 433 .hero { padding-bottom: 48px; } 434 .offer-box { padding: 28px 24px; } 435 .tool-card, .fit-card, .pricing-card { padding: 28px 24px; } 436 } 437 @media (max-width: 380px) { 438 .nav-cta { font-size: 0.76rem; padding: 9px 14px; } 439 .btn-lg { font-size: 0.92rem; padding: 16px 26px; } 440 } 441 </style> 442</head> 443<body> 444 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 444-445
444 445 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
445GTM-WF3GZC6
vendor: 87 bytes, lines 445-447
445" 446 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 447
447<!-- End Google Tag Manager (noscript) --> 448 449 <!-- Estado pré/pós-evento resolvido antes da primeira pintura, sem flash. 450 Duplicado no script do fim do body só para os atributos href/classe. --> 451
451<script> 452 (function () { 453 var END = Date.UTC(2026, 8, 17, 23, 30, 0); 454 if (Date.now() >= END) { document.documentElement.setAttribute('data-lp-state', 'gravacao'); } 455 })(); 456 </script>
456 457 458 <a class="skip-link" href="#conteudo">Pular para o conteúdo</a> 459 460 <div class="nav-wrap"> 461 <nav class="nav" aria-label="Principal"> 462 <a href="https://betrybe.com" aria-label="Página inicial da Trybe"> 463 <img class="nav-logo" src="assets/trybe-logo-verde.svg" width="106" height="28" alt="Trybe"> 464 </a> 465 <div class="nav-right"> 466 <span class="nav-badge" data-when="ao-vivo"> 467 <span class="ping"><span class="ping-halo"></span><span class="ping-dot"></span></span> 468 <span>Encerra em <span data-countdown>17/09, 19h</span></span> 469 </span> 470 <span class="nav-badge" data-when="gravacao"> 471 <span class="dot-rec"></span>Gravação disponÃvel 472 </span> 473 <a class="nav-cta" href="#oferta" data-cta-location="header" data-conversion-path="standalone"> 474 <span data-when="ao-vivo">Reservar minha vaga</span> 475 <span data-when="gravacao">Assinar Vanguarda IA</span> 476 </a> 477 </div> 478 </nav> 479 </div> 480 481 <main id="conteudo"> 482 <header class="hero"> 483 <div> 484 <nav class="breadcrumb enter-fade" aria-label="Breadcrumb"> 485 <a href="https://betrybe.com">Trybe</a><span aria-hidden="true">/</span> 486 <a href="https://betrybe.com/workshops">Workshops</a><span aria-hidden="true">/</span> 487 <span class="current" aria-current="page">Microsoft Copilot para Advogados</span> 488 </nav> 489 490 <div class="badges enter" data-when="ao-vivo"> 491 <span class="badge">Workshop ao vivo</span> 492 <span class="badge">Gravação por 30 dias</span> 493 <span class="badge">Certificado incluso</span> 494 </div> 495 <div class="badges enter" data-when="gravacao"> 496 <span class="badge">Workshop gravado</span> 497 <span class="badge">Biblioteca de workshops</span> 498 <span class="badge">Certificado incluso</span> 499 </div> 500 501 <h1 class="enter d60"><em>Microsoft Copilot para advogados:</em> use IA na mesma aba</h1> 502 503 <p class="hero-sub enter d120" data-when="ao-vivo">Em 1h30 ao vivo, você aprende como o Copilot trabalha dentro do Word, Outlook, Excel e PowerPoint, com situações reais da sua rotina jurÃdica.</p> 504 <p class="hero-sub enter d120" data-when="gravacao">A aula completa está gravada. Assista no seu ritmo e veja o Copilot trabalhando dentro do Word, do Outlook, do Excel e do PowerPoint, com situações reais da rotina jurÃdica.</p> 505 506 <div class="hero-actions enter d180"> 507 <a class="hero-cta btn btn-primary btn-lg" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener" 508 data-morph data-cta-location="hero" data-conversion-path="standalone" 509 data-href-gravacao="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia"> 510 <span data-when="ao-vivo">Garantir minha vaga por R$127</span> 511 <span data-when="gravacao">Assinar o Vanguarda IA · R$97/mês</span> 512 </a> 513 <a class="btn btn-outline" href="#agenda"> 514 <span data-when="ao-vivo">Ver a agenda</span> 515 <span data-when="gravacao">Ver o conteúdo</span> 516 </a> 517 </div> 518 519 <div class="hero-author enter d260"> 520 <img class="avatar-sm" src="assets/instructor-eli.jpg" width="48" height="48" alt="Foto de Eli Candido"> 521 <p><strong>Com Eli Candido</strong><br>Especialista em IA para o Direito e Coordenador Pedagógico na Trybe</p> 522 </div> 523 </div> 524 525 <div class="offer-box enter d140"> 526 <div data-when="ao-vivo"> 527 <p class="offer-eyebrow">Próxima turma ao vivo</p> 528 <div class="offer-dates"> 529 <div><strong>17 set</strong><span>quinta-feira</span></div> 530 <div><strong>19h</strong><span>BrasÃlia</span></div> 531 <div><strong>1h30</strong><span>ao vivo</span></div> 532 </div> 533 </div> 534 <div data-when="gravacao"> 535 <p class="offer-eyebrow">Workshop gravado · 17 set 2026</p> 536 <div class="offer-play">
537 <span class="offer-play-icon" aria-hidden="true">â¶</span> 538 <p>Aula completa de 1h30, ferramenta por ferramenta, com casos da rotina jurÃdica.</p> 539 </div> 540 </div> 541 542 <div class="offer-price-row"> 543 <span class="offer-price" data-when="ao-vivo">R$127</span> 544 <span class="offer-price-note" data-when="ao-vivo">pagamento único</span> 545 <span class="offer-price" data-when="gravacao">R$97</span> 546 <span class="offer-price-note" data-when="gravacao">/mês no Vanguarda IA</span> 547 </div> 548 549 <a class="offer-cta btn btn-primary btn-block" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener" 550 data-morph data-cta-location="offer-box" data-conversion-path="standalone" 551 data-href-gravacao="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia"> 552 <span data-when="ao-vivo">Comprar este workshop</span> 553 <span data-when="gravacao">Assinar o Vanguarda IA</span> 554 </a> 555 556 <ul class="offer-checks" data-when="ao-vivo"> 557 <li><span class="check-lima" aria-hidden="true">â</span>Gravação por 30 dias se você perder o ao vivo</li> 558 <li><span class="check-lima" aria-hidden="true">â</span>Certificado ao concluir as lições</li> 559 <li><span class="check-lima" aria-hidden="true">â</span>Reembolso até 24h antes, sem burocracia</li> 560 </ul> 561 <ul class="offer-checks" data-when="gravacao"> 562 <li><span class="check-lima" aria-hidden="true">â</span>Esta gravação e todas as anteriores</li> 563 <li><span class="check-lima" aria-hidden="true">â</span>2 workshops novos ao vivo por mês</li> 564 <li><span class="check-lima" aria-hidden="true">â</span>Curso 30h + Vade Mecum dos Prompts</li> 565 </ul> 566 567 <p class="offer-countdown" data-when="ao-vivo">Inscrições encerram em <strong data-countdown>17 de setembro de 2026, 19h</strong></p> 568 </div> 569 </header> 570 571 <section class="proof"> 572 <div class="shell" data-reveal="up" data-reveal-i="0"> 573 <p class="proof-label">Parceira oficial de 16 seccionais da OAB</p> 574 <div class="logo-wall"> 575 <div class="logo-grid"> 576 <img class="logo-oab" src="assets/parceiros/oab-ac.svg" width="57" height="30" loading="lazy" alt="OAB Acre"> 577 <img class="logo-oab" src="assets/parceiros/oab-al.svg" width="57" height="30" loading="lazy" alt="OAB Alagoas"> 578 <img class="logo-oab" src="assets/parceiros/oab-ba.svg" width="57" height="30" loading="lazy" alt="OAB Bahia"> 579 <img class="logo-oab" src="assets/parceiros/oab-ce.svg" width="57" height="30" loading="lazy" alt="OAB Ceará"> 580 <img class="logo-oab" src="assets/parceiros/oab-es.svg" width="57" height="30" loading="lazy" alt="OAB EspÃrito Santo"> 581 <img class="logo-oab" src="assets/parceiros/oab-go.svg" width="57" height="30" loading="lazy" alt="OAB Goiás"> 582 <img class="logo-oab" src="assets/parceiros/oab-mg.svg" width="57" height="30" loading="lazy" alt="OAB Minas Gerais"> 583 <img class="logo-oab" src="assets/parceiros/oab-ms.svg" width="56" height="30" loading="lazy" alt="OAB Mato Grosso do Sul"> 584 <img class="logo-oab" src="assets/parceiros/oab-pa.svg" width="55" height="30" loading="lazy" alt="OAB Pará"> 585 <img class="logo-oab" src="assets/parceiros/oab-pr.svg" width="54" height="30" loading="lazy" alt="OAB Paraná"> 586 <img class="logo-rj" src="assets/parceiros/oab-rj.svg" width="88" height="18" loading="lazy" alt="OAB Rio de Janeiro"> 587 <img class="logo-oab" src="assets/parceiros/oab-ro.svg" width="57" height="30" loading="lazy" alt="OAB Rondônia"> 588 <img class="logo-oab" src="assets/parceiros/oab-rr.svg" width="57" height="30" loading="lazy" alt="OAB Roraima"> 589 <img class="logo-oab" src="assets/parceiros/oab-sc.svg" width="57" height="30" loading="lazy" alt="OAB Santa Catarina"> 590 <img class="logo-oab" src="assets/parceiros/oab-se.svg" width="57" height="30" loading="lazy" alt="OAB Sergipe"> 591 <img class="logo-oab" src="assets/parceiros/oab-sp.svg" width="55" height="30" loading="lazy" alt="OAB São Paulo"> 592 </div> 593 <div class="logo-partners"> 594 <img class="logo-jus" src="assets/parceiros/jusbrasil.svg" width="115" height="19" loading="lazy" alt="Jusbrasil"> 595 <img class="logo-its" src="assets/parceiros/its-rio.svg" width="34" height="34" loading="lazy" alt="ITS Rio"> 596 </div> 597 </div> 598 <div class="stats"> 599 <div class="stat" data-reveal="up" data-reveal-i="1"> 600 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path><path d="M8 21v-1a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v1"></path><path d="M15 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path><path d="M17 10h2a2 2 0 0 1 2 2v1"></path><path d="M5 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path><path d="M3 13v-1a2 2 0 0 1 2 -2h2"></path></svg> 601 <strong>100 mil+</strong>
602 <span>advogados treinados</span> 603 </div> 604 <div class="stat" data-reveal="up" data-reveal-i="2"> 605 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a2.7 2.7 0 0 0 -1.9 .8l-.8 .8a2.7 2.7 0 0 1 -1.9 .8h-1.1a2.7 2.7 0 0 0 -2.7 2.7v1.1a2.7 2.7 0 0 1 -.8 1.9l-.8 .8a2.7 2.7 0 0 0 0 3.8l.8 .8c.5 .5 .8 1.2 .8 1.9v1.1a2.7 2.7 0 0 0 2.7 2.7h1.1c.7 0 1.4 .3 1.9 .8l.8 .8a2.7 2.7 0 0 0 3.8 0l.8 -.8a2.7 2.7 0 0 1 1.9 -.8h1.1a2.7 2.7 0 0 0 2.7 -2.7v-1.1c0 -.7 .3 -1.4 .8 -1.9l.8 -.8a2.7 2.7 0 0 0 0 -3.8l-.8 -.8a2.7 2.7 0 0 1 -.8 -1.9v-1.1a2.7 2.7 0 0 0 -2.7 -2.7h-1.1a2.7 2.7 0 0 1 -1.9 -.8l-.8 -.8a2.7 2.7 0 0 0 -1.9 -.8z"></path><path d="M9 12l2 2l4 -4"></path></svg> 606 <strong>Satisfação máxima</strong> 607 <span>notas acima da zona de excelência</span> 608 </div> 609 </div> 610 </div> 611 </section> 612 613 <section class="section"> 614 <h2>A IA dentro das ferramentas que você já abre todo dia</h2> 615 <div class="cards-3"> 616 <div class="tool-card" data-reveal="up" data-reveal-i="0"> 617 <span class="tool-tag">Word</span> 618 <h3>Redigir, resumir e revisar sem sair do documento</h3> 619 <p>Peças jurÃdicas criadas e analisadas a partir dos modelos que já existem no seu escritório.</p> 620 </div> 621 <div class="tool-card" data-reveal="up" data-reveal-i="1"> 622 <span class="tool-tag">Outlook</span> 623 <h3>Dar conta do e-mail sem ler tudo de novo</h3> 624 <p>Threads longas resumidas, pendências identificadas e respostas profissionais com apoio da IA.</p> 625 </div> 626 <div class="tool-card" data-reveal="up" data-reveal-i="2"> 627 <span class="tool-tag">Excel + PowerPoint</span> 628 <h3>Transformar planilha e documento em análise e apresentação</h3> 629 <p>Dados interpretados sem fórmula avançada e documentos virando apresentações estruturadas.</p> 630 </div> 631 </div> 632 </section> 633 634 <section class="section agenda" id="agenda"> 635 <div> 636 <h2 data-when="ao-vivo">O que você vai ver no workshop</h2> 637 <h2 data-when="gravacao">O que tem na gravação</h2> 638 <p class="section-lead">1h30 de demonstração ao vivo, ferramenta por ferramenta, com situações da rotina jurÃdica.</p> 639 <div class="instructor-card" data-reveal="up" data-reveal-i="0"> 640 <img class="avatar-lg" src="assets/instructor-eli.jpg" width="76" height="76" loading="lazy" alt="Foto de Eli Candido"> 641 <div> 642 <p class="instructor-name">Eli Candido</p> 643 <p class="instructor-role">Especialista em IA para o Direito e Coordenador Pedagógico na Trybe</p> 644 <p class="instructor-cred">Mestre em Educação pela UNESP · 20+ anos em tecnologia e educação · Oficinas de IA para o Direito com a OAB SP</p> 645 </div> 646 </div> 647 </div> 648 <div class="timeline"> 649 <div class="step" data-reveal="up" data-reveal-i="0"> 650 <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="1">1</span><span class="step-line"></span></div> 651 <div class="step-body"> 652 <div class="step-head"><p>Como o Copilot funciona no Microsoft 365</p><span class="step-time">10 min</span></div> 653 <p class="step-desc">Por que é diferente de uma IA separada: contexto, dados disponÃveis e permissões do seu ambiente.</p> 654 </div> 655 </div> 656 <div class="step" data-reveal="up" data-reveal-i="1"> 657 <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="2">2</span><span class="step-line"></span></div> 658 <div class="step-body"> 659 <div class="step-head"><p>Copilot no Word</p><span class="step-time">25 min</span></div> 660 <p class="step-desc">Criar, resumir, revisar e analisar documentos jurÃdicos, partindo de peças que já existem.</p> 661 </div> 662 </div> 663 <div class="step" data-reveal="up" data-reveal-i="2"> 664 <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="3">3</span><span class="step-line"></span></div> 665 <div class="step-body"> 666 <div class="step-head"><p>Copilot no Outlook</p><span class="step-time">20 min</span></div> 667 <p class="step-desc">Resumo de e-mails, recuperação de informação, pendências e respostas profissionais.</p> 668 </div> 669 </div> 670 <div class="step" data-reveal="up" data-reveal-i="3"> 671 <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="4">4</span><span class="step-line"></span></div> 672 <div class="step-body"> 673 <div class="step-head"><p>Copilot no Excel</p><span class="step-time">15 min</span></div> 674 <p class="step-desc">Ler planilhas, identificar padrões e organizar dados sem fórmula avançada.</p> 675 </div> 676 </div> 677 <div class="step" data-reveal="up" data-reveal-i="4"> 678 <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="5">5</span></div> 679 <div class="step-body"> 680 <div class="step-head"><p>Copilot no PowerPoint, limites e cuidados</p><span class="step-time">20 min</span></div> 681 <p class="step-desc">Documento vira apresentação estruturada. Fecha com licenças, validação profissional e perguntas.</p> 682 </div> 683 </div> 684 </div> 685 </section> 686 687 <section class="section"> 688 <h2>Este workshop é para você?</h2> 689 <div class="fit-grid"> 690 <div class="fit-card fit-yes" data-reveal="up" data-reveal-i="0"> 691 <h3>à pra você se...</h3> 692 <ul> 693 <li><span class="check-lima" aria-label="Sim">â</span>Usa Word, Excel, PowerPoint e Outlook no dia a dia e quer a IA dentro delas, não em duas janelas</li> 694 <li><span class="check-lima" aria-label="Sim">â</span>Já usa ChatGPT, Claude ou Gemini, mas separado de onde o trabalho acontece</li> 695 <li><span class="check-lima" aria-label="Sim">â</span>Está avaliando adotar o Copilot no escritório e quer ver as aplicações antes de contratar</li> 696 </ul> 697 </div> 698 <div class="fit-card fit-no" data-reveal="up" data-reveal-i="1"> 699 <h3>Não é pra você se...</h3> 700 <ul> 701 <li><span class="mark-no" aria-label="Não">â</span>Procura uma introdução geral sobre o que é IA generativa</li> 702 <li><span class="mark-no" aria-label="Não">â</span>Não usa e não pretende usar o ecossistema Microsoft</li> 703 <li><span class="mark-no" aria-label="Não">â</span>Quer treinamento técnico de administração do Microsoft 365</li> 704 </ul> 705 </div> 706 </div> 707 <div class="callout" data-reveal="up" data-reveal-i="2"> 708 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M12 9h.01"></path><path d="M11 12h1v4h1"></path></svg> 709 <p><strong>Você não precisa ter o Copilot contratado.</strong> Quem tem acesso reproduz junto, quem não tem acompanha as demonstrações normalmente. Sem documentos reais de cliente.<span data-when="ao-vivo"> E reembolso até 24h antes do evento.</span></p> 710 </div> 711 </section> 712 713 <section class="section"> 714 <h2>O que diz quem participou</h2> 715 <div class="cards-3"> 716 <div class="quote-card" data-reveal="up" data-reveal-i="0">
717 <span class="stars" aria-label="5 de 5 estrelas">â â â â â </span> 718 <p class="quote-text">âCom o workshop será possÃvel aplicar de forma prática os assistentes de IA de forma que otimizem o trabalho.â</p> 719 <div class="quote-foot"> 720 <div class="quote-person"> 721 <img src="assets/depoimento-leonardo-correia.jpg" width="44" height="44" loading="lazy" alt="Foto de Leonardo Correia Araujo"> 722 <div> 723 <p class="quote-name">Leonardo Correia Araujo</p> 724 <p class="quote-role">Advogado Imobiliário, Contratos e Sucessões</p> 725 </div> 726 </div> 727 <a class="quote-link" href="https://www.linkedin.com/posts/leonardo-correia-de-araujo-31790b9b_eu-participei-do-workshop-agentes-de-ia-na-activity-7335363286479126529-LKH5" target="_blank" rel="noopener noreferrer">Ver no LinkedIn</a> 728 </div> 729 </div> 730 <div class="quote-card" data-reveal="up" data-reveal-i="1"> 731 <span class="stars" aria-label="5 de 5 estrelas">â â â â â </span> 732 <p class="quote-text">âUm agradecimento especial à Trybe por tornar tudo isso possÃvel. Juntos, seguimos transformando o futuro do Direito!â</p> 733 <div class="quote-foot"> 734 <div class="quote-person"> 735 <img src="assets/depoimento-sidclei-santos.jpg" width="44" height="44" loading="lazy" alt="Foto de Sidclei Santos"> 736 <div> 737 <p class="quote-name">Sidclei Santos</p> 738 <p class="quote-role">Advogado Trabalhista e da FamÃlia</p> 739 </div> 740 </div> 741 <a class="quote-link" href="https://www.linkedin.com/posts/sidcleisantosadvogado_um-agradecimento-especial-%C3%A0-trybe-por-tornar-activity-7334313184687722497-631N" target="_blank" rel="noopener noreferrer">Ver no LinkedIn</a> 742 </div> 743 </div> 744 <div class="quote-card" data-reveal="up" data-reveal-i="2"> 745 <span class="stars" aria-label="5 de 5 estrelas">â â â â â </span> 746 <p class="quote-text">âAgradeço à Trybe pela oportunidade de aprofundar meus conhecimentos nesta área tão relevante para o futuro do Direito.â</p> 747 <div class="quote-foot"> 748 <div class="quote-person"> 749 <img src="assets/depoimento-victor-gabriel.jpg" width="44" height="44" loading="lazy" alt="Foto de Victor Gabriel de Arruda Leme Siqueira"> 750 <div> 751 <p class="quote-name">Victor Gabriel de A. L. Siqueira</p> 752 <p class="quote-role">Pós em Direito Digital e LGPD, PUC-RS</p> 753 </div> 754 </div> 755 <a class="quote-link" href="https://www.linkedin.com/posts/victor-gabriel-de-arruda-leme-siqueira-26262717a_inteligenciaartificial-direito-inovacao-activity-7345534783201972224-2wND" target="_blank" rel="noopener noreferrer">Ver no LinkedIn</a> 756 </div> 757 </div> 758 </div> 759 </section> 760 761 <section class="section" id="oferta"> 762 <h2 data-when="ao-vivo">Garanta sua vaga</h2> 763 <h2 data-when="gravacao">Tenha acesso à gravação</h2> 764 <p class="section-lead" data-when="ao-vivo">Um workshop avulso ou a assinatura que inclui todos.</p> 765 <p class="section-lead" data-when="gravacao">A gravação está disponÃvel para assinantes do Vanguarda IA.</p> 766 767 <div class="pricing-grid"> 768 <div class="pricing-card pricing-card-avulso" data-reveal="up" data-reveal-i="0"> 769 <p class="pricing-label">Este workshop · avulso</p> 770 <div class="pricing-value"><strong>R$127</strong></div> 771 <p class="pricing-desc">Pagamento único · ao vivo + gravação por 30 dias</p> 772 <ul class="pricing-list"> 773 <li><span class="check-green" aria-hidden="true">â</span>Workshop ao vivo em 17 de setembro, 19h</li> 774 <li><span class="check-green" aria-hidden="true">â</span>Gravação por 30 dias</li> 775 <li><span class="check-green" aria-hidden="true">â</span>Certificado ao concluir as lições</li> 776 <li><span class="check-green" aria-hidden="true">â</span>Materiais e exemplos do workshop</li> 777 </ul> 778 <a class="btn btn-primary btn-block" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener" data-cta-location="pricing-avulso" data-conversion-path="standalone">Comprar este workshop</a> 779 <p class="pricing-note">Reembolso garantido até 24h antes do evento</p> 780 </div> 781 782 <div class="pricing-card pricing-card-vanguarda" data-reveal="up" data-reveal-i="1"> 783 <p class="pricing-label">Vanguarda IA · atualização contÃnua</p> 784 <div class="pricing-value"><strong>R$97</strong><span class="pricing-per">/mês</span></div> 785 <p class="pricing-desc" data-when="ao-vivo">Plano anual · 12x de R$97 · acesso a todos os workshops</p> 786 <p class="pricing-desc" data-when="gravacao">
786Esta gravação + biblioteca completa + 2 workshops novos por mês</p> 787 <ul class="pricing-list" data-when="ao-vivo"> 788 <li><span class="check-lima" aria-hidden="true">â</span>Este workshop + todos os próximos (2 por mês)</li> 789 <li><span class="check-lima" aria-hidden="true">â</span>Biblioteca de gravações enquanto assinar</li> 790 <li><span class="check-lima" aria-hidden="true">â</span>Curso IA na Prática para Advogados (30h)</li> 791 <li><span class="check-lima" aria-hidden="true">â</span>Vade Mecum dos Prompts + atualizações</li> 792 <li><span class="check-lima" aria-hidden="true">â</span>Comunidade WhatsApp exclusiva</li> 793 </ul> 794 <ul class="pricing-list" data-when="gravacao"> 795 <li><span class="check-lima" aria-hidden="true">â</span>Gravação deste e de todos os workshops</li> 796 <li><span class="check-lima" aria-hidden="true">â</span>2 workshops novos ao vivo por mês</li> 797 <li><span class="check-lima" aria-hidden="true">â</span>Curso IA na Prática para Advogados (30h)</li> 798 <li><span class="check-lima" aria-hidden="true">â</span>Vade Mecum dos Prompts + atualizações</li> 799 <li><span class="check-lima" aria-hidden="true">â</span>Comunidade WhatsApp exclusiva</li> 800 </ul> 801 <a class="btn btn-membership btn-block" href="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia" target="_blank" rel="noopener" data-cta-location="pricing-vanguarda" data-conversion-path="membership">Conhecer o Vanguarda IA</a> 802 <p class="pricing-note">Em lançamento · vagas limitadas</p> 803 </div> 804 </div> 805 806 <p class="pricing-after" data-when="gravacao">As inscrições avulsas encerraram com o evento. A gravação deste e de todos os workshops faz parte do Vanguarda IA. Quer só este tema? <a href="https://wa.me/5531972250197?text=Ol%C3%A1%2C%20tudo%20bem%3F%0A%0AGostaria%20de%20saber%20quando%20o%20Workshop%20Microsoft%20Copilot%20para%20Advogados%20volta%20ao%20vivo." target="_blank" rel="noopener" data-cta-location="oferta-pos-evento" data-conversion-path="whatsapp">Avise a gente no WhatsApp</a> e contamos quando ele voltar ao vivo.</p> 807 </section> 808 809 <section class="section"> 810 <div class="faq"> 811 <div class="faq-intro"> 812 <h2>Perguntas frequentes</h2> 813 <p>Ficou outra dúvida? Fale com a gente no <a href="https://wa.me/5531972250197?text=Ol%C3%A1%2C%20tudo%20bem%3F%0A%0AGostaria%20de%20saber%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20Workshop%20Microsoft%20Copilot%20para%20Advogados." target="_blank" rel="noopener" data-cta-location="faq" data-conversion-path="whatsapp">WhatsApp</a>.</p> 814 </div> 815 <div> 816 <details class="acc" data-reveal="up" data-reveal-i="0"> 817 <summary><span>Preciso ter licença do Copilot pra participar?</span></summary> 818 <div class="acc-body">Não. As demonstrações são feitas ao vivo na tela e você entende cada aplicação sem ter o Copilot contratado. Quem já tem acesso pode reproduzir junto. Os recursos variam conforme a licença e a configuração do Microsoft 365, e essas diferenças são sinalizadas durante o workshop.</div> 819 </details> 820 <details class="acc" data-reveal="up" data-reveal-i="1"> 821 <summary><span>Já uso ChatGPT ou Claude. O que muda?</span></summary> 822 <div class="acc-body">Muda o lugar da IA. Em vez de copiar e colar entre janelas, você trabalha dentro do Word, do Outlook, do Excel e do PowerPoint, com o contexto do seu ambiente. O workshop mostra o que isso ganha na prática e o que continua exigindo revisão sua.</div> 823 </details> 824 <details class="acc" data-reveal="up" data-reveal-i="2"> 825 <summary><span>Preciso subir documentos sigilosos de cliente?</span></summary> 826 <div class="acc-body">Não. As demonstrações usam exemplos próximos da rotina jurÃdica, não documentos reais de cliente. Governança e validação profissional são tratadas como parte do uso responsável.</div> 827 </details> 828 <details class="acc" data-reveal="up" data-reveal-i="3"> 829 <summary><span>
829Meu escritório usa Google Workspace. Vale pra mim?</span></summary> 830 <div class="acc-body">Se você não usa e não pretende usar Word, Excel, PowerPoint ou Outlook, este workshop não é pra você. Ele é todo construÃdo dentro do ecossistema Microsoft.</div> 831 </details> 832 <details class="acc" data-reveal="up" data-reveal-i="4" data-when="ao-vivo"> 833 <summary><span>E se eu não puder assistir ao vivo?</span></summary> 834 <div class="acc-body">Compre normalmente. A gravação completa fica disponÃvel por 30 dias após o evento e você assiste no seu tempo.</div> 835 </details> 836 <details class="acc" data-reveal="up" data-reveal-i="4" data-when="gravacao"> 837 <summary><span>Por quanto tempo tenho acesso à gravação?</span></summary> 838 <div class="acc-body">Enquanto a assinatura do Vanguarda IA estiver ativa, com todas as outras gravações incluÃdas.</div> 839 </details> 840 <details class="acc" data-reveal="up" data-reveal-i="5"> 841 <summary><span>Minha empresa ou escritório pode pagar?</span></summary> 842 <div class="acc-body">Sim. Emitimos nota fiscal. Para grupos de 3 ou mais pessoas, entre em contato pelo WhatsApp para condições especiais.</div> 843 </details> 844 <details class="acc" data-reveal="up" data-reveal-i="6"> 845 <summary><span>Qual a diferença entre o avulso e o Vanguarda IA?</span></summary> 846 <div class="acc-body">O avulso dá acesso só a este workshop e à gravação por 30 dias. O Vanguarda IA (R$97/mês) inclui todos os workshops (2 por mês), a biblioteca de gravações, o curso IA na Prática para Advogados com 30h, o Vade Mecum dos Prompts e a comunidade WhatsApp.</div> 847 </details> 848 </div> 849 </div> 850 </section> 851 852 <div class="final-wrap"> 853 <div class="final" data-reveal="up" data-reveal-i="0"> 854 <h2 data-when="ao-vivo">Reserve a sua vaga agora</h2> 855 <h2 data-when="gravacao">A aula completa está a um clique</h2> 856 <p class="final-sub" data-when="ao-vivo">17 de setembro de 2026 · 19h (horário de BrasÃlia)</p> 857 <p class="final-sub" data-when="gravacao">Assista quando quiser e veja o Copilot aplicado à rotina jurÃdica, ferramenta por ferramenta.</p> 858 <a class="btn btn-primary btn-lg" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener" 859 data-morph data-cta-location="cta-final" data-conversion-path="standalone" 860 data-href-gravacao="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia"> 861 <span data-when="ao-vivo">Garantir minha vaga por R$127</span> 862 <span data-when="gravacao">Assinar o Vanguarda IA · R$97/mês</span> 863 </a> 864 <p class="final-note" data-when="ao-vivo">Reembolso até 24h antes do evento</p> 865 <p class="final-note" data-when="gravacao">Esta gravação + todas as outras, enquanto assinar</p> 866 <p class="final-upsell" data-when="ao-vivo">Ou assine o <a href="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia" target="_blank" rel="noopener" data-cta-location="cta-final" data-conversion-path="membership">Vanguarda IA por R$97/mês</a> e tenha este workshop, todos os próximos e muito mais.</p> 867 </div> 868 </div> 869 </main> 870 871 <a class="wa" href="https://wa.me/5531972250197?text=Ol%C3%A1%2C%20tudo%20bem%3F%0A%0AGostaria%20de%20saber%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20Workshop%20Microsoft%20Copilot%20para%20Advogados." target="_blank" rel="noopener" aria-label="Fale conosco no WhatsApp" data-cta-location="whatsapp-widget"> 872 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9"></path><path d="M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1"></path></svg> 873 </a> 874 875 <footer class="footer"> 876 <div class="shell footer-inner"> 877 <img src="assets/trybe-logo-verde.svg" width="106" height="28" loading="lazy" alt="Trybe"> 878 <div class="footer-links"> 879 <a href="https://betrybe.com">Trybe</a> 880 <a href="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia">Vanguarda IA</a> 881 <a href="https://ajuda.betrybe.com/hc/pt-br">Central de ajuda</a> 882 <a href="https://betrybe.com/termos-de-uso">Termos de Uso</a> 883 <a href="https://betrybe.com/politica-de-privacidade">Privacidade</a> 884 </div> 885 <p class="footer-legal">Trybe Desenvolvimento de Software LTDA · CNPJ 34.389.271/0001-00<br>
885Escola de tecnologia e inteligência artificial fundada em 2019 · Parceira oficial de 16 seccionais da OAB</p> 886 </div> 887 </footer> 888 889
889<script> 890 (function () { 891 'use strict'; 892 893 var VANGUARDA = 'https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia'; 894 var START = Date.UTC(2026, 8, 17, 22, 0, 0); /* 17/09/2026 19h BRT */ 895 var END = Date.UTC(2026, 8, 17, 23, 30, 0); /* 17/09/2026 20h30 BRT */ 896 var isGravacao = Date.now() >= END; 897 898 /* ---- Estado pós-evento: href e classe dos CTAs que trocam de destino. 899 O texto visÃvel já troca por CSS (data-when), então não há flash. ---- */ 900 if (isGravacao) { 901 document.documentElement.setAttribute('data-lp-state', 'gravacao'); 902 var morphs = document.querySelectorAll('[data-morph]'); 903 for (var i = 0; i < morphs.length; i++) { 904 var el = morphs[i]; 905 el.setAttribute('href', el.getAttribute('data-href-gravacao') || VANGUARDA); 906 el.setAttribute('data-conversion-path', 'membership'); 907 el.classList.remove('btn-primary'); 908 el.classList.add('btn-membership'); 909 } 910 var navCta = document.querySelector('.nav-cta'); 911 if (navCta) { navCta.setAttribute('data-conversion-path', 'membership'); } 912 } 913 914 /* ---- Links ancora ---- 915 Em producao o Worker de roteamento injeta <base href="https://{projeto}.pages.dev/"> 916 na pagina. Sem isto, href="#oferta" resolve contra esse base e manda o visitante 917 para fora do betrybe.com no meio do funil. Reescrevemos para o URL absoluto do 918 documento atual, o que mantem a navegacao no mesmo lugar em local, preview e 919 producao. */ 920 var here = window.location.origin + window.location.pathname; 921 var jumps = document.querySelectorAll('a[href^="#"]'); 922 for (var a = 0; a < jumps.length; a++) { 923 jumps[a].setAttribute('href', here + jumps[a].getAttribute('href')); 924 } 925 926 /* ---- Countdown ---- */ 927 var slots = document.querySelectorAll('[data-countdown]'); 928 function pad(n) { return n < 10 ? '0' + n : String(n); } 929 function tick() { 930 var diff = START - Date.now(); 931 var text; 932 if (diff <= 0) { 933 text = Date.now() >= END ? 'Gravação disponÃvel' : 'Acontecendo agora'; 934 } else { 935 text = pad(Math.floor(diff / 86400000)) + 'd ' + 936 pad(Math.floor((diff % 86400000) / 3600000)) + 'h ' + 937 pad(Math.floor((diff % 3600000) / 60000)) + 'm ' + 938 pad(Math.floor((diff % 60000) / 1000)) + 's'; 939 } 940 for (var j = 0; j < slots.length; j++) { slots[j].textContent = text; } 941 } 942 if (slots.length && !isGravacao) { 943 tick(); 944 setInterval(tick, 1000); 945 } 946 947 /* ---- Scroll reveal ---- */ 948 var targets = document.querySelectorAll('[data-reveal]'); 949 if ('IntersectionObserver' in window && targets.length) { 950 var io = new IntersectionObserver(function (entries) { 951 entries.forEach(function (entry) { 952 if (!entry.isIntersecting) { return; } 953 var el = entry.target; 954 var idx = Number(el.getAttribute('data-reveal-i') || 0); 955 el.style.animationDelay = 'calc(var(--stagger-step) * ' + idx + ')'; 956 el.classList.add(el.getAttribute('data-reveal') === 'scale' ? 'reveal-in-scale' : 'reveal-in'); 957 io.unobserve(el); 958 }); 959 }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' }); 960 for (var k = 0; k < targets.length; k++) { io.observe(targets[k]); } 961 } else { 962 for (var m = 0; m < targets.length; m++) { targets[m].style.opacity = '1'; } 963 } 964 965 /* ---- Analytics (GTM) ---- */ 966 window.dataLayer = window.dataLayer || []; 967 window.dataLayer.push({ 968 event: 'view_item', 969 item_name: 'Workshop Microsoft Copilot para Advogados', 970 item_id: 'workshop-microsoft-copilot-para-advogados', 971 price: isGravacao ? 97 : 127, 972 currency: 'BRL', 973 lp_state: isGravacao ? 'gravacao' : 'ao-vivo' 974 }); 975 document.addEventListener('click', function (event) { 976 var cta = event.target.closest ? event.target.closest('[data-cta-location]') : null; 977 if (!cta) { return; } 978 window.dataLayer.push({ 979 event: 'click_cta_checkout', 980 cta_location: cta.getAttribute('data-cta-location'), 981 conversion_path: cta.getAttribute('data-conversion-path') || 'standalone', 982 lp_state: isGravacao ? 'gravacao' : 'ao-vivo' 983 }); 984 }); 985 })(); 986 </script>
986 987</body> 988</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.