PageSourceSearch

https://leicastconcursos.lovable.app/assets/routes-DF4ZD3Pm.js

js leicastconcursos.lovable.app collected 2026-10-03 05:36:01 UTC 248,262 bytes, 5,433 lines download raw bytes

1import{n as e,r as t,t as n}from"./index-CxBKSvHl.js";var r=t(e()),i=`<div class="leicast-page">
2<div class="topbar">🔥 <strong>O método de estudo que está viralizando</strong> entre concurseiros</div>
3<!-- ============ 1. HERO ============ -->
4<header class="hero">
5<div class="container">
6<nav class="nav">
7<div class="brand"><div class="brand-mark">🎙</div><span>Lei<b>Cast</b></span></div>
8<a class="btn btn-nav-secondary" href="#materias">Ver as 5 matérias</a>
9<a class="btn btn-gold" href="#planos">Garantir acesso</a>
10</nav>
11<div class="hero-center">
12<span class="eyebrow dark">✦ Concursos policiais e jurídicos</span>
13<!-- H1 neutro. Com ?materia=leis|penal|constitucional no link do anúncio,
14           o H1, o subtítulo, o celular e os números trocam para a matéria. -->
15<h1>As matérias que mais caem, agora você <em>ouve, entende e pratica</em></h1>
16<p class="sub">Aulas em áudio estilo podcast, com resumo em PDF e mapa mental. Estude no ônibus, na academia, onde estiver.</p>
17<p class="hero-prova">⭐ <b>+1.500 alunos</b> já estudam com o LeiCast</p>
18<div class="update-chip">✅ Revisado e atualizado quando a lei muda</div>
19<p class="subj-label">Toque na matéria para ouvir uma amostra</p>
20<div aria-label="Matérias" class="hero-subjs" role="tablist">
21<button class="hs" data-subj-btn="leis" role="tab"><i>⚖️</i> 25 Leis</button>
22<button class="hs" data-subj-btn="penal" role="tab"><i>🔒</i> Direito Penal</button>
23<button class="hs" data-subj-btn="constitucional" role="tab"><i>🏛️</i> Constitucional</button>
24<button class="hs" data-subj-btn="administrativo" role="tab"><i>📋</i> Administrativo</button>
25<button class="hs" data-subj-btn="processual" role="tab"><i>⚖️</i> Processual Penal</button>
26</div>
27<!-- Celular estilo streaming -->
28<div class="phone-wrap">
29<div aria-hidden="true" class="phone-halo"></div>
30<span aria-hidden="true" class="phone-chip c1">🎧 <b>25</b>\xA0leis</span>
31<span aria-hidden="true" class="phone-chip c2">⏱ <b>15–34 min</b>\xA0por lei</span>
32<span aria-hidden="true" class="phone-chip c3">📥 Ouça <b>offline</b></span>
33<div class="phone">
34<div class="screen app-real" data-subj="leis" id="phoneScreen" style="--py:1366">
35<img alt="App LeiCast tocando a aula Lei de Drogas" class="ap-img" data-img="leis" decoding="async" fetchpriority="high" src="/__l5e/assets-v1/705717da-9e6e-4129-87d9-66f5ead5fd95/lc3-001.jpg"/>
36<img alt="App LeiCast tocando a aula Aplicação da Lei Penal" class="ap-img" data-img="penal" decoding="async" hidden="" loading="lazy" src="/__l5e/assets-v1/ac8249dd-f8ad-42de-a744-b27a3cf9cd48/lc3-002.jpg"/>
37<img alt="App LeiCast tocando a aula Direitos e Garantias Fundamentais — Parte I" class="ap-img" data-img="constitucional" decoding="async" hidden="" loading="lazy" src="/__l5e/assets-v1/fbff61db-0014-461d-9913-e3d9a16884e0/lc3-003.jpg"/>
38<img alt="App LeiCast tocando a aula Poderes Administrativos" class="ap-img" data-img="administrativo" decoding="async" hidden="" loading="lazy" src="/__l5e/assets-v1/1af81998-aec2-4e13-b1ea-a5533e2cf9f0/lc3-004.jpg"/>
39<img alt="App LeiCast tocando a aula Aplicação da Lei Processual Penal" class="ap-img" data-img="processual" decoding="async" hidden="" loading="lazy" src="/__l5e/assets-v1/89007bf9-c116-4ce7-b7c9-b670ad71d90b/lc5-001.jpg"/>
40<div aria-hidden="true" class="ap-mask"></div>
41<div aria-label="Posição da amostra" class="seek ap-seek" role="slider" style="--p: 0%;" tabindex="0">
42<div class="rail"><div class="fill"></div></div>
43<div class="knob"></div>
44</div>
45<div class="ap-times"><span data-cur="">0:00</span><span data-dur="">1:00</span></div>
46<button aria-label="Voltar 15 segundos" class="ap-skip b15" data-skip="-15"></button>
47<button aria-label="Ouvir amostra grátis" class="ap-play" data-play="">
48<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
49<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
50</button>
51<button aria-label="Avançar 30 segundos" class="ap-skip b30" data-skip="30"></button>
52<audio data-audio="" data-slug="leicast-a1" id="heroAudio" preload="none"></audio>
53</div>
54</div>
55</div>
56<p class="phone-note hero-note">▶ Toque no play: amostra de 1 min · aula completa tem 16 min</p>
57<a class="btn btn-gold" data-hero-cta="" href="#planos">QUERO O MÉTODO LEICAST<small>Acesso imediato · pagamento único</small></a>
58<div class="trust-row">
59<span>💳 Pague 1 vez, use para sempre</span>
60<span>📱 App sem anúncios</span>
61<span>🛡️ 7 dias de garantia</span>
62</div>
63<div class="hero-proof">
64<div><strong>5</strong>matérias</div>
65<div><strong>98</strong>aulas</div>
66<div><strong>40h</strong>de áudio</div>
67</div>
68</div>
69</div>
70</header>
71<!-- ============ DOR + SOLUÇÃO ============ -->
72<section class="pain-solution">
73<div class="container">
74<h2>Não é falta de capacidade. É falta de tempo.</h2>
75<div class="pain-grid">
76<div class="pain-item"><div class="pain-photo"><img alt="Estudante cansado sobre uma pilha de livros" decoding="async" loading="lazy" src="/__l5e/assets-v1/d299bbd9-fba1-4bd5-ae12-031769a1452a/lc3-006.jpg"/><span class="pain-ico">⏳</span></div><p>O dia acaba e a matéria não anda</p></div>
77<div class="pain-item"><div class="pain-photo"><img alt="Estudante com dificuldade para fixar o conteúdo" decoding="async" loading="lazy" src="/__l5e/assets-v1/8d792b3e-ffca-4c6d-94e0-dd642efa695f/lc3-007.jpg"/><span class="pain-ico">🔁</span></div><p>Você lê a lei e não fixa nada</p></div>
78<div class="pain-item"><div class="pain-photo"><img alt="Pilha de livros e materiais acumulados" decoding="async" loading="lazy" src="/__l5e/assets-v1/4485539c-110d-4e88-92db-50dcd59e576f/lc3-008.jpg"/><span class="pain-ico">📚</span></div><p>O edital acumula enquanto você estuda uma matéria só</p></div>
79</div>
80<div class="pain-divider">O LeiCast muda o formato, não a sua rotina:<span class="pd-arrow">↓</span></div>
81<div class="solution-wrap">
82<div class="solution-grid">
83<div class="solution-item"><div class="solution-photo"><img alt="Mulher ouvindo áudio enquanto caminha pela cidade" decoding="async" loading="lazy" src="/__l5e/assets-v1/d35e6393-630e-402a-a40b-0c3f75ca86fd/lc3-009.jpg"/><span class="solution-ico">⏱</span></div><p>Não exige mais tempo — usa o que já existe no seu dia</p></div>
84<div class="solution-item"><div class="solution-photo">
84<img alt="Homem com fones de ouvido ouvindo conteúdo na rua" decoding="async" loading="lazy" src="/__l5e/assets-v1/5283f96b-1cbe-473c-a971-22cd46d6d060/lc3-010.jpg"/><span class="solution-ico">🚶</span></div><p>Não exige tela — nem estar sentado</p></div>
85<div class="solution-item"><div class="solution-photo"><img alt="Mulher sorrindo ouvindo áudio no celular enquanto caminha" decoding="async" loading="lazy" src="/__l5e/assets-v1/a943350d-52ab-4cf7-a99a-ed5a5d8ae218/lc3-011.jpg"/><span class="solution-ico">🎧</span></div><p>Só exige um fone — é só dar play</p></div>
86</div>
87</div>
88</div>
89</section>
90<!-- ============ 6. O APP ============ -->
91<section class="appsec" id="app">
92<div class="container">
93<div class="center"><span class="eyebrow dark">O método LeiCast</span></div>
94<h2>Ouvir, ler, revisar e praticar —<br/>tudo dentro do <em>app LeiCast</em></h2>
95<p class="lead">Você não recebe uma pasta de arquivos. Recebe um app com as aulas, os resumos, os mapas e as questões no mesmo lugar — e o acesso é para sempre.</p>
96<div class="app-tour">
97<div class="tour-abas" role="tablist">
98<button class="tb on" data-tour="0">Início</button>
99<button class="tb" data-tour="1">Coleção</button>
100<button class="tb" data-tour="2">Aulas</button>
101<button class="tb" data-tour="3">Player</button>
102<button class="tb" data-tour="4">Resumo</button>
103<button class="tb tb-novo" data-tour="5">Praticar</button>
104</div>
105<div class="tour-fone">
106<div class="shots" tabindex="0">
107<figure><img alt="Tela inicial do app LeiCast com meta diária e dias seguidos" decoding="async" loading="lazy" src="/__l5e/assets-v1/97ff19a4-f953-4102-a023-879634917919/lc3-012.jpg"/><figcaption>Sua meta do dia e o que continuar ouvindo</figcaption></figure>
108<figure><img alt="Coleção de Direito Constitucional no app, com botão de baixar coleção" decoding="async" loading="lazy" src="/__l5e/assets-v1/a15c2db4-8231-4f35-bc6b-0f8cdc5d3561/lc3-013.jpg"/><figcaption>Cada matéria com aulas, resumos e mapas</figcaption></figure>
109<figure><img alt="Lista de aulas das 25 Leis no app, com progresso e download" decoding="async" loading="lazy" src="/__l5e/assets-v1/6c47b5cc-4459-4b8b-bb2f-8ca36cc1f7ed/lc3-014.jpg"/><figcaption>A playlist inteira, com progresso e download</figcaption></figure>
110<figure><img alt="Player do app LeiCast com fila de reprodução" decoding="async" loading="lazy" src="/__l5e/assets-v1/a00f1992-a360-4be6-af7e-7df7a9f8e77a/lc3-005.jpg"/><figcaption>Player com 15s, 30s, velocidade e fila</figcaption></figure>
111<figure><img alt="Resumo em PDF aberto dentro do app LeiCast" decoding="async" loading="lazy" src="/__l5e/assets-v1/117b08e7-36f5-4ae5-bc21-d171aa021c96/lc3-015.jpg"/><figcaption>O resumo em PDF abre dentro do app</figcaption></figure>
112<figure><img alt="Aba Praticar do app LeiCast com cards para revisar e desempenho nas questões" decoding="async" loading="lazy" src="/__l5e/assets-v1/204f7758-5e9c-4231-ba04-ad609e1dd934/lc6-001.jpg"/><figcaption>Aba Praticar: questões e cards de cada aula, com seu desempenho</figcaption></figure>
113<figure><img alt="Questão de Certo ou Errado de Direito Administrativo com gabarito comentado" decoding="async" loading="lazy" src="/__l5e/assets-v1/55ff0b90-c794-49c8-8e0c-38447af86010/lc6-002.jpg"/><figcaption>Questões de Certo ou Errado com gabarito comentado</figcaption></figure>
114<figure><img alt="Flashcard de Processual Penal com botões Errei, Difícil, Bom e Fácil" decoding="async" loading="lazy" src="/__l5e/assets-v1/f8813758-9653-4344-ab53-856361344655/lc6-003.jpg"/><figcaption>Flashcards: o app lembra a hora certa de revisar cada um</figcaption></figure>
115</div>
116</div>
117<div class="tour-barra">
118<button aria-label="Tela anterior" class="tour-seta prev">‹</button>
119<div aria-hidden="true" class="tour-pontos"><i class="on"></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
120<button aria-label="Próxima tela" class="tour-seta next">›</button>
121</div>
122<p class="shots-tip">↔ arraste para ver as outras telas</p>
123</div>
124<div class="app-info">
125<ul class="app-lista">
126<li><i>🎧</i><span><b>A playlist completa da matéria</b> — na ordem certa, faixa por faixa</span></li>
127<li><i>📄</i><span><b>Resumo e mapa abrem no app</b> — sem baixar nada no celular</span></li>
128<li><i>✍️</i><span><em class="app-bonus">🎁 BÔNUS</em> <b>1.960 questões + 1.960 flashcards</b> — 20 de cada por aula, para fixar o que ouviu</span></li>
129<li><i>📥</i><span><b>Baixe e ouça sem internet</b> — uma aula ou a coleção inteira</span></li>
130<li><i>🚫</i><span><b>Sem anúncios</b> — nenhuma propaganda no meio da aula</span></li>
131<li><i>📈</i><span><b>Progresso e meta diária</b> — veja o que já concluiu</span></li>
132<li><i>📱</i><span><b>Celular, tablet ou computador</b> — nada para instalar</span></li>
133</ul>
134<div class="app-cta">
135<div class="app-once"><b>💳 Compra única</b><span>Pague uma vez e use para sempre. Sem mensalidade, sem assinatura.</span></div>
136<div class="formatos">
137<span class="fmt"><i>🎧</i> Ouvir <b>a aula</b></span>
138<span class="fmt"><i>📄</i> Ler <b>o resumo</b></span>
139<span class="fmt"><i>🧠</i> Revisar <b>o mapa</b></span>
140<span class="fmt"><i>✍️</i> Praticar <b>as questões</b></span>
141</div>
142</div>
143</div>
144</div>
145</section>
146<!-- ============ 3. AS MATÉRIAS ============ -->
147<section class="alt" id="materias">
148<div class="container">
149<div class="center"><span class="eyebrow">As matérias LeiCast</span></div>
150<h2>Escolha a matéria e veja tudo o que vem</h2>
151<p class="lead">Toque em uma matéria para ver todas as aulas e ouvir as amostras grátis.</p>
152<div aria-label="Matérias" class="subj-tabs" role="tablist">
153<button class="st" data-subj-btn="leis" role="tab">⚖️ 25 Leis<small>25 aulas · 9h15</small></button>
154<button class="st" data-subj-btn="penal" role="tab">🔒 Direito Penal<small>22 aulas · 8h17</small></button>
155<button class="st" data-subj-btn="constitucional" role="tab">🏛️ Constitucional<small>15 aulas · 6h29</small></button>
156<button class="st" data-subj-btn="administrativo" role="tab">📋 Administrativo<small>18 aulas · 8h20</small></button>
157<button class="st" data-subj-btn="processual" role="tab">⚖️ Processual Penal<small>18 aulas · 8h27</small></button>
158</div>
159<!-- 25 LEIS -->
160<div class="subj-panel" data-subj-panel="leis">
161<div class="subj-intro">
162<div>
163<span class="si-kicker">Legislação extravagante</span>
164<h3>As 25 leis que mais caem</h3>
165<p>Maria da Penha, Drogas, Tortura, Abuso de Autoridade, ECA e mais 20 — a legislação que derruba candidato em prova de carreira policial.</p>
166<a class="si-link" href="#planos">Ver planos das 25 Leis ↓</a>
167</div>
168<div class="si-stats"><div><strong>25</strong>aulas</div><div><strong>9h15</strong>de áudio</div><div><strong>75</strong>materiais</div></div>
169</div>
170<div class="playlist">
171<div class="playlist-head">
172<h3>🎙️ As 25 leis da coleção LeiCast, faixa por faixa</h3>
173<span>25 AULAS · 9H15 DE ÁUDIO</span>
174</div>
175<div class="track"><div class="num">01</div><div class="name">Lei Maria da Penha<span>Lei nº 11.340/2006</span><span class="update-badge">
175atualizada com a mudança do STF 2026</span></div><div class="dur"><span class="lock">🔒</span>28 min</div></div>
176<div class="track sample">
177<div class="num">02</div>
178<div>
179<div class="sample-head">
180<div class="name">Lei dos Crimes de Tortura<span>Lei nº 9.455/1997</span></div>
181<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
182</div>
183<div class="mini">
184<button aria-label="Reproduzir amostra: Lei de Tortura · 14 min" class="mp-btn" data-play="">
185<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
186<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
187</button>
188<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
189<div class="rail"><div class="fill"></div></div>
190<div class="knob"></div>
191</div>
192<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
193</div>
194<p class="sample-note">Amostra de 1 min · aula tem 14 min</p>
195<audio data-audio="" data-slug="leicast-a6" preload="none"></audio>
196</div>
197</div>
198<div class="track"><div class="num">03</div><div class="name">Estatuto da Criança e do Adolescente (ECA)<span>Lei nº 8.069/1990</span></div><div class="dur"><span class="lock">🔒</span>31 min</div></div>
199<div class="track"><div class="num">04</div><div class="name">Estatuto do Desarmamento<span>Lei nº 10.826/2003</span></div><div class="dur"><span class="lock">🔒</span>15 min</div></div>
200<div class="track"><div class="num">05</div><div class="name">Lei dos Crimes de Racismo<span>Lei nº 7.716/1989</span></div><div class="dur"><span class="lock">🔒</span>16 min</div></div>
201<div class="track"><div class="num">06</div><div class="name">Lei das Organizações Criminosas<span>Lei nº 12.850/2013</span></div><div class="dur"><span class="lock">🔒</span>34 min</div></div>
202<div class="track"><div class="num">07</div><div class="name">Lei de Lavagem de Dinheiro<span>Lei nº 9.613/1998</span></div><div class="dur"><span class="lock">🔒</span>19 min</div></div>
203<div class="track sample">
204<div class="num">08</div>
205<div>
206<div class="sample-head">
207<div class="name">Lei de Drogas<span>Lei nº 11.343/2006</span></div>
208<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
209</div>
210<div class="mini">
211<button aria-label="Reproduzir amostra: Lei de Drogas · 16 min" class="mp-btn" data-play="">
212<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
213<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
214</button>
215<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
216<div class="rail"><div class="fill"></div></div>
217<div class="knob"></div>
218</div>
219<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
220</div>
221<p class="sample-note">Amostra de 1 min · aula tem 16 min</p>
222<audio data-audio="" data-slug="leicast-a7" preload="none"></audio>
223</div>
224</div>
225<div class="track"><div class="num">09</div><div class="name">Lei de Improbidade Administrativa<span>Lei nº 8.429/1992</span></div><div class="dur"><span class="lock">🔒</span>20 min</div></div>
226<div class="track sample">
227<div class="num">10</div>
228<div>
229<div class="sample-head">
230<div class="name">Lei dos Crimes Hediondos<span>Lei nº 8.072/1990</span></div>
231<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
232</div>
233<div class="mini">
234<button aria-label="Reproduzir amostra: Crimes Hediondos · 20 min" class="mp-btn" data-play="">
235<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
236<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
237</button>
238<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
239<div class="rail"><div class="fill"></div></div>
240<div class="knob"></div>
241</div>
242<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
243</div>
244<p class="sample-note">Amostra de 1 min · aula tem 20 min</p>
245<audio data-audio="" data-slug="leicast-a8" preload="none"></audio>
246</div>
247</div>
248<div class="track"><div class="num">11</div><div class="name">Lei de Interceptação Telefônica<span>Lei nº 9.296/1996</span></div><div class="dur"><span class="lock">🔒</span>27 min</div></div>
249<div class="track"><div class="num">12</div><div class="name">Lei do Processo Administrativo Federal<span>Lei nº 9.784/1999</span></div><div class="dur"><span class="lock">🔒</span>21 min</div></div>
250<div class="track"><div class="num">13</div><div class="name">Lei da Prisão Temporária<span>Lei nº 7.960/1989</span></div><div class="dur"><span class="lock">🔒</span>20 min</div></div>
251<div class="track"><div class="num">14</div><div class="name">Lei de Abuso de Autoridade<span>
251Lei nº 13.869/2019</span></div><div class="dur"><span class="lock">🔒</span>27 min</div></div>
252<div class="track"><div class="num">15</div><div class="name">Crimes de Trânsito (CTB)<span>Lei nº 9.503/1997</span></div><div class="dur"><span class="lock">🔒</span>17 min</div></div>
253<div class="track"><div class="num">16</div><div class="name">LINDB<span>Decreto-Lei nº 4.657/1942</span></div><div class="dur"><span class="lock">🔒</span>31 min</div></div>
254<div class="track"><div class="num">17</div><div class="name">Estatuto do Servidor Público<span>Lei nº 8.112/1990</span></div><div class="dur"><span class="lock">🔒</span>19 min</div></div>
255<div class="track"><div class="num">18</div><div class="name">Lei de Licitações<span>Lei nº 14.133/2021</span></div><div class="dur"><span class="lock">🔒</span>17 min</div></div>
256<div class="track"><div class="num">19</div><div class="name">Lei de Acesso à Informação<span>Lei nº 12.527/2011</span></div><div class="dur"><span class="lock">🔒</span>19 min</div></div>
257<div class="track"><div class="num">20</div><div class="name">LGPD<span>Lei nº 13.709/2018</span></div><div class="dur"><span class="lock">🔒</span>25 min</div></div>
258<div class="track"><div class="num">21</div><div class="name">Lei de Execução Penal<span>Lei nº 7.210/1984</span></div><div class="dur"><span class="lock">🔒</span>31 min</div></div>
259<div class="track sample">
260<div class="num">22</div>
261<div>
262<div class="sample-head">
263<div class="name">Lei Henry Borel<span>Lei nº 14.344/2022</span></div>
264<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
265</div>
266<div class="mini">
267<button aria-label="Reproduzir amostra: Lei Henry Borel · 29 min" class="mp-btn" data-play="">
268<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
269<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
270</button>
271<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
272<div class="rail"><div class="fill"></div></div>
273<div class="knob"></div>
274</div>
275<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
276</div>
277<p class="sample-note">Amostra de 1 min · aula tem 29 min</p>
278<audio data-audio="" data-slug="leicast-a22" preload="none"></audio>
279</div>
280</div>
281<div class="track"><div class="num">23</div><div class="name">Juizados Especiais Criminais<span>Lei nº 9.099/1995</span></div><div class="dur"><span class="lock">🔒</span>19 min</div></div>
282<div class="track"><div class="num">24</div><div class="name">Lei Raul Jungmann<span>Lei nº 15.358/2026</span></div><div class="dur"><span class="lock">🔒</span>19 min</div></div>
283<div class="track"><div class="num">25</div><div class="name">Lei dos Crimes Ambientais<span>Lei nº 9.605/1998</span></div><div class="dur"><span class="lock">🔒</span>21 min</div></div>
284<p class="playlist-foot"><strong>25 legislações recorrentes em concursos policiais</strong>, reunidas em uma única coleção. 🔒 Desbloqueie todas as faixas com um único pagamento.</p>
285</div>
286</div>
287<!-- DIREITO PENAL -->
288<div class="subj-panel" data-subj-panel="penal" hidden="">
289<div class="subj-intro">
290<div>
291<span class="si-kicker">Código Penal completo</span>
292<h3>Direito Penal: Parte Geral + Parte Especial</h3>
293<p>A matéria mais longa do edital, na ordem em que ela faz sentido: primeiro a lógica que vale para todos os crimes, depois os crimes em espécie.</p>
294<a class="si-link" href="#planos">Ver planos do Direito Penal ↓</a>
295</div>
296<div class="si-stats"><div><strong>22</strong>aulas</div><div><strong>8h17</strong>de áudio</div><div><strong>120</strong>págs. resumo</div></div>
297</div>
298<div class="playlist">
299<div class="playlist-head">
300<h3>🎙️ As 22 aulas de Direito Penal</h3>
301<span>22 AULAS · 8H17 DE ÁUDIO</span>
302</div>
303<div class="pl-group"><span>Parte Geral</span><small>12 aulas · resumo completo · 12 mapas mentais</small></div>
304<div class="track"><div class="num">01</div><div class="name">Introdução ao Direito Penal<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>31 min</div></div>
305<div class="track"><div class="num">02</div><div class="name">Princípios do Direito Penal<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>18 min</div></div>
306<div class="track sample">
307<div class="num">03</div>
308<div>
309<div class="sample-head">
310<div class="name">Aplicação da Lei Penal<span>Parte Geral</span></div>
311<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
312</div>
313<div class="mini">
314<button aria-label="Reproduzir amostra: Aplicação da Lei Penal" class="mp-btn" data-play="">
315<svg data-icon-play="" viewbox="0 0 24 24">
315<path d="M8 5.5v13l11-6.5z"></path></svg>
316<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
317</button>
318<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
319<div class="rail"><div class="fill"></div></div>
320<div class="knob"></div>
321</div>
322<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
323</div>
324<p class="sample-note">Amostra de 1 min · aula tem 15 min</p>
325<audio data-audio="" data-slug="leicast-penal-aplicacao-lei-penal" preload="none"></audio>
326</div>
327</div>
328<div class="track"><div class="num">04</div><div class="name">Teoria do Crime — Fato Típico<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>32 min</div></div>
329<div class="track"><div class="num">05</div><div class="name">Teoria do Crime — Ilicitude<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>31 min</div></div>
330<div class="track"><div class="num">06</div><div class="name">Teoria do Crime — Culpabilidade<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>17 min</div></div>
331<div class="track sample">
332<div class="num">07</div>
333<div>
334<div class="sample-head">
335<div class="name">Concurso de Pessoas<span>Parte Geral</span></div>
336<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
337</div>
338<div class="mini">
339<button aria-label="Reproduzir amostra: Concurso de Pessoas" class="mp-btn" data-play="">
340<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
341<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
342</button>
343<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
344<div class="rail"><div class="fill"></div></div>
345<div class="knob"></div>
346</div>
347<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
348</div>
349<p class="sample-note">Amostra de 1 min · aula tem 20 min</p>
350<audio data-audio="" data-slug="leicast-penal-concurso-pessoas" preload="none"></audio>
351</div>
352</div>
353<div class="track"><div class="num">08</div><div class="name">Concurso de Crimes<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>24 min</div></div>
354<div class="track"><div class="num">09</div><div class="name">Teoria da Pena<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>16 min</div></div>
355<div class="track"><div class="num">10</div><div class="name">Ação Penal<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>18 min</div></div>
356<div class="track"><div class="num">11</div><div class="name">Extinção da Punibilidade<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>26 min</div></div>
357<div class="track"><div class="num">12</div><div class="name">Prescrição<span>Parte Geral</span></div><div class="dur"><span class="lock">🔒</span>22 min</div></div>
358<div class="pl-group"><span>Parte Especial</span><small>10 aulas · resumo completo · 10 mapas mentais</small></div>
359<div class="track sample">
360<div class="num">13</div>
361<div>
362<div class="sample-head">
363<div class="name">Crimes contra a Vida<span>Parte Especial</span></div>
364<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
365</div>
366<div class="mini">
367<button aria-label="Reproduzir amostra: Crimes contra a Vida" class="mp-btn" data-play="">
368<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
369<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
370</button>
371<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
372<div class="rail"><div class="fill"></div></div>
373<div class="knob"></div>
374</div>
375<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
376</div>
377<p class="sample-note">Amostra de 1 min · aula tem 14 min</p>
378<audio data-audio="" data-slug="leicast-penal-crimes-vida" preload="none"></audio>
379</div>
380</div>
381<div class="track"><div class="num">14</div><div class="name">Lesões Corporais<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>17 min</div></div>
382<div class="track"><div class="num">15</div><div class="name">Crimes contra a Honra<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>17 min</div></div>
383<div class="track"><div class="num">16</div><div class="name">Crimes contra a Liberdade Individual<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>34 min</div></div>
384<div class="track sample">
385<div class="num">17</div>
386<div>
387<div class="sample-head">
388<div class="name">Crimes contra o Patrimônio<span>Parte Especial</span></div>
389<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
390</div>
391<div class="mini">
392<button aria-label="Reproduzir amostra: Crimes contra o Patrimônio" class="mp-btn" data-play="">
393<svg data-icon-play="" viewbox="0 0 24 24">
393<path d="M8 5.5v13l11-6.5z"></path></svg>
394<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
395</button>
396<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
397<div class="rail"><div class="fill"></div></div>
398<div class="knob"></div>
399</div>
400<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
401</div>
402<p class="sample-note">Amostra de 1 min · aula tem 21 min</p>
403<audio data-audio="" data-slug="leicast-penal-crimes-patrimonio" preload="none"></audio>
404</div>
405</div>
406<div class="track"><div class="num">18</div><div class="name">Crimes contra a Dignidade Sexual<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>25 min</div></div>
407<div class="track"><div class="num">19</div><div class="name">Crimes contra a Paz Pública<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>16 min</div></div>
408<div class="track"><div class="num">20</div><div class="name">Crimes contra a Fé Pública<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>34 min</div></div>
409<div class="track"><div class="num">21</div><div class="name">Crimes contra a Administração Pública<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>32 min</div></div>
410<div class="track"><div class="num">22</div><div class="name">Crimes contra o Estado Democrático de Direito<span>Parte Especial</span></div><div class="dur"><span class="lock">🔒</span>18 min</div></div>
411<p class="playlist-foot"><strong>Parte Geral e Parte Especial na mesma coleção.</strong> Cada aula tem o seu mapa mental, e cada parte tem o seu resumo completo em PDF.</p>
412</div>
413</div>
414<!-- CONSTITUCIONAL -->
415<div class="subj-panel" data-subj-panel="constitucional" hidden="">
416<div class="subj-intro">
417<div>
418<span class="si-kicker">CF/88 · Lançamento</span>
419<h3>Direito Constitucional</h3>
420<p>Da Teoria da Constituição à Ordem Social: direitos fundamentais, organização do Estado, os três Poderes e controle de constitucionalidade.</p>
421<a class="si-link" href="#planos">Ver planos do Constitucional ↓</a>
422</div>
423<div class="si-stats"><div><strong>15</strong>aulas</div><div><strong>6h29</strong>de áudio</div><div><strong>44</strong>materiais</div></div>
424</div>
425<div class="playlist">
426<div class="playlist-head">
427<h3>🎙️ As 15 aulas de Constitucional</h3>
428<span>15 AULAS · 6H29 DE ÁUDIO</span>
429</div>
430<div class="track"><div class="num">01</div><div class="name">Teoria da Constituição<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>29 min</div></div>
431<div class="track"><div class="num">02</div><div class="name">Poder Constituinte<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>28 min</div></div>
432<div class="track sample">
433<div class="num">03</div>
434<div>
435<div class="sample-head">
436<div class="name">Direitos e Garantias Fundamentais — Parte I<span>CF/88</span></div>
437<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
438</div>
439<div class="mini">
440<button aria-label="Reproduzir amostra: Direitos e Garantias Fundamentais — Parte I" class="mp-btn" data-play="">
441<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
442<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
443</button>
444<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
445<div class="rail"><div class="fill"></div></div>
446<div class="knob"></div>
447</div>
448<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
449</div>
450<p class="sample-note">Amostra de 1 min · aula tem 32 min</p>
451<audio data-audio="" data-slug="const-dirfund" preload="none"></audio>
452</div>
453</div>
454<div class="track"><div class="num">04</div><div class="name">Direitos e Garantias Fundamentais — Parte II<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>23 min</div></div>
455<div class="track"><div class="num">05</div><div class="name">Organização Político-Administrativa<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>29 min</div></div>
456<div class="track sample">
457<div class="num">06</div>
458<div>
459<div class="sample-head">
460<div class="name">Administração Pública<span>CF/88</span></div>
461<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
462</div>
463<div class="mini">
464<button aria-label="Reproduzir amostra: Administração Pública" class="mp-btn" data-play="">
465<svg data-icon-play="" viewbox="0 0 24 24">
465<path d="M8 5.5v13l11-6.5z"></path></svg>
466<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
467</button>
468<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
469<div class="rail"><div class="fill"></div></div>
470<div class="knob"></div>
471</div>
472<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
473</div>
474<p class="sample-note">Amostra de 1 min · aula tem 21 min</p>
475<audio data-audio="" data-slug="const-admpublica" preload="none"></audio>
476</div>
477</div>
478<div class="track"><div class="num">07</div><div class="name">Poder Legislativo<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>20 min</div></div>
479<div class="track"><div class="num">08</div><div class="name">Poder Executivo<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>29 min</div></div>
480<div class="track"><div class="num">09</div><div class="name">Poder Judiciário<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>22 min</div></div>
481<div class="track"><div class="num">10</div><div class="name">Funções Essenciais à Justiça<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>25 min</div></div>
482<div class="track sample">
483<div class="num">11</div>
484<div>
485<div class="sample-head">
486<div class="name">Controle de Constitucionalidade<span>CF/88</span></div>
487<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
488</div>
489<div class="mini">
490<button aria-label="Reproduzir amostra: Controle de Constitucionalidade" class="mp-btn" data-play="">
491<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
492<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
493</button>
494<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
495<div class="rail"><div class="fill"></div></div>
496<div class="knob"></div>
497</div>
498<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
499</div>
500<p class="sample-note">Amostra de 1 min · aula tem 30 min</p>
501<audio data-audio="" data-slug="const-controle" preload="none"></audio>
502</div>
503</div>
504<div class="track"><div class="num">12</div><div class="name">Defesa do Estado e das Instituições Democráticas<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>22 min</div></div>
505<div class="track"><div class="num">13</div><div class="name">Tributação e Orçamento<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>31 min</div></div>
506<div class="track"><div class="num">14</div><div class="name">Ordem Econômica e Financeira<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>19 min</div></div>
507<div class="track"><div class="num">15</div><div class="name">Ordem Social<span>CF/88</span></div><div class="dur"><span class="lock">🔒</span>32 min</div></div>
508<p class="playlist-foot"><strong>14 resumos em PDF e 15 mapas mentais</strong> acompanham as aulas. 🔒 Desbloqueie todas as faixas com um único pagamento.</p>
509</div>
510</div>
511<!-- EM BREVE -->
512<div class="subj-panel" data-subj-panel="administrativo" hidden="">
513<div class="subj-intro">
514<div>
515<span class="si-kicker">Administração Pública · Lançamento</span>
516<h3>Direito Administrativo</h3>
517<p>Do Estado e da organização administrativa aos atos, agentes, improbidade e licitações — a matéria que aparece em quase todo edital, explicada de forma direta.</p>
518<a class="si-link" href="#planos">Ver planos do Administrativo ↓</a>
519</div>
520<div class="si-stats"><div><strong>18</strong>aulas</div><div><strong>8h20</strong>de áudio</div><div><strong>51</strong>materiais</div></div>
521</div>
522<div class="playlist">
523<div class="playlist-head">
524<h3>🎙️ As 18 aulas de Direito Administrativo</h3>
525<span>18 AULAS · 8H20 DE ÁUDIO</span>
526</div>
527<div class="track"><div class="num">01</div><div class="name">Estado, Governo e Administração Pública<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>22 min</div></div>
528<div class="track"><div class="num">02</div><div class="name">Regime Jurídico, Princípios e Fontes<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>31 min</div></div>
529<div class="track"><div class="num">03</div><div class="name">Organização Administrativa — Parte I<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>25 min</div></div>
530<div class="track"><div class="num">04</div><div class="name">Organização Administrativa — Parte II<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>34 min</div></div>
531<div class="track"><div class="num">05</div><div class="name">Terceiro Setor e Paraestatais<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>20 min</div></div>
532<div class="track sample">
533<div class="num">06</div>
534<div>
535<div class="sample-head">
536<div class="name">Poderes Administrativos<span>Direito Administrativo</span></div>
537<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
538</div>
539<div class="mini">
540<button aria-label="Reproduzir amostra: Poderes Administrativos" class="mp-btn" data-play="">
541<svg data-icon-play="" viewbox="0 0 24 24">
541<path d="M8 5.5v13l11-6.5z"></path></svg>
542<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
543</button>
544<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
545<div class="rail"><div class="fill"></div></div>
546<div class="knob"></div>
547</div>
548<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
549</div>
550<p class="sample-note">Amostra de 1 min · aula tem 26 min</p>
551<audio data-audio="" data-slug="adm-poderes" preload="none"></audio>
552</div>
553</div>
554<div class="track sample">
555<div class="num">07</div>
556<div>
557<div class="sample-head">
558<div class="name">Atos Administrativos — Parte I<span>Direito Administrativo</span></div>
559<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
560</div>
561<div class="mini">
562<button aria-label="Reproduzir amostra: Atos Administrativos — Parte I" class="mp-btn" data-play="">
563<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
564<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
565</button>
566<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
567<div class="rail"><div class="fill"></div></div>
568<div class="knob"></div>
569</div>
570<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
571</div>
572<p class="sample-note">Amostra de 1 min · aula tem 33 min</p>
573<audio data-audio="" data-slug="adm-atos" preload="none"></audio>
574</div>
575</div>
576<div class="track"><div class="num">08</div><div class="name">Atos Administrativos — Parte II<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>32 min</div></div>
577<div class="track"><div class="num">09</div><div class="name">Agentes Públicos<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>36 min</div></div>
578<div class="track"><div class="num">10</div><div class="name">Bens Públicos<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>29 min</div></div>
579<div class="track"><div class="num">11</div><div class="name">Serviços Públicos<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>20 min</div></div>
580<div class="track"><div class="num">12</div><div class="name">Intervenção do Estado na Propriedade<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>26 min</div></div>
581<div class="track"><div class="num">13</div><div class="name">Controle da Administração Pública<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>23 min</div></div>
582<div class="track"><div class="num">14</div><div class="name">Responsabilidade Civil do Estado<span>Direito Administrativo</span></div><div class="dur"><span class="lock">🔒</span>27 min</div></div>
583<div class="track"><div class="num">15</div><div class="name">Improbidade Administrativa<span>Lei nº 8.429/1992</span></div><div class="dur"><span class="lock">🔒</span>33 min</div></div>
584<div class="track"><div class="num">16</div><div class="name">Processo Administrativo Federal<span>Lei nº 9.784/1999</span></div><div class="dur"><span class="lock">🔒</span>21 min</div></div>
585<div class="track sample">
586<div class="num">17</div>
587<div>
588<div class="sample-head">
589<div class="name">Licitações e Contratos — Licitações<span>Lei nº 14.133/2021</span></div>
590<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
591</div>
592<div class="mini">
593<button aria-label="Reproduzir amostra: Licitações e Contratos — Licitações" class="mp-btn" data-play="">
594<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
595<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
596</button>
597<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
598<div class="rail"><div class="fill"></div></div>
599<div class="knob"></div>
600</div>
601<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
602</div>
603<p class="sample-note">Amostra de 1 min · aula tem 34 min</p>
604<audio data-audio="" data-slug="adm-licitacoes" preload="none"></audio>
605</div>
606</div>
607<div class="track"><div class="num">18</div><div class="name">Licitações e Contratos — Contratos<span>Lei nº 14.133/2021</span></div><div class="dur"><span class="lock">🔒</span>27 min</div></div>
608<p class="playlist-foot"><strong>15 resumos em PDF e 18 mapas mentais</strong> acompanham as aulas. 🔒 Desbloqueie todas as faixas com um único pagamento.</p>
609</div>
610</div>
611<div class="subj-panel" data-subj-panel="processual" hidden="">
612<div class="subj-intro">
613<div>
614<span class="si-kicker">CPP · Lançamento</span>
615<h3>Direito Processual Penal</h3>
616<p>Do inquérito policial ao recurso: juiz das garantias, ação penal, provas, prisões e nulid
616ades — na ordem em que o processo acontece.</p>
617<a class="si-link" href="#planos">Ver planos do Processual Penal ↓</a>
618</div>
619<div class="si-stats"><div><strong>18</strong>aulas</div><div><strong>8h27</strong>de áudio</div><div><strong>48</strong>materiais</div></div>
620</div>
621<div class="playlist">
622<div class="playlist-head">
623<h3>🎙️ As 18 aulas de Processual Penal</h3>
624<span>18 AULAS · 8H27 DE ÁUDIO</span>
625</div>
626<div class="track"><div class="num">01</div><div class="name">Introdução e Princípios<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>24 min</div></div>
627<div class="track sample">
628<div class="num">02</div>
629<div>
630<div class="sample-head">
631<div class="name">Aplicação da Lei Processual Penal<span>CPP</span></div>
632<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
633</div>
634<div class="mini">
635<button aria-label="Reproduzir amostra: Aplicação da Lei Processual Penal" class="mp-btn" data-play="">
636<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
637<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
638</button>
639<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
640<div class="rail"><div class="fill"></div></div>
641<div class="knob"></div>
642</div>
643<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
644</div>
645<p class="sample-note">Amostra de 1 min · aula tem 28 min</p>
646<audio data-audio="" data-slug="cpp-aplicacao" preload="none"></audio>
647</div>
648</div>
649<div class="track"><div class="num">03</div><div class="name">Juiz das Garantias<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>24 min</div></div>
650<div class="track sample">
651<div class="num">04</div>
652<div>
653<div class="sample-head">
654<div class="name">Inquérito Policial — Parte I<span>CPP</span></div>
655<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
656</div>
657<div class="mini">
658<button aria-label="Reproduzir amostra: Inquérito Policial — Parte I" class="mp-btn" data-play="">
659<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
660<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24"><path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
661</button>
662<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
663<div class="rail"><div class="fill"></div></div>
664<div class="knob"></div>
665</div>
666<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
667</div>
668<p class="sample-note">Amostra de 1 min · aula tem 23 min</p>
669<audio data-audio="" data-slug="cpp-inquerito" preload="none"></audio>
670</div>
671</div>
672<div class="track"><div class="num">05</div><div class="name">Inquérito Policial — Parte II<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>20 min</div></div>
673<div class="track"><div class="num">06</div><div class="name">Ação Penal<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>46 min</div></div>
674<div class="track"><div class="num">07</div><div class="name">Jurisdição e Competência<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>30 min</div></div>
675<div class="track"><div class="num">08</div><div class="name">Provas — Parte I<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>44 min</div></div>
676<div class="track"><div class="num">09</div><div class="name">Provas — Parte II<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>29 min</div></div>
677<div class="track"><div class="num">10</div><div class="name">Provas — Parte III<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>33 min</div></div>
678<div class="track sample">
679<div class="num">11</div>
680<div>
681<div class="sample-head">
682<div class="name">Prisões — Parte I<span>CPP</span></div>
683<span class="badge-free">▶ AMOSTRA GRÁTIS</span>
684</div>
685<div class="mini">
686<button aria-label="Reproduzir amostra: Prisões — Parte I" class="mp-btn" data-play="">
687<svg data-icon-play="" viewbox="0 0 24 24"><path d="M8 5.5v13l11-6.5z"></path></svg>
688<svg data-icon-pause="" style="display:none" viewbox="0 0 24 24">
688<path d="M7 5h4v14H7zM13 5h4v14h-4z"></path></svg>
689</button>
690<div aria-label="Posição do áudio" class="seek" role="slider" tabindex="0">
691<div class="rail"><div class="fill"></div></div>
692<div class="knob"></div>
693</div>
694<div class="times"><span data-cur="">0:00</span>\xA0/\xA0<span data-dur="">1:00</span></div>
695</div>
696<p class="sample-note">Amostra de 1 min · aula tem 31 min</p>
697<audio data-audio="" data-slug="cpp-prisoes" preload="none"></audio>
698</div>
699</div>
700<div class="track"><div class="num">12</div><div class="name">Prisões — Parte II<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>26 min</div></div>
701<div class="track"><div class="num">13</div><div class="name">Prisões — Parte III<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>26 min</div></div>
702<div class="track"><div class="num">14</div><div class="name">Sujeitos Processuais<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>20 min</div></div>
703<div class="track"><div class="num">15</div><div class="name">Comunicações Processuais<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>29 min</div></div>
704<div class="track"><div class="num">16</div><div class="name">Sentença<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>23 min</div></div>
705<div class="track"><div class="num">17</div><div class="name">Nulidades<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>25 min</div></div>
706<div class="track"><div class="num">18</div><div class="name">Recursos<span>CPP</span></div><div class="dur"><span class="lock">🔒</span>25 min</div></div>
707<p class="playlist-foot"><strong>13 resumos em PDF e 17 mapas mentais</strong> acompanham as aulas. 🔒 Desbloqueie todas as faixas com um único pagamento.</p>
708</div>
709</div>
710<div class="mid-cta" style="border-top-color:var(--line)">
711<a class="btn btn-gold" href="#planos">VER PLANOS E PREÇOS<small>Uma matéria ou todas de uma vez</small></a>
712<p style="color:var(--muted);text-align:center">Você ouviu as amostras. O resto da coleção está a um clique.</p>
713</div>
714</div>
715</section>
716<!-- ============ 4. POR QUE FUNCIONA ============ -->
717<section>
718<div class="container">
719<div class="center"><span class="eyebrow">Por que o método funciona</span></div>
720<div data-show="leis">
721<h2>Lei seca não precisa ser um sofrimento</h2>
722<p class="lead">O problema quase nunca é capacidade. É o formato.</p>
723<div class="why-stats">
724<div><strong>25</strong>leis que mais caem em prova</div>
725<div><strong>75</strong>materiais entre áudio, PDF e mapa</div>
726<div><strong>9h15</strong>para ouvir todas as leis</div>
727</div>
728</div>
729<div data-show="penal" hidden="">
730<h2>É a matéria mais longa do edital. E a que mais derruba.</h2>
731<p class="lead">Centenas de artigos, dezenas de crimes e uma teoria que não perdoa. Ler tudo três vezes é impossível. Ouvir três vezes, não.</p>
732<div class="why-stats">
733<div><strong>361</strong>artigos no Código Penal</div>
734<div><strong>22</strong>temas que caem em prova</div>
735<div><strong>8h17</strong>para ouvir a matéria inteira</div>
736</div>
737</div>
738<div data-show="constitucional" hidden="">
739<h2>A Constituição inteira, sem ler artigo por artigo</h2>
740<p class="lead">Direitos fundamentais, organização do Estado, os três Poderes e controle de constitucionalidade: é muita estrutura para decorar lendo. Ouvindo, ela passa a fazer sentido.</p>
741<div class="why-stats">
742<div><strong>250</strong>artigos na CF/88</div>
743<div><strong>15</strong>temas que caem em prova</div>
744<div><strong>6h29</strong>para ouvir a matéria inteira</div>
745</div>
746</div>
747<div data-show="administrativo" hidden="">
748<h2>Administrativo não é decoreba. É repetição.</h2>
749<p class="lead">Princípios, atos, agentes, licitações: a banca cobra sempre os mesmos pontos, com nomes parecidos. Quem ouve várias vezes para de confundir.</p>
750<div class="why-stats">
751<div><strong>18</strong>temas que caem em prova</div>
752<div><strong>18</strong>resumos em PDF</div>
753<div><strong>8h20</strong>para ouvir a matéria inteira</div>
754</div>
755</div>
756<div data-show="processual" hidden="">
757<h2>O processo tem uma ordem. Estudar solto atrapalha.</h2>
758<p class="lead">Inquérito, ação penal, provas, prisões, sentença, recursos: cada fase depende da anterior. Ouvindo na sequência, a lógica do processo aparece.</p>
759<div class="why-stats">
760<div><strong>18</strong>aulas na ordem do processo</div>
761<div><strong>811</strong>artigos no CPP</div>
762<div><strong>8h27</strong>para ouvir a matéria inteira</div>
763</div>
764</div>
765<figure class="meme" data-show="leis constitucional administrativo processual">
766<img alt="Comparação: quem estuda sem o LeiCast lendo lei seca no ônibus x quem estuda com o LeiCast ouvindo pelo fone" decoding="async" loading="lazy" src="/__l5e/assets-v1/f8bef2e5-5b83-4143-9246-ea6c8838f24f/lc3-016.jpg"/>
767</figure>
768<figure class="meme" data-show="penal" hidden="">
769<img alt="Comparação: quem estuda sem o LeiCast lendo no transporte x quem estuda com o LeiCast ouvindo pelo fone" decoding="async" loading="lazy" src="/__l5e/assets-v1/52945c6c-58f1-4577-bae3-ccde86c583a7/lc3-017.jpg"/>
770</figure>
771<p class="meme-hook">Mesmo trajeto, mesmo tempo. O que muda é o que dá pra fazer com ele:</p>
772<div class="vs-compact">
773<div class="vs-cap"><b>📕 Do jeito tradicional</b><span></span><b>🎧 Com o LeiCast</b></div>
774<div class="vs-row" data-show="leis"><span class="old">Reler o mesmo PDF 5 vezes</span><span class="arr">→</span><span class="new">Ouvir 5 vezes é fácil</span></div>
775<div class="vs-row" data-show="leis"><span class="old">Só estudar sentado</span><span class="arr">→</span><span class="new">Trânsito, academia, fila</span></div>
776<div class="vs-row" data-show="leis"><span class="old">Decorar artigo sem entender</span><span class="arr">→</span><span class="new">Explicação em conversa</span></div>
777<div class="vs-row" data-show="leis"><span class="old">Se perder na lei inteira</span><span class="arr">→</span><span class="new">
777Foco no que as bancas mais cobram</span></div>
778<div class="vs-row" data-show="penal" hidden=""><span class="old">Artigos decorados soltos</span><span class="arr">→</span><span class="new">A lógica que liga tudo</span></div>
779<div class="vs-row" data-show="penal" hidden=""><span class="old">Geral e Especial separadas</span><span class="arr">→</span><span class="new">A base aplicada a cada crime</span></div>
780<div class="vs-row" data-show="penal" hidden=""><span class="old">Travar na teoria do crime</span><span class="arr">→</span><span class="new">Teoria do crime em conversa</span></div>
781<div class="vs-row" data-show="penal" hidden=""><span class="old">Reler o Código na véspera</span><span class="arr">→</span><span class="new">Mapa mental de véspera</span></div>
782<div class="vs-row" data-show="constitucional" hidden=""><span class="old">Ler a CF/88 artigo por artigo</span><span class="arr">→</span><span class="new">A lógica da Constituição</span></div>
783<div class="vs-row" data-show="constitucional" hidden=""><span class="old">Confundir competências</span><span class="arr">→</span><span class="new">Os Poderes lado a lado</span></div>
784<div class="vs-row" data-show="constitucional" hidden=""><span class="old">Decorar ADI, ADC e ADPF</span><span class="arr">→</span><span class="new">Controle sem decoreba</span></div>
785<div class="vs-row" data-show="constitucional" hidden=""><span class="old">Reler a CF na véspera</span><span class="arr">→</span><span class="new">Mapa mental de véspera</span></div>
786<div class="vs-row" data-show="administrativo" hidden=""><span class="old">Decorar listas de princípios</span><span class="arr">→</span><span class="new">Princípio com exemplo de prova</span></div>
787<div class="vs-row" data-show="administrativo" hidden=""><span class="old">Confundir nulo e anulável</span><span class="arr">→</span><span class="new">Vícios do ato comparados</span></div>
788<div class="vs-row" data-show="administrativo" hidden=""><span class="old">Misturar autarquia e fundação</span><span class="arr">→</span><span class="new">Direta e indireta lado a lado</span></div>
789<div class="vs-row" data-show="administrativo" hidden=""><span class="old">Reler a 14.133 na véspera</span><span class="arr">→</span><span class="new">Mapa mental de véspera</span></div>
790<div class="vs-row" data-show="processual" hidden=""><span class="old">Estudar as fases fora de ordem</span><span class="arr">→</span><span class="new">Do inquérito ao recurso, na ordem</span></div>
791<div class="vs-row" data-show="processual" hidden=""><span class="old">Confundir preventiva e temporária</span><span class="arr">→</span><span class="new">Cada prisão com seus requisitos</span></div>
792<div class="vs-row" data-show="processual" hidden=""><span class="old">Decorar prazos de recurso soltos</span><span class="arr">→</span><span class="new">Prazos comparados lado a lado</span></div>
793<div class="vs-row" data-show="processual" hidden=""><span class="old">Se perder nas nulidades</span><span class="arr">→</span><span class="new">Mapa mental de véspera</span></div>
794</div>
795</div>
796</section>
797<!-- ============ 5. VEJA POR DENTRO ============ -->
798<section class="alt" id="exemplos">
799<div class="container">
800<div class="center"><span class="eyebrow">Veja por dentro</span></div>
801<h2>Páginas reais dos materiais</h2>
802<p class="lead" data-show="leis">Nada de comprar no escuro. Em cima, páginas dos resumos das 25 Leis. Embaixo, os mapas mentais.</p>
803<p class="lead" data-show="penal" hidden="">Nada de comprar no escuro. Em cima, páginas dos resumos de Direito Penal. Embaixo, os mapas mentais.</p>
804<p class="lead" data-show="constitucional" hidden="">Nada de comprar no escuro. Em cima, páginas dos resumos de Constitucional. Embaixo, os mapas mentais.</p>
805<p class="lead" data-show="administrativo" hidden="">Nada de comprar no escuro. Em cima, páginas dos resumos de Administrativo. Embaixo, os mapas mentais.</p>
806<p class="lead" data-show="processual" hidden="">Nada de comprar no escuro. Em cima, páginas dos resumos de Processual Penal. Embaixo, os mapas mentais.</p>
807<div class="marquee-wrap" data-show="leis">
808<div class="marquee" data-speed="52">
809<div class="mq-track">
810<figure class="mq-item" data-cap="Resumo — Lei de Licitações · capa" data-lb=""><img alt="Resumo — Lei de Licitações · capa" decoding="async" loading="lazy" src="/__l5e/assets-v1/46378751-d8b3-461d-b771-9be1f23c610d/lc3-018.jpg"/><figcaption>Lei de Licitações<span>Capa do resumo</span></figcaption></figure>
811<figure class="mq-item" data-cap="Resumo — ECA · proteção integral e ato infracional" data-lb=""><img alt="Resumo — ECA · proteção integral e ato infracional" decoding="async" loading="lazy" src="/__l5e/assets-v1/b81d984a-3ba6-45e6-ad98-b2fa37d86a85/lc3-019.jpg"/><figcaption>ECA<span>Ato infracional</span></figcaption></figure>
812<figure class="mq-item" data-cap="Resumo — Lei Henry Borel · violência e atendimento policial" data-lb=""><img alt="Resumo — Lei Henry Borel · violência e atendimento policial" decoding="async" loading="lazy" src="/__l5e/assets-v1/adb599c9-87eb-4a53-a681-79c8ed844048/lc3-020.jpg"/><figcaption>
812Lei Henry Borel<span>Espécies de violência</span></figcaption></figure>
813<figure class="mq-item" data-cap="Resumo — Lei do Racismo · estrutura e fundamentos" data-lb=""><img alt="Resumo — Lei do Racismo · estrutura e fundamentos" decoding="async" loading="lazy" src="/__l5e/assets-v1/4f8d36b3-7511-497a-97dd-d58dd5dcbd5f/lc3-021.jpg"/><figcaption>Lei do Racismo<span>Estrutura e fundamentos</span></figcaption></figure>
814<figure class="mq-item" data-cap="Resumo — Lei de Improbidade Administrativa · capa" data-lb=""><img alt="Resumo — Lei de Improbidade Administrativa · capa" decoding="async" loading="lazy" src="/__l5e/assets-v1/e01b7bcd-a493-4c95-b698-e1e2dec6293c/lc3-022.jpg"/><figcaption>Improbidade<span>Capa do resumo</span></figcaption></figure>
815<figure class="mq-item" data-cap="25 Leis — Organizações Criminosas · página do resumo" data-lb=""><img alt="25 Leis — Organizações Criminosas · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/f27186ac-7eba-47f6-9a30-eaf84fa4b913/lc3-023.jpg"/><figcaption>Organizações Criminosas<span>Página do resumo</span></figcaption></figure>
816<figure class="mq-item" data-cap="25 Leis — Abuso de Autoridade · página do resumo" data-lb=""><img alt="25 Leis — Abuso de Autoridade · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/fd671389-a172-4d2e-a280-921ba39cfa6a/lc3-024.jpg"/><figcaption>Abuso de Autoridade<span>Página do resumo</span></figcaption></figure>
817<figure class="mq-item" data-cap="25 Leis — Lei de Execução Penal · página do resumo" data-lb=""><img alt="25 Leis — Lei de Execução Penal · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/b527444d-0f4f-4941-b470-b054d8d9ed96/lc3-025.jpg"/><figcaption>Execução Penal<span>Página do resumo</span></figcaption></figure>
818</div>
819</div>
820<div class="marquee" data-speed="38">
821<div class="mq-track">
822<figure class="mq-item wide" data-cap="25 Leis — Crimes de Tortura · mapa mental" data-lb=""><img alt="25 Leis — Crimes de Tortura · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/33e177ca-02d0-4fdf-b24d-027f744d8967/lc8-001.jpg"/><figcaption>Crimes de Tortura<span>Mapa mental</span></figcaption></figure>
823<figure class="mq-item wide" data-cap="25 Leis — ECA · mapa mental" data-lb=""><img alt="25 Leis — ECA · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/182a4090-c201-413b-8544-fb09a71ffe18/lc8-002.jpg"/><figcaption>ECA<span>Mapa mental</span></figcaption></figure>
824<figure class="mq-item wide" data-cap="25 Leis — Organizações Criminosas · mapa mental" data-lb=""><img alt="25 Leis — Organizações Criminosas · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/7cbf4340-c838-4dda-80a2-a9c63ab96a81/lc8-003.jpg"/><figcaption>Organizações Criminosas<span>Mapa mental</span></figcaption></figure>
825<figure class="mq-item wide" data-cap="25 Leis — Lei de Drogas · mapa mental" data-lb=""><img alt="25 Leis — Lei de Drogas · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/a2aa2a79-526d-4c8d-96eb-8b531fc46a52/lc8-004.jpg"/><figcaption>Lei de Drogas<span>Mapa mental</span></figcaption></figure>
826<figure class="mq-item wide" data-cap="25 Leis — Crimes Hediondos · mapa mental" data-lb=""><img alt="25 Leis — Crimes Hediondos · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/b96cafe3-014a-43da-9467-1caa1efc6326/lc8-005.jpg"/><figcaption>Crimes Hediondos<span>Mapa mental</span></figcaption></figure>
827<figure class="mq-item wide" data-cap="25 Leis — Abuso de Autoridade · mapa mental" data-lb=""><img alt="25 Leis — Abuso de Autoridade · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/9b20dddb-d58a-4289-88f1-0ba6d8201d5d/lc3-031.jpg"/><figcaption>Abuso de Autoridade<span>Mapa mental</span></figcaption></figure>
828</div>
829</div>
830</div>
831<div class="marquee-wrap" data-show="penal" hidden="">
832<div class="marquee" data-speed="52">
833<div class="mq-track">
834<figure class="mq-item" data-cap="Aplicação da Lei Penal — Resumo Parte Geral" data-lb=""><img alt="Aplicação da Lei Penal — Resumo Parte Geral" decoding="async" loading="lazy" src="/__l5e/assets-v1/c9719fdf-5296-40ee-947f-732b46627204/lc3-032.jpg"/><figcaption>Aplicação da Lei Penal<span>Resumo Parte Geral</span></figcaption></figure>
835<figure class="mq-item" data-cap="Teoria do Crime — Resumo Parte Geral" data-lb=""><img alt="Teoria do Crime — Resumo Parte Geral" decoding="async" loading="lazy" src="/__l5e/assets-v1/1baa9580-a4a2-41a4-b8f3-33490e3861cb/lc8-006.jpg"/><figcaption>Teoria do Crime<span>Resumo Parte Geral</span></figcaption></figure>
836<figure class="mq-item" data-cap="Teoria da Pena — Resumo Parte Geral" data-lb=""><img alt="Teoria da Pena — Resumo Parte Geral" decoding="async" loading="lazy" src="/__l5e/assets-v1/55a1a2d8-5fd5-4ed1-b862-a3892186d9f5/lc3-034.jpg"/><figcaption>Teoria da Pena<span>Resumo Parte Geral</span></figcaption></figure>
837<figure class="mq-item" data-cap="Lesões Corporais — Resumo Parte Especial" data-lb=""><img alt="Lesões Corporais — Resumo Parte Especial" decoding="async" loading="lazy" src="/__l5e/assets-v1/f999fd52-8693-49f5-ac4d-50604d2d1ef2/lc3-035.jpg"/><figcaption>Lesões Corporais<span>Resumo Parte Especial</span></figcaption></figure>
838<figure class="mq-item" data-cap="Crimes contra o Patrimônio — Resumo Parte Especial" data-lb=""><img alt="Crimes contra o Patrimônio — Resumo Parte Especial" decoding="async" loading="lazy" src="/__l5e/assets-v1/7ba73be2-f329-4724-941c-adb089597e8a/lc3-036.jpg"/><figcaption>Crimes contra o Patrimônio<span>Resumo Parte Especial</span></figcaption></figure>
839<figure class="mq-item" data-cap="Contra a Administração Pública — Resumo Parte Especial" data-lb=""><img alt="Contra a Administração Pública — Resumo Parte Especial" decoding="async" loading="lazy" src="/__l5e/assets-v1/fdd561b2-d298-4e51-93c9-0f85c2652419/lc8-007.jpg"/><figcaption>Contra a Administração Pública<span>Resumo Parte Especial</span></figcaption></figure>
840</div>
841</div>
842<div class="marquee" data-speed="38">
843<div class="mq-track">
844<figure class="mq-item wide" data-cap="Aplicação da Lei Penal — Mapa mental" data-lb=""><img alt="Aplicação da Lei Penal — Mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/c3878e3d-bb8d-4663-95b0-10b99badc8f6/lc3-038.jpg"/><figcaption>Aplicação da Lei Penal<span>Mapa mental</span></figcaption></figure>
845<figure class="mq-item wide" data-cap="Fato Típico — Mapa mental" data-lb=""><img alt="Fato Típico — Mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/1961cb03-ffc5-4d94-9b9b-99a40148df94/lc3-039.jpg"/><figcaption>Fato Típico<span>Mapa mental</span></figcaption></figure>
846<figure class="mq-item wide" data-cap="Teoria da Pena — Mapa mental" data-lb=""><img alt="Teoria da Pena — Mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/3f053302-fa38-4e63-86a7-e13b16bccf0e/lc3-040.jpg"/><figcaption>Teoria da Pena<span>Mapa mental</span></figcaption></figure>
847<figure class="mq-item wide" data-cap="Crimes contra a Vida — Mapa mental" data-lb=""><img alt="Crimes contra a Vida — Mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/a866e209-5b6b-4f6b-be84-a72de3b1cff2/lc3-04
8471.jpg"/><figcaption>Crimes contra a Vida<span>Mapa mental</span></figcaption></figure>
848<figure class="mq-item wide" data-cap="Crimes contra o Patrimônio — Mapa mental" data-lb=""><img alt="Crimes contra o Patrimônio — Mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/0a80758d-86c4-46bf-930d-16e3fd38bfe1/lc3-042.jpg"/><figcaption>Crimes contra o Patrimônio<span>Mapa mental</span></figcaption></figure>
849<figure class="mq-item wide" data-cap="Contra a Administração Pública — Mapa mental" data-lb=""><img alt="Contra a Administração Pública — Mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/02a6408e-2542-4d72-8436-6931ac7373ea/lc3-043.jpg"/><figcaption>Contra a Administração Pública<span>Mapa mental</span></figcaption></figure>
850</div>
851</div>
852</div>
853<div class="marquee-wrap" data-show="constitucional" hidden="">
854<div class="marquee" data-speed="52">
855<div class="mq-track">
856<figure class="mq-item" data-cap="Constitucional — Teoria da Constituição · capa do resumo" data-lb=""><img alt="Constitucional — Teoria da Constituição · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/e7bc97cf-2e66-492f-adef-c5ea44c17248/lc3-044.jpg"/><figcaption>Teoria da Constituição<span>Capa do resumo</span></figcaption></figure>
857<figure class="mq-item" data-cap="Constitucional — Direitos e Garantias Fundamentais · capa do resumo" data-lb=""><img alt="Constitucional — Direitos e Garantias Fundamentais · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/fceb8b38-2e50-45d4-95a8-017a2ea5ad2f/lc3-045.jpg"/><figcaption>Direitos Fundamentais<span>Capa do resumo</span></figcaption></figure>
858<figure class="mq-item" data-cap="Constitucional — Direitos Fundamentais · página do resumo" data-lb=""><img alt="Constitucional — Direitos Fundamentais · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/b2d84bea-025b-4c1f-a643-88bd06e4e276/lc3-046.jpg"/><figcaption>Direitos Fundamentais<span>Página do resumo</span></figcaption></figure>
859<figure class="mq-item" data-cap="Constitucional — Administração Pública · capa do resumo" data-lb=""><img alt="Constitucional — Administração Pública · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/9d58ddfd-b406-4b2d-9d0d-e5ead31001a6/lc3-047.jpg"/><figcaption>Administração Pública<span>Capa do resumo</span></figcaption></figure>
860<figure class="mq-item" data-cap="Constitucional — Poder Judiciário · capa do resumo" data-lb=""><img alt="Constitucional — Poder Judiciário · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/06f8cab5-6da6-4ef8-9f07-21a69f3fae35/lc3-048.jpg"/><figcaption>Poder Judiciário<span>Capa do resumo</span></figcaption></figure>
861<figure class="mq-item" data-cap="Constitucional — Controle de Constitucionalidade · capa do resumo" data-lb=""><img alt="Constitucional — Controle de Constitucionalidade · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/a9756a11-2771-44b0-88f9-da235f772b4e/lc3-049.jpg"/><figcaption>Controle de Constitucionalidade<span>Capa do resumo</span></figcaption></figure>
862<figure class="mq-item" data-cap="Constitucional — Defesa do Estado e das Instituições Democráticas · página do resumo" data-lb=""><img alt="Constitucional — Defesa do Estado e das Instituições Democráticas · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/b026a9ff-c4a4-4199-9e6a-258fe7b94ff2/lc3-050.jpg"/><figcaption>Defesa do Estado<span>Página do resumo</span></figcaption></figure>
863</div>
864</div>
865<div class="marquee" data-speed="38">
866<div class="mq-track">
867<figure class="mq-item wide" data-cap="Constitucional — Teoria da Constituição · mapa mental" data-lb=""><img alt="Constitucional — Teoria da Constituição · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/d36eaa25-deaa-467e-9084-ddd1fdb74057/lc3-051.jpg"/><figcaption>Teoria da Constituição<span>Mapa mental</span></figcaption></figure>
868<figure class="mq-item wide" data-cap="Constitucional — Poder Constituinte · mapa mental" data-lb=""><img alt="Constitucional — Poder Constituinte · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/4cffb390-af48-405c-8275-787410e51bbf/lc3-026.jpg"/><figcaption>Poder Constituinte<span>Mapa mental</span></figcaption></figure>
869<figure class="mq-item wide" data-cap="Constitucional — Direitos e Garantias Fundamentais · mapa mental" data-lb=""><img alt="Constitucional — Direitos e Garantias Fundamentais · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/13f4596f-9a17-45f5-8de5-110d360164
86969/lc3-027.jpg"/><figcaption>Direitos Fundamentais<span>Mapa mental</span></figcaption></figure>
870<figure class="mq-item wide" data-cap="Constitucional — Poder Legislativo · mapa mental" data-lb=""><img alt="Constitucional — Poder Legislativo · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/6b6098fb-c3c2-42c7-8627-9e4dfe8b115f/lc3-028.jpg"/><figcaption>Poder Legislativo<span>Mapa mental</span></figcaption></figure>
871<figure class="mq-item wide" data-cap="Constitucional — Poder Judiciário · mapa mental" data-lb=""><img alt="Constitucional — Poder Judiciário · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/7df32331-c101-436d-880c-799071ad77d3/lc3-029.jpg"/><figcaption>Poder Judiciário<span>Mapa mental</span></figcaption></figure>
872<figure class="mq-item wide" data-cap="Constitucional — Controle de Constitucionalidade · mapa mental" data-lb=""><img alt="Constitucional — Controle de Constitucionalidade · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/738ec507-b367-4da1-86b9-dead4c8b2454/lc3-030.jpg"/><figcaption>Controle de Constitucionalidade<span>Mapa mental</span></figcaption></figure>
873</div>
874</div>
875</div>
876<div class="marquee-wrap" data-show="administrativo" hidden="">
877<div class="marquee" data-speed="52">
878<div class="mq-track">
879<figure class="mq-item" data-cap="Administrativo — Poderes Administrativos · capa do resumo" data-lb=""><img alt="Administrativo — Poderes Administrativos · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/68b395ea-bcf3-4a4f-9f00-6ee7bc9fa351/lc8-008.jpg"/><figcaption>Poderes Administrativos<span>Capa do resumo</span></figcaption></figure>
880<figure class="mq-item" data-cap="Administrativo — Poderes Administrativos · página do resumo" data-lb=""><img alt="Administrativo — Poderes Administrativos · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/4c4b76fe-ce5b-4b18-b02a-96e962592688/lc3-052.jpg"/><figcaption>Poderes Administrativos<span>Página do resumo</span></figcaption></figure>
881<figure class="mq-item" data-cap="Administrativo — Atos Administrativos · capa do resumo" data-lb=""><img alt="Administrativo — Atos Administrativos · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/27cd4bb4-dd83-4fe4-bca9-403bff57ffdb/lc3-053.jpg"/><figcaption>Atos Administrativos<span>Capa do resumo</span></figcaption></figure>
882<figure class="mq-item" data-cap="Administrativo — Serviços Públicos · capa do resumo" data-lb=""><img alt="Administrativo — Serviços Públicos · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/2aa1f0ea-c44f-41d1-9c05-5a76590783a4/lc3-054.jpg"/><figcaption>Serviços Públicos<span>Capa do resumo</span></figcaption></figure>
883<figure class="mq-item" data-cap="Administrativo — Serviços Públicos · página do resumo" data-lb=""><img alt="Administrativo — Serviços Públicos · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/9067eba5-62f3-462a-97d0-ef0112672eb0/lc3-055.jpg"/><figcaption>Serviços Públicos<span>Página do resumo</span></figcaption></figure>
884<figure class="mq-item" data-cap="Administrativo — Licitações e Contratos · capa do resumo" data-lb=""><img alt="Administrativo — Licitações e Contratos · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/c35a8bd9-5c41-4b14-9fe8-3396d5632db7/lc3-056.jpg"/><figcaption>Licitações e Contratos<span>Capa do resumo</span></figcaption></figure>
885<figure class="mq-item" data-cap="Administrativo — Licitações e Contratos · página do resumo" data-lb=""><img alt="Administrativo — Licitações e Contratos · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/685e68ca-a847-48be-aa20-3d40af235caf/lc3-057.jpg"/><figcaption>Licitações e Contratos<span>Página do resumo</span></figcaption></figure>
886</div>
887</div>
888<div class="marquee" data-speed="38">
889<div class="mq-track">
890<figure class="mq-item wide" data-cap="Administrativo — Regime Jurídico, Princípios e Fontes · mapa mental" data-lb=""><img alt="Administrativo — Regime Jurídico, Princípios e Fontes · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/3f60f1dd-40f8-4572-8f2a-773e2d63684d/lc8-009.jpg"/><figcaption>Regime Jurídico e Princípios<span>Mapa mental</span></figcaption></figure>
891<figure class="mq-item wide" data-cap="Administrativo — Poderes Administrativos · mapa mental" data-lb=""><img alt="Administrativo — Poderes Administrativos · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/2cc2cd50-3e74-4b51-8846-84291726e634/lc3-058.jpg"/><figcaption>Poderes Administrativos<span>Mapa mental</span></figcaption></figure>
892<figure class="mq-item wide" data-cap="Administrativo — Atos Administrativos · mapa mental" data-lb=""><img alt="Administrativo — Atos Administrativos · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/2948a79d-0b34-45ad-96d5-d201d6caca25/lc3-059.jpg"/><figcaption>Atos Administrativos<span>Mapa mental</span></figcaption></figure>
893<figure class="mq-item wide" data-cap="Administrativo — Serviços Públicos · mapa mental" data-lb=""><img alt="Administrativo — Serviços Públicos · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/10037da0-0170-4ec3-9853-4655f8e67f13/lc3-060.jpg"/><figcaption>Serviços Públicos<span>Mapa mental</span></figcaption></figure>
894<figure class="mq-item wide" data-cap="Administrativo — Improbidade Administrativa · mapa mental" data-lb=""><img alt="Administrativo — Improbidade Administrativa · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/7ffdbbc1-c182-4cd6-9e55-1f44d65ad2b1/lc3-061.jpg"/><figcaption>Improbidade Administrativa<span>Mapa mental</span></figcaption></figure>
895<figure class="mq-item wide" data-cap="Administrativo — Licitações · mapa mental" data-lb=""><img alt="Administrativo — Licitações · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/d803ebb4-e200-455d-a361-d10462b3cd19/lc3-062.jpg"/><figcaption>Licitações<span>Mapa mental</span></figcaption></figure>
896</div>
897</div>
898</div>
899<div class="marquee-wrap" data-show="processual" hidden="">
900<div class="marquee" data-speed="52">
901<div class="mq-track">
902<figure class="mq-item" data-cap="Processual Penal — Inquérito Policial · capa do resumo" data-lb=""><img alt="Processual Penal — Inquérito Policial · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/5e1aa58d-98ea-4d9a-ac73-b58b9b31a0c3/lc3-063.jpg"/><figcaption>Inquérito Policial<span>Capa do resumo</span></figcaption></figure>
903<figure class="mq-item" data-cap="Processual Penal — Inquérito Policial · página do resumo" data-lb=""><img alt="Processual Penal — Inquérito Policial · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/3116b069-82c0-4da6-9562-beab5cf18197/lc3-064.
903jpg"/><figcaption>Inquérito Policial<span>Página do resumo</span></figcaption></figure>
904<figure class="mq-item" data-cap="Processual Penal — Provas · capa do resumo" data-lb=""><img alt="Processual Penal — Provas · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/32a92185-7268-4b5b-a291-b857fcbbab75/lc3-065.jpg"/><figcaption>Provas<span>Capa do resumo</span></figcaption></figure>
905<figure class="mq-item" data-cap="Processual Penal — Provas · página do resumo" data-lb=""><img alt="Processual Penal — Provas · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/adcac138-ef1c-4f00-9f9c-166f54167d93/lc3-066.jpg"/><figcaption>Provas<span>Página do resumo</span></figcaption></figure>
906<figure class="mq-item" data-cap="Processual Penal — Prisões, medidas cautelares e liberdade provisória · capa" data-lb=""><img alt="Processual Penal — Prisões, medidas cautelares e liberdade provisória · capa" decoding="async" loading="lazy" src="/__l5e/assets-v1/c1da093f-1274-4bda-b590-e0086a32e60a/lc8-010.jpg"/><figcaption>Prisões e Cautelares<span>Capa do resumo</span></figcaption></figure>
907<figure class="mq-item" data-cap="Processual Penal — Prisões · página do resumo" data-lb=""><img alt="Processual Penal — Prisões · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/114d7786-b361-459c-8553-557041ac47ce/lc3-067.jpg"/><figcaption>Prisões e Cautelares<span>Página do resumo</span></figcaption></figure>
908<figure class="mq-item" data-cap="Processual Penal — Recursos · capa do resumo" data-lb=""><img alt="Processual Penal — Recursos · capa do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/89193d10-7e7b-495d-8feb-8494ef2c1755/lc3-068.jpg"/><figcaption>Recursos<span>Capa do resumo</span></figcaption></figure>
909<figure class="mq-item" data-cap="Processual Penal — Recursos · página do resumo" data-lb=""><img alt="Processual Penal — Recursos · página do resumo" decoding="async" loading="lazy" src="/__l5e/assets-v1/42d42ff5-4331-4b07-ad44-3549eba805a3/lc3-069.jpg"/><figcaption>Recursos<span>Página do resumo</span></figcaption></figure>
910</div>
911</div>
912<div class="marquee" data-speed="38">
913<div class="mq-track">
914<figure class="mq-item wide" data-cap="Processual Penal — Inquérito Policial · mapa mental" data-lb=""><img alt="Processual Penal — Inquérito Policial · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/0388bcda-aa25-4074-af1e-848a22f0a272/lc3-070.jpg"/><figcaption>Inquérito Policial<span>Mapa mental</span></figcaption></figure>
915<figure class="mq-item wide" data-cap="Processual Penal — Ação Penal · mapa mental" data-lb=""><img alt="Processual Penal — Ação Penal · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/8e3f7680-d981-44d1-94f1-faadce8adda7/lc8-011.jpg"/><figcaption>Ação Penal<span>Mapa mental</span></figcaption></figure>
916<figure class="mq-item wide" data-cap="Processual Penal — Provas e cadeia de custódia · mapa mental" data-lb=""><img alt="Processual Penal — Provas e cadeia de custódia · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/8a85a4f4-063d-4f9f-8108-35206949089e/lc8-012.jpg"/><figcaption>Provas e cadeia de custódia<span>Mapa mental</span></figcaption></figure>
917<figure class="mq-item wide" data-cap="Processual Penal — Prisões e medidas cautelares · mapa mental" data-lb=""><img alt="Processual Penal — Prisões e medidas cautelares · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/ba28b00c-b12f-4af7-b8fe-e680e2143940/lc8-013.jpg"/><figcaption>Prisões e Cautelares<span>Mapa mental</span></figcaption></figure>
918<figure class="mq-item wide" data-cap="Processual Penal — Sentença · mapa mental" data-lb=""><img alt="Processual Penal — Sentença · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/581e7f78-1bd9-4d7a-a531-57e08507d112/lc3-072.jpg"/><figcaption>Sentença<span>Mapa mental</span></figcaption></figure>
919<figure class="mq-item wide" data-cap="Processual Penal — Recursos · mapa mental" data-lb=""><img alt="Processual Penal — Recursos · mapa mental" decoding="async" loading="lazy" src="/__l5e/assets-v1/bb3834a7-10cb-4bb6-aa24-19961c5ce3c8/lc8-014.jpg"/><figcaption>Recursos<span>Mapa mental</span></figcaption></figure>
920</div>
921</div>
922</div>
923<p class="car-tip">Toque em qualquer página para ampliar 🔍</p>
924</div>
925</section>
926<!-- ============ 7. DEPOIMENTOS ============ -->
927<section class="testi-sec" id="depoimentos">
928<div class="container">
929<div class="center"><span class="eyebrow dark">⭐ +1.500 alunos</span></div>
930<h2>Mais de 1.500 alunos já estudam no play</h2>
931<p class="lead">
931Mensagens reais que chegam todo dia no nosso direct e nos comentários do Instagram.</p>
932<div class="testi-nums"><span><b>1.500+</b>alunos</span><span><b>98</b>aulas</span><span><b>5</b>matérias</span></div>
933</div>
934<div class="marquee-wrap on-dark dep-rows">
935<div class="marquee" data-hide-if-empty="" data-speed="30">
936<div class="mq-track">
937<figure class="shot dep" data-cap="“Impressionante como se tornou fácil entender uma lei.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Impressionante como se tornou fácil entender uma lei.”</p><img alt="“Impressionante como se tornou fácil entender uma lei.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/6da07a02-0c61-4425-8805-1291c92cb08b/lc5-011.jpg"/></figure>
938<figure class="shot dep" data-cap="“Encantada com a qualidade do conteúdo… didática INCRÍVEL.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Encantada com a qualidade do conteúdo… didática INCRÍVEL.”</p><img alt="“Encantada com a qualidade do conteúdo… didática INCRÍVEL.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/93a26588-ae36-4210-b55b-ee9f1120b96c/lc5-002.jpg"/></figure>
939<figure class="shot dep" data-cap="“Pode comprar sem medo. O material é bom. Vale o preço.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Comentário no Instagram</span></div><p class="dep-q">“Pode comprar sem medo. O material é bom. Vale o preço.”</p><img alt="“Pode comprar sem medo. O material é bom. Vale o preço.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/6131866f-bd1d-4da9-a98f-0cd542810203/lc5-004.jpg"/></figure>
940<figure class="shot dep" data-cap="“Adorei… Voltei do trabalho ouvindo vocês.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Adorei… Voltei do trabalho ouvindo vocês.”</p><img alt="“Adorei… Voltei do trabalho ouvindo vocês.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/20e5e925-0e20-4b69-888c-2498adb28aca/lc5-005.jpg"/></figure>
941<figure class="shot dep" data-cap="“Que didática incrível! Vocês me fizeram gostar de legislação.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Que didática incrível! Vocês me fizeram gostar de legislação.”</p><img alt="“Que didática incrível! Vocês me fizeram gostar de legislação.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/5bc31535-0c3b-46b3-8444-3e255bc688ae/lc5-013.jpg"/></figure>
942<figure class="shot dep" data-cap="“Indico para quem dirige na ida ou na volta do trabalho ou pega ônibus.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Comentário no Instagram</span></div><p class="dep-q">“Indico para quem dirige na ida ou na volta do trabalho ou pega ônibus.”</p><img alt="“Indico para quem dirige na ida ou na volta do trabalho ou pega ônibus.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/4fa95541-7cac-4ea9-b1b2-d483014c28c5/lc5-012.jpg"/></figure>
943<figure class="shot dep" data-cap="“Pra mim é muito útil por causa da metodologia.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Pra mim é muito útil por causa da metodologia.”</p><img alt="“Pra mim é muito útil por causa da metodologia.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/20c89363-15c9-48df-8345-2caaa4cd8d16/lc5-006.jpg"/></figure>
944<figure class="shot dep" data-cap="Aluna: “O de Direito Penal está atualizado?” — LeiCast: “Está sim! Subimos a última atualização na semana passada.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“O de Direito Penal está atualizado?” — “Está sim!”</p><img alt="Aluna: “O de Direito Penal está atualizado?” — LeiCast: “Está sim! Subimos a última atualização na semana passada.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/3027ebb6-e46f-4518-9089-e93efcf702cd/lc5-003.jpg"/></figure>
945<figure class="shot dep" data-cap="“Esses áudios facilitam demais o aprendizado.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Esses áudios facilitam demais o aprendizado.”</p><img alt="“Esses áudios facilitam demais o aprendizado.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/6824f8fc-65a7-4a44-b224-30a4c5e65ed8/lc5-015.jpg"/></figure>
946</div>
947</div>
948<div class="marquee" data-speed="23">
949<div class="mq-track">
950<figure class="shot dep" data-cap="“Material top. Vou adquirir o Direito Penal.â€
950" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Material top. Vou adquirir o Direito Penal.”</p><img alt="“Material top. Vou adquirir o Direito Penal.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/ed3202dd-db91-4dd7-8ef4-fb0394e82ae6/lc5-007.jpg"/></figure>
951<figure class="shot dep" data-cap="“Já vou ficar ouvindo agora e fazendo almoço.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Já vou ficar ouvindo agora e fazendo almoço.”</p><img alt="“Já vou ficar ouvindo agora e fazendo almoço.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/cc687c53-8785-4e02-849d-86c2ed65cd8e/lc5-008.jpg"/></figure>
952<figure class="shot dep" data-cap="“Quando eu der meu testemunho da aprovação, irei marcar vocês!”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Quando eu der meu testemunho da aprovação, irei marcar vocês!”</p><img alt="“Quando eu der meu testemunho da aprovação, irei marcar vocês!”" decoding="async" loading="lazy" src="/__l5e/assets-v1/f2c12324-33b4-4d02-bf14-a92f02affe9b/lc5-009.jpg"/></figure>
953<figure class="shot dep" data-cap="“Comprei e recomendo, top, muito bom mesmo.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Comentário no Instagram</span></div><p class="dep-q">“Comprei e recomendo, top, muito bom mesmo.”</p><img alt="“Comprei e recomendo, top, muito bom mesmo.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/e55b0248-d603-4e22-9975-f0259a3555a2/lc5-010.jpg"/></figure>
954<figure class="shot dep" data-cap="“Indiquei vocês no grupo de estudos.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Indiquei vocês no grupo de estudos.”</p><img alt="“Indiquei vocês no grupo de estudos.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/3db7675d-3e0f-4b11-a3ef-fe013746cdec/lc5-014.jpg"/></figure>
955<figure class="shot dep" data-cap="“Mt bom! Depois vou pegar mais.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Mt bom! Depois vou pegar mais.”</p><img alt="“Mt bom! Depois vou pegar mais.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/ac36980e-25ae-458a-95b9-a55c2f98d1a2/lc5-016.jpg"/></figure>
956<figure class="shot dep" data-cap="“Vai me ajudar muito na fixação da matéria.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Vai me ajudar muito na fixação da matéria.”</p><img alt="“Vai me ajudar muito na fixação da matéria.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/f9e29580-2349-4f07-b244-4ea8c43936dc/lc5-017.jpg"/></figure>
957<figure class="shot dep" data-cap="“Impecável, continue!”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Impecável, continue!”</p><img alt="“Impecável, continue!”" decoding="async" loading="lazy" src="/__l5e/assets-v1/eb0bc0d1-b7ca-49ff-9347-6787ea59a212/lc5-018.jpg"/></figure>
958<figure class="shot dep" data-cap="“Certeza que esse método já é sucesso.”" data-lb=""><div class="dep-hd"><span class="dep-src"><svg aria-hidden="true" viewbox="0 0 24 24"><rect height="18" rx="5.5" width="18" x="3" y="3"></rect><circle cx="12" cy="12" r="4.2"></circle><circle class="d" cx="17.3" cy="6.7" r="1.1"></circle></svg>Direct no Instagram</span></div><p class="dep-q">“Certeza que esse método já é sucesso.”</p><img alt="“Certeza que esse método já é sucesso.”" decoding="async" loading="lazy" src="/__l5e/assets-v1/b0217dc5-0ee4-486c-b66f-79a7a24c78c6/lc5-019.jpg"/></figure>
959</div>
960</div>
961</div>
962<div class="container">
963<p class="testi-foot">← Arraste para o lado para ver mais mensagens</p>
964<p class="testi-cta"><a href="#planos">Agora é a sua vez. <b>Escolha sua matéria ↓</b></a></p>
965</div>
966</section>
967<!-- ============ 7. OFERTAS ============ -->
968<section class="offer" id="ofertas">
969<div class="container">
970<div class="center"><span class="eyebrow dark">Oferta de lançamento</span></div>
971<h2>Escolha como você quer estudar</h2>
972<p class="lead">São <b>5 matérias vendidas separadamente</b>. Leve <b>só uma</b> ou <b>as 5 juntas</b> com desconto. Você paga uma vez e usa para sempre.</p>
973<div class="promises">
974<span>💳 <b>Compra única</b> · não é assinatura</span>
975<span>📱 Tudo no <b>app LeiCast</b></span>
976<span>🔄 <b>Atualizações incluídas</b></span>
977</div>
978<!-- BIBLIOTECA LEICAST: as 5 matérias -->
979<div id="planos"></div>
980<button class="btn-all" data-offer-tab="todas">
981<span class="ba-txt">
982<span class="ba-tit"><i>⭐</i> Quero todas as 5 matérias</span>
983<span class="ba-sub">25 Leis + Penal + Constitucional + Administrativo + Processual Penal em um só acesso — <b>a partir de R$ 189,90</b></span>
984</span>
985<span class="ba-cta"><b class="cta-off">VER OS PACOTES <i>→</i></b><b class="cta-on">✓ VENDO OS PACOTES</b></span>
986</button>
987<div class="or-sep or-sep-tabs">Ou leve só 1 matéria</div>
988<p class="offer-hint">👇 <b>Toque em uma matéria</b>
988 para ver o preço e tudo o que vem nela</p>
989<div aria-label="Planos por matéria" class="subj-tabs" role="tablist">
990<button class="st" data-subj-btn="leis" role="tab">⚖️ 25 Leis<small>Ver preço</small></button>
991<button class="st" data-subj-btn="penal" role="tab">🔒 Direito Penal<small>Ver preço</small></button>
992<button class="st" data-subj-btn="constitucional" role="tab">🏛️ Constitucional<small>Ver preço</small></button>
993<button class="st" data-subj-btn="administrativo" role="tab">📋 Administrativo<small>Ver preço</small></button>
994<button class="st" data-subj-btn="processual" role="tab">⚖️ Processual Penal<small>Ver preço</small></button>
995</div>
996<div class="offer-panel" data-offer-panel="todas" hidden="">
997<div class="lib-head">
998<span class="lib-kicker">🔥 Lançamento · 5 matérias</span>
999<h3>Biblioteca LeiCast</h3>
1000<p>25 Leis + Penal + Constitucional + Administrativo + Processual Penal no app LeiCast. Pague uma vez e use para sempre, sem mensalidade.</p>
1001</div>
1002<div class="plans libs">
1003<div class="plan essential">
1004<div class="plan-name">Biblioteca LeiCast Essencial<small>as 5 matérias · só áudios</small></div>
1005<p class="plan-sub">As 5 matérias em áudio: as 98 aulas no app, para ouvir onde quiser.</p>
1006<ul>
1007<li><strong>98 aulas em áudio</strong> das 5 matérias</li>
1008<li>App LeiCast para sempre, sem mensalidade</li>
1009<li>Reprodução offline</li>
1010<li class="no">Resumos em PDF</li>
1011<li class="no">Mapas mentais</li>
1012<li class="no">Guia de Prazos e Penas</li>
1013<li class="no">1.960 questões + 1.960 flashcards</li>
1014</ul>
1015<div class="stack">
1016<div class="stack-row"><span>25 Leis Essencial</span><b>R$ 37,90</b></div>
1017<div class="stack-row"><span>Direito Penal Essencial</span><b>R$ 57,00</b></div>
1018<div class="stack-row"><span>Constitucional Essencial</span><b>R$ 47,00</b></div>
1019<div class="stack-row"><span>Administrativo Essencial</span><b>R$ 57,00</b></div>
1020<div class="stack-row"><span>Processual Penal Essencial</span><b>R$ 57,00</b></div>
1021<div class="stack-total"><span>Comprando separadamente</span><s>R$ 255,90</s></div>
1022</div>
1023<p class="price-old">De <s>R$ 255,90</s> por <span class="off">🔥 -26%</span></p>
1024<p class="price"><sup>R$</sup>189<span style="font-size:1.4rem">,90</span><small class="parcela">ou em até 12x</small></p>
1025<span class="save-pill">💰 R$ 66,00 a menos que comprar separado</span>
1026<p class="price-note">Pagamento único · não é assinatura</p>
1027<p class="plan-all">✅ Inclui <b>as 5 matérias</b>: 25 Leis, Direito Penal, Constitucional, Administrativo e Processual Penal.</p>
1028<a class="btn btn-navy" href="https://pay.hotmart.com/T107662909T?checkoutMode=10">QUERO A BIBLIOTECA ESSENCIAL</a>
1029<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1030</div>
1031<div class="plan featured">
1032<span class="flag">⭐ Mais completa · melhor custo-benefício</span>
1033<div class="plan-name">Biblioteca LeiCast Completa<small>as 5 matérias · tudo incluso</small></div>
1034<p class="plan-sub">As 5 matérias com todos os materiais: ouvir, ler, revisar e praticar tudo no mesmo lugar.</p>
1035<ul>
1036<li><strong>98 aulas em áudio</strong></li>
1037<li><strong>69 resumos</strong> em PDF</li>
1038<li><strong>97 mapas mentais</strong></li>
1039<li><span class="bonus-seal">🎁 BÔNUS</span> <strong>1.960 questões + 1.960 flashcards</strong> para praticar no app</li>
1040<li><strong>Guia de Prazos e Penas</strong></li>
1041<li>App LeiCast com acesso offline, para sempre</li>
1042<li>Atualizações incluídas quando a lei muda</li>
1043</ul>
1044<p class="lib-count">📚 264 materiais + 3.920 questões e flashcards</p>
1045<div class="stack">
1046<div class="stack-row"><span>25 Leis Completo</span><b>R$ 42,90</b></div>
1047<div class="stack-row"><span>Direito Penal Completo</span><b>R$ 67,00</b></div>
1048<div class="stack-row"><span>Constitucional Completo</span><b>R$ 57,00</b></div>
1049<div class="stack-row"><span>Administrativo Completo</span><b>R$ 67,00</b></div>
1050<div class="stack-row"><span>Processual Penal Completo</span><b>R$ 67,00</b></div>
1051<div class="stack-total"><span>Comprando os completos separadamente</span><s>R$ 300,90</s></div>
1052</div>
1053<p class="lib-bonus">🎁 <b>Bônus incluso:</b> 1.960 questões + 1.960 flashcards <span>valor de <s>R$ 149,50</s></span></p>
1054<p class="price-old">De <s>R$ 300,90</s>
1054 por <span class="off">🔥 -24%</span></p>
1055<p class="price"><sup>R$</sup>229<span style="font-size:1.4rem">,90</span><small class="parcela">ou em até 12x</small></p>
1056<span class="save-pill">💰 R$ 71,00 a menos que comprar separado</span>
1057<p class="price-note">Pagamento único</p>
1058<p class="upsell-pill">👉 <b>Só R$ 40 a mais</b> que a Essencial, e vem com tudo</p>
1059<p class="plan-all">✅ Inclui <b>as 5 matérias</b>: 25 Leis, Direito Penal, Constitucional, Administrativo e Processual Penal.</p>
1060<a class="btn btn-gold" href="https://pay.hotmart.com/U107662864P?checkoutMode=10">QUERO A BIBLIOTECA COMPLETA</a>
1061<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1062</div>
1063</div>
1064</div>
1065<div class="offer-panel" data-subj-panel="leis">
1066<p class="scope-bar">Você está vendo os planos de <b>1 matéria: 25 Leis</b><button class="scope-link" data-offer-tab="todas">quero as 5 matérias →</button></p>
1067<div class="plans">
1068<div class="plan essential">
1069<div class="plan-name">25 Leis — Essencial<small>1 matéria · só áudios</small></div>
1070<p class="plan-sub">Só áudios · o principal diferencial do método: estudar legislação ouvindo.</p>
1071<ul>
1072<li><strong>25 aulas em áudio</strong> (9h15)</li>
1073<li>Pague uma vez e use para sempre</li>
1074<li>Ouça offline em qualquer dispositivo</li>
1075<li class="no">25 resumos em PDF</li>
1076<li class="no">25 mapas mentais</li>
1077<li class="no">Guia de Prazos e Penas</li>
1078<li class="no">500 questões + 500 flashcards</li>
1079</ul>
1080<p class="plan-miss">Sem resumo em PDF, sem mapa mental, sem o guia e sem questões.</p>
1081<p class="price-old">De <s>R$ 57,00</s> por <span class="off">-34%</span></p>
1082<p class="price"><sup>R$</sup>37<span style="font-size:1.4rem">,90</span></p>
1083<p class="price-note">Pagamento único · não é assinatura</p>
1084<p class="plan-only">📌 Inclui <b>só 25 Leis</b>. Penal, Constitucional, Administrativo e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1085<a class="btn btn-navy" href="https://pay.hotmart.com/T107279537C?off=ypfv6d26&amp;checkoutMode=10">QUERO SÓ OS ÁUDIOS</a>
1086<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1087</div>
1088<div class="plan featured">
1089<span class="flag">⭐ Mais escolhido · 25 Leis</span>
1090<div class="plan-name">25 Leis — Completo<small>1 matéria · áudios + materiais</small></div>
1091<p class="plan-sub">Áudios + materiais: compreensão em áudio com estudo e revisão visual.</p>
1092<ul>
1093<li><strong>25 aulas em áudio</strong> (9h15)</li>
1094<li><strong>25 resumos</strong> em PDF, atualizados 2026</li>
1095<li><strong>25 mapas mentais</strong> para revisão rápida</li>
1096<li><span class="bonus-seal">🎁 BÔNUS</span> <strong>500 questões + 500 flashcards</strong> para praticar no app</li>
1097<li><span class="bonus-seal">🎁 BÔNUS</span> <strong>Guia de Prazos e Penas</strong> — prazos, penas, frações e limites das 25 leis</li>
1098<li>Pague uma vez e use para sempre</li>
1099<li>Estude offline em qualquer dispositivo</li>
1100</ul>
1101<div class="stack">
1102<div class="stack-row"><span>25 aulas em áudio</span><b>R$ 57</b></div>
1103<div class="stack-row"><span>25 resumos</span><b>R$ 32</b></div>
1104<div class="stack-row"><span>25 mapas mentais</span><b>R$ 32</b></div>
1105<div class="stack-row"><span>Guia de Prazos e Penas</span><b>R$ 26</b></div>
1106<div class="stack-row stack-bonus"><span>🎁 Questões e flashcards</span><b>R$ 29,90</b></div>
1107<div class="stack-total"><span>Valor somado dos conteúdos</span><s>R$ 176,90</s></div>
1108</div>
1109<p class="price-old">De <s>R$ 176,90</s> por <span class="off">-76%</span></p>
1110<p class="price"><sup>R$</sup>42<span style="font-size:1.4rem">,90</span><small class="parcela">ou em até 12x</small></p>
1111<span class="save-pill">💰 Você economiza R$ 134,00</span>
1112<p class="price-note">Pagamento único</p>
1113<p class="upsell-pill">👉 <b>Só R$ 5 a mais</b> que o Essencial, e vem com tudo</p>
1114<p class="plan-only">📌 Inclui <b>só 25 Leis</b>. Penal, Constitucional, Administrativo e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1115<a class="btn btn-gold" href="https://pay.hotmart.com/T107178562L?off=l2tnm1b6&amp;checkoutMode=10">QUERO AS 25 LEIS COMPLETO</a>
1116<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1117</div>
1118</div>
1119</div>
1120<div class="offer-panel" data-subj-panel="penal" hidden="">
1121<p class="scope-bar">Você está vendo os planos de <b>1 matéria: Direito Penal</b><button class="scope-link" data-offer-tab="todas">quero as 5 matérias →</button></p>
1122<div class="plans">
1123<div class="plan essential">
1124<div class="plan-name">Direito Penal — Essencial<small>1 matéria · só áudios</small></div>
1125<p class="plan-sub">Só áudios · Parte Geral + Parte Especial.</p>
1126<ul>
1127<li><strong>22 aulas em áudio</strong> (8h17)</li>
1128<li>Parte Geral + Parte Especial</li>
1129<li>Pague uma vez e use para sempre</li>
1130<li>Ouça offline em qualquer dispositivo</li>
1131<li class="no">2 resumos completos em PDF</li>
1132<li class="no">22 mapas mentais</li>
1133<li class="no">440 questões + 440 flashcards</li>
1134</ul>
1135<p class="plan-miss">Sem resumos em PDF, sem mapas mentais e sem questões.</p>
1136<p class="price-old">De <s>R$ 114,00</s>
1136 por <span class="off">-50%</span></p>
1137<p class="price"><sup>R$</sup>57<span style="font-size:1.4rem">,00</span></p>
1138<p class="price-note">Pagamento único · não é assinatura</p>
1139<p class="plan-only">📌 Inclui <b>só Direito Penal</b>. 25 Leis, Constitucional, Administrativo e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1140<a class="btn btn-navy" href="https://pay.hotmart.com/J107639504N?off=j2k58etq&amp;checkoutMode=10">QUERO SÓ OS ÁUDIOS</a>
1141<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1142</div>
1143<div class="plan featured">
1144<span class="flag">⭐ Mais escolhido · Penal</span>
1145<div class="plan-name">Direito Penal — Completo<small>1 matéria · áudios + materiais</small></div>
1146<p class="plan-sub">Áudios + materiais: a matéria inteira com todo o material de apoio.</p>
1147<ul>
1148<li><strong>22 aulas em áudio</strong> (8h17)</li>
1149<li><strong>2 resumos completos</strong> em PDF (120 páginas)</li>
1150<li><strong>22 mapas mentais</strong> para revisão</li>
1151<li><span class="bonus-seal">🎁 BÔNUS</span> <strong>440 questões + 440 flashcards</strong> para praticar no app</li>
1152<li>Parte Geral + Parte Especial</li>
1153<li>Pague uma vez e use para sempre</li>
1154<li>Estude offline em qualquer dispositivo</li>
1155</ul>
1156<div class="stack">
1157<div class="stack-row"><span>22 aulas em áudio</span><b>R$ 114</b></div>
1158<div class="stack-row"><span>2 resumos completos</span><b>R$ 37</b></div>
1159<div class="stack-row"><span>22 mapas mentais</span><b>R$ 36</b></div>
1160<div class="stack-row stack-bonus"><span>🎁 Questões e flashcards</span><b>R$ 29,90</b></div>
1161<div class="stack-total"><span>Valor somado dos conteúdos</span><s>R$ 216,90</s></div>
1162</div>
1163<p class="price-old">De <s>R$ 216,90</s> por <span class="off">-69%</span></p>
1164<p class="price"><sup>R$</sup>67<span style="font-size:1.4rem">,00</span><small class="parcela">ou em até 12x</small></p>
1165<span class="save-pill">💰 Você economiza R$ 149,90</span>
1166<p class="price-note">Pagamento único</p>
1167<p class="upsell-pill">👉 <b>Só R$ 10 a mais</b> que o Essencial, e vem com tudo</p>
1168<p class="plan-only">📌 Inclui <b>só Direito Penal</b>. 25 Leis, Constitucional, Administrativo e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1169<a class="btn btn-gold" href="https://pay.hotmart.com/H107296164I?checkoutMode=10">QUERO O PENAL COMPLETO</a>
1170<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1171</div>
1172</div>
1173</div>
1174<div class="offer-panel" data-subj-panel="constitucional" hidden="">
1175<p class="scope-bar">Você está vendo os planos de <b>1 matéria: Constitucional</b><button class="scope-link" data-offer-tab="todas">quero as 5 matérias →</button></p>
1176<div class="plans">
1177<div class="plan essential">
1178<div class="plan-name">Constitucional — Essencial<small>1 matéria · só áudios</small></div>
1179<p class="plan-sub">Só áudios · as 15 aulas para entender a CF/88 ouvindo.</p>
1180<ul>
1181<li><strong>15 aulas em áudio</strong> (6h29)</li>
1182<li>Pague uma vez e use para sempre</li>
1183<li>Ouça offline em qualquer dispositivo</li>
1184<li class="no">14 resumos em PDF</li>
1185<li class="no">15 mapas mentais</li>
1186<li class="no">300 questões + 300 flashcards</li>
1187</ul>
1188<p class="plan-miss">Sem resumo em PDF, sem mapa mental e sem questões.</p>
1189<p class="price-old">De <s>R$ 79,00</s> por <span class="off">-41%</span></p>
1190<p class="price"><sup>R$</sup>47<span style="font-size:1.4rem">,00</span></p>
1191<p class="price-note">Pagamento único · não é assinatura</p>
1192<p class="plan-only">📌 Inclui <b>só Constitucional</b>. 25 Leis, Penal, Administrativo e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1193<a class="btn btn-navy" href="https://pay.hotmart.com/N107630137P?off=4x1bvwrs&amp;checkoutMode=10">QUERO SÓ OS ÁUDIOS</a>
1194<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1195</div>
1196<div class="plan featured">
1197<span class="flag">⭐ Mais escolhido · Constitucional</span>
1198<div class="plan-name">Constitucional — Completo<small>1 matéria · áudios + materiais</small></div>
1199<p class="plan-sub">Áudios + materiais: as 15 aulas com todo o material de apoio.</p>
1200<ul>
1201<li><strong>15 aulas em áudio</strong> (6h29)</li>
1202<li><strong>14 resumos</strong> em PDF, atualizados 2026</li>
1203<li><strong>15 mapas mentais</strong> para revisão rápida</li>
1204<li><span class="bonus-seal">🎁 BÔNUS</span> <strong>300 questões + 300 flashcards</strong> para praticar no app</li>
1205<li>Pague uma vez e use para sempre</li>
1206<li>Estude offline em qualquer dispositivo</li>
1207</ul>
1208<div class="stack">
1209<div class="stack-row"><span>15 aulas em áudio</span><b>R$ 79</b></div>
1210<div class="stack-row"><span>14 resumos</span><b>R$ 39</b></div>
1211<div class="stack-row"><span>15 mapas mentais</span><b>R$ 29</b></div>
1212<div class="stack-row stack-bonus"><span>🎁 Questões e flashcards</span><b>R$ 29,90</b></div>
1213<div class="stack-total"><span>Valor somado dos conteúdos</span><s>R$ 176,90</s></div>
1214</div>
1215<p class="price-old">De <s>R$ 176,90</s>
1215 por <span class="off">-68%</span></p>
1216<p class="price"><sup>R$</sup>57<span style="font-size:1.4rem">,00</span><small class="parcela">ou em até 12x</small></p>
1217<span class="save-pill">💰 Você economiza R$ 119,90</span>
1218<p class="price-note">Pagamento único</p>
1219<p class="upsell-pill">👉 <b>Só R$ 10 a mais</b> que o Essencial, e vem com tudo</p>
1220<p class="plan-only">📌 Inclui <b>só Constitucional</b>. 25 Leis, Penal, Administrativo e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1221<a class="btn btn-gold" href="https://pay.hotmart.com/M107581922N?off=na3suw5n&amp;checkoutMode=10">QUERO O CONSTITUCIONAL COMPLETO</a>
1222<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1223</div>
1224</div>
1225</div>
1226<div class="offer-panel" data-subj-panel="administrativo" hidden="">
1227<p class="scope-bar">Você está vendo os planos de <b>1 matéria: Administrativo</b><button class="scope-link" data-offer-tab="todas">quero as 5 matérias →</button></p>
1228<div class="plans">
1229<div class="plan essential">
1230<div class="plan-name">Administrativo — Essencial<small>1 matéria · só áudios</small></div>
1231<p class="plan-sub">Só áudios · as 18 aulas para entender a matéria ouvindo.</p>
1232<ul>
1233<li><strong>18 aulas em áudio</strong> (8h20)</li>
1234<li>Pague uma vez e use para sempre</li>
1235<li>Ouça offline em qualquer dispositivo</li>
1236<li class="no">15 resumos em PDF</li>
1237<li class="no">18 mapas mentais</li>
1238<li class="no">360 questões + 360 flashcards</li>
1239</ul>
1240<p class="plan-miss">Sem resumo em PDF, sem mapa mental e sem questões.</p>
1241<p class="price-old">De <s>R$ 94,00</s> por <span class="off">-39%</span></p>
1242<p class="price"><sup>R$</sup>57<span style="font-size:1.4rem">,00</span></p>
1243<p class="price-note">Pagamento único · não é assinatura</p>
1244<p class="plan-only">📌 Inclui <b>só Administrativo</b>. 25 Leis, Penal, Constitucional e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1245<a class="btn btn-navy" href="https://pay.hotmart.com/W107630084V?off=vchzz485&amp;checkoutMode=10">QUERO SÓ OS ÁUDIOS</a>
1246<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1247</div>
1248<div class="plan featured">
1249<span class="flag">⭐ Mais escolhido · Administrativo</span>
1250<div class="plan-name">Administrativo — Completo<small>1 matéria · áudios + materiais</small></div>
1251<p class="plan-sub">Áudios + materiais: as 18 aulas com todo o material de apoio.</p>
1252<ul>
1253<li><strong>18 aulas em áudio</strong> (8h20)</li>
1254<li><strong>15 resumos</strong> em PDF, atualizados 2026</li>
1255<li><strong>18 mapas mentais</strong> para revisão rápida</li>
1256<li><span class="bonus-seal">🎁 BÔNUS</span> <strong>360 questões + 360 flashcards</strong> para praticar no app</li>
1257<li>Pague uma vez e use para sempre</li>
1258<li>Estude offline em qualquer dispositivo</li>
1259</ul>
1260<div class="stack">
1261<div class="stack-row"><span>18 aulas em áudio</span><b>R$ 94</b></div>
1262<div class="stack-row"><span>15 resumos</span><b>R$ 45</b></div>
1263<div class="stack-row"><span>18 mapas mentais</span><b>R$ 38</b></div>
1264<div class="stack-row stack-bonus"><span>🎁 Questões e flashcards</span><b>R$ 29,90</b></div>
1265<div class="stack-total"><span>Valor somado dos conteúdos</span><s>R$ 206,90</s></div>
1266</div>
1267<p class="price-old">De <s>R$ 206,90</s> por <span class="off">-68%</span></p>
1268<p class="price"><sup>R$</sup>67<span style="font-size:1.4rem">,00</span><small class="parcela">ou em até 12x</small></p>
1269<span class="save-pill">💰 Você economiza R$ 139,90</span>
1270<p class="price-note">Pagamento único</p>
1271<p class="upsell-pill">👉 <b>Só R$ 10 a mais</b> que o Essencial, e vem com tudo</p>
1272<p class="plan-only">📌 Inclui <b>só Administrativo</b>. 25 Leis, Penal, Constitucional e Processual não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1273<a class="btn btn-gold" href="https://pay.hotmart.com/U107629533I?off=mqmr3ik3&amp;checkoutMode=10">QUERO O ADMINISTRATIVO COMPLETO</a>
1274<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1275</div>
1276</div>
1277</div>
1278<div class="offer-panel" data-subj-panel="processual" hidden="">
1279<p class="scope-bar">Você está vendo os planos de <b>1 matéria: Processual Penal</b><button class="scope-link" data-offer-tab="todas">quero as 5 matérias →</button></p>
1280<div class="plans">
1281<div class="plan essential">
1282<div class="plan-name">Processual Penal — Essencial<small>1 matéria · só áudios</small></div>
1283<p class="plan-sub">Só áudios · as 18 aulas, do inquérito policial ao recurso.</p>
1284<ul>
1285<li><strong>18 aulas em áudio</strong> (8h27)</li>
1286<li>Pague uma vez e use para sempre</li>
1287<li>Ouça offline em qualquer dispositivo</li>
1288<li class="no">13 resumos em PDF</li>
1289<li class="no">17 mapas mentais</li>
1290<li class="no">360 questões + 360 flashcards</li>
1291</ul>
1292<p class="plan-miss">Sem resumo em PDF, sem mapa mental e sem questões.</p>
1293<p class="price-old">De <s>R$ 94,00</s>
1293 por <span class="off">-39%</span></p>
1294<p class="price"><sup>R$</sup>57<span style="font-size:1.4rem">,00</span></p>
1295<p class="price-note">Pagamento único · não é assinatura</p>
1296<p class="plan-only">📌 Inclui <b>só Processual Penal</b>. 25 Leis, Penal, Constitucional e Administrativo não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1297<a class="btn btn-navy" href="https://pay.hotmart.com/E107662970A?checkoutMode=10">QUERO SÓ OS ÁUDIOS</a>
1298<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1299</div>
1300<div class="plan featured">
1301<span class="flag">⭐ Mais escolhido · Processual Penal</span>
1302<div class="plan-name">Processual Penal — Completo<small>1 matéria · áudios + materiais</small></div>
1303<p class="plan-sub">Áudios + materiais: as 18 aulas com todo o material de apoio.</p>
1304<ul>
1305<li><strong>18 aulas em áudio</strong> (8h27)</li>
1306<li><strong>13 resumos</strong> em PDF, atualizados 2026</li>
1307<li><strong>17 mapas mentais</strong> para revisão rápida</li>
1308<li><span class="bonus-seal">🎁 BÔNUS</span> <strong>360 questões + 360 flashcards</strong> para praticar no app</li>
1309<li>Pague uma vez e use para sempre</li>
1310<li>Estude offline em qualquer dispositivo</li>
1311</ul>
1312<div class="stack">
1313<div class="stack-row"><span>18 aulas em áudio</span><b>R$ 94</b></div>
1314<div class="stack-row"><span>13 resumos</span><b>R$ 40</b></div>
1315<div class="stack-row"><span>17 mapas mentais</span><b>R$ 43</b></div>
1316<div class="stack-row stack-bonus"><span>🎁 Questões e flashcards</span><b>R$ 29,90</b></div>
1317<div class="stack-total"><span>Valor somado dos conteúdos</span><s>R$ 206,90</s></div>
1318</div>
1319<p class="price-old">De <s>R$ 206,90</s> por <span class="off">-68%</span></p>
1320<p class="price"><sup>R$</sup>67<span style="font-size:1.4rem">,00</span><small class="parcela">ou em até 12x</small></p>
1321<span class="save-pill">💰 Você economiza R$ 139,90</span>
1322<p class="price-note">Pagamento único</p>
1323<p class="upsell-pill">👉 <b>Só R$ 10 a mais</b> que o Essencial, e vem com tudo</p>
1324<p class="plan-only">📌 Inclui <b>só Processual Penal</b>. 25 Leis, Penal, Constitucional e Administrativo não entram neste plano. <button class="plan-only-link" data-offer-tab="todas">ver as 5 →</button></p>
1325<a class="btn btn-gold" href="https://pay.hotmart.com/R107662939I?checkoutMode=10">QUERO O PROCESSUAL COMPLETO</a>
1326<p class="plan-guarantee">🛡️ 7 dias de garantia · reembolso integral</p>
1327</div>
1328</div>
1329</div>
1330<div class="offer-secure">
1331<span>🔒 Compra 100% segura</span>
1332<span>⚡ Acesso imediato</span>
1333<span>💳 Pix ou cartão</span>
1334<span>🛡️ Garantia de 7 dias</span>
1335</div>
1336</div>
1337</section>
1338<!-- ============ COMO O MATERIAL É FEITO ============ -->
1339<section class="feito">
1340<div class="container">
1341<div class="center"><span class="eyebrow">Como o material é feito</span></div>
1342<h2>Nada aqui é resumo de internet</h2>
1343<p class="lead">Cada tema passa pelo mesmo processo antes de virar áudio, PDF e mapa mental.</p>
1344<p class="feito-autoria">✍️ <b>Quem produz:</b> o conteúdo é escrito por profissionais da área jurídica, a partir da <b>letra da lei</b>, da jurisprudência dos tribunais superiores e das referências mais atualizadas do mercado. Cada material é <b>revisado detalhe por detalhe e validado</b> antes de entrar no app.</p>
1345<div class="feito-grid">
1346<div class="feito-card"><span class="fn">1</span><b>Seleção pelo que as bancas cobram</b><p>Os temas saem do que Cebraspe, FGV e as demais bancas repetem em prova — não de uma lista aleatória de artigos.</p></div>
1347<div class="feito-card"><span class="fn">2</span><b>Atualização a cada mudança</b><p>Mudou a lei ou o entendimento dos tribunais, o material é revisado e a versão nova entra no app, sem custo.</p></div>
1348<div class="feito-card"><span class="fn">3</span><b>Três formatos do mesmo tema</b><p>O que você ouve, lê e revisa é o mesmo conteúdo, no mesmo padrão: áudio explicado, resumo em PDF e mapa mental.</p></div>
1349</div>
1350</div>
1351</section>
1352<!-- ============ 8. GARANTIA ============ -->
1353<section>
1354<div class="container">
1355<div class="guarantee-box">
1356<div class="seal"><strong>7</strong><span>Dias de garantia</span></div>
1357<div>
1358<h2>7 dias para conhecer o método</h2>
1359<p>Teste por 7 dias sem risco, em qualquer matéria ou na Biblioteca LeiCast. Ouça as aulas, abra os resumos e veja se o método combina com a sua rotina. Se não for para você, é só pedir o reembolso e devolvemos 100% do seu dinheiro.</p>
1360</div>
1361</div>
1362</div>
1363</section>
1364<!-- ============ 9. FAQ ============ -->
1365<section class="faq alt">
1366<div class="container" style="max-width:760px">
1367<div class="center"><span class="eyebrow">Perguntas frequentes</span></div>
1368<h2>Ficou alguma dúvida?</h2>
1369<p class="lead">As respostas para o que mais nos perguntam antes de comprar.</p>
1370<details>
1371<summary>É assinatura? Vou pagar todo mês?</summary>
1372<p>Não. É compra única: você paga uma vez e usa para sempre. Sem mensalidade, sem renovação anual e sem cobrança recorrente.</p>
1373</details>
1374<details>
1375<summary>Posso comprar só uma matéria?</summary>
1376<p>Sim. Cada matéria tem dois planos: Essencial, só com os áudios, e Completo, com áudios, resumos, mapas mentais, questões e flashcards. Se você vai estudar mais de uma, as Bibliotecas LeiCast reúnem as 5 matérias por bem menos do que comprar separado.</p>
1377</details>
1378<details data-show="penal" hidden="">
1379<summary>Qual a diferença entre Parte Geral e Parte Especial?</summary>
1380<p>A Parte Geral reúne as 12 primeiras aulas: a lógica que vale para todos os crimes. A Parte Especial reúne as 10 seguintes: os crimes em espécie. Os dois planos de Direito Penal incluem as duas partes; o Completo soma os resumos e os mapas mentais.</p>
1381</details>
1382<details>
1383<summary>Se lançarem uma matéria nova, ela entra na Biblioteca?</summary>
1384<p>Não. A Biblioteca reúne as 5 matérias que existem hoje (25 Leis, Penal, Constitucional, Administrativo e Processual Penal). Matérias novas, quando houver, são vendidas à parte.</p>
1385</details>
1386<details>
1387<summary>Qual a diferença entre a Biblioteca Essencial e a Completa?</summary>
1388<p>
1388As duas trazem as 5 matérias (25 Leis, Direito Penal, Constitucional, Administrativo e Processual Penal), com as 98 aulas em áudio no app LeiCast e reprodução offline, pagando uma vez e usando para sempre. A Completa soma todos os materiais: 69 resumos em PDF, 97 mapas mentais, o Guia de Prazos e Penas e a aba Praticar, com 1.960 questões e 1.960 flashcards (20 de cada por aula).</p>
1389</details>
1390<details>
1391<summary>Como recebo o material após a compra?</summary>
1392<p>O acesso é imediato. Assim que o pagamento for confirmado (na hora, no Pix), você recebe um e-mail para entrar no app do LeiCast, onde ficam os áudios, os resumos em PDF e os mapas mentais. Dá para começar a estudar em menos de 5 minutos.</p>
1393</details>
1394<details>
1395<summary>Preciso instalar algum aplicativo?</summary>
1396<p>Não. O app do LeiCast abre no navegador do celular, do tablet ou do computador, com o e-mail da sua compra. Dentro dele você baixa as aulas para ouvir sem internet.</p>
1397</details>
1398<details>
1399<summary>Os áudios substituem a leitura da lei seca?</summary>
1400<p>Não. O LeiCast foi criado para facilitar o entendimento e complementar a sua preparação. Você pode usar o áudio para compreender a matéria, o PDF para aprofundar e o mapa mental para revisar. Para concursos que cobram a literalidade da legislação, a leitura da lei seca e a resolução de questões continuam sendo importantes.</p>
1401</details>
1402<details>
1403<summary>O material está atualizado? E se a lei mudar?</summary>
1404<p>Sim. Sempre que uma lei muda ou os tribunais firmam novo entendimento, revisamos o material afetado e publicamos a versão nova no app. As atualizações são gratuitas para quem já comprou.</p>
1405</details>
1406<details>
1407<summary>Serve para qual concurso?</summary>
1408<p>As matérias foram selecionadas por serem recorrentes em concursos de carreiras policiais e em concursos em geral, como PM, PC, PRF, PF, Polícia Penal e guardas municipais. Elas também aparecem em muitos outros concursos. Como cada edital possui conteúdo próprio, recomendamos sempre conferir as disciplinas previstas para a sua prova.</p>
1409</details>
1410<details>
1411<summary>E se eu comprar e não gostar?</summary>
1412<p>Você tem 7 dias para testar. Se não for para você, devolvemos 100% do valor pago.</p>
1413</details>
1414<details>
1415<summary>Como falo com vocês se tiver alguma dúvida?</summary>
1416<p>Chame a gente no Instagram <a href="https://instagram.com/leicastconcursos" rel="noopener" target="_blank">@leicastconcursos</a> ou mande um e-mail para <a href="mailto:[email protected]">[email protected]</a>. Respondemos em horário comercial.</p>
1417</details>
1418</div>
1419</section>
1420<!-- ============ 10. RODAPÉ ============ -->
1421<footer>
1422<div class="brand"><div class="brand-mark">🎙</div><span>Lei<b>Cast</b></span></div>
1423<p>Material de estudo digital para concursos · 25 Leis · Penal · Constitucional · Administrativo · Processual Penal</p>
1424<p style="margin-top:6px">© 2026 LeiCast. Todos os direitos reservados.</p>
1425</footer>
1426<div class="sticky-cta">
1427<a href="#planos">VER PLANOS E PREÇOS</a>
1428</div>
1429<!-- ============ MINI-CHAT DE DÚVIDAS ============ -->
1430<div class="lcbot" id="lcbot">
1431<button aria-controls="lcbPanel" aria-expanded="false" aria-label="Tirar dúvidas" class="lcb-fab" id="lcbFab">
1432<span class="lcb-ico">💬</span><span class="lcb-lbl">Dúvidas?</span>
1433</button>
1434<div aria-label="Tire sua dúvida sobre o LeiCast" class="lcb-panel" hidden="" id="lcbPanel" role="dialog">
1435<div class="lcb-head">
1436<div class="lcb-id"><span class="lcb-av">🎙</span><div><b>LeiCast</b><small>Tire sua dúvida · resposta na hora</small></div></div>
1437<button aria-label="Fechar" class="lcb-x" id="lcbX">✕</button>
1438</div>
1439<div class="lcb-msgs" id="lcbMsgs">
1440<div class="lcb-bot">Oi! Que bom ter você por aqui 👋<br/><br/>Escolha uma das perguntas abaixo que eu respondo na hora.</div>
1441</div>
1442<div class="lcb-opsbar">
1443<span id="lcbOpsTit">👇 Toque numa pergunta</span>
1444<button class="lcb-reset" hidden="" id="lcbReset">Recomeçar</button>
1445</div>
1446<div class="lcb-opts" id="lcbOpts">
1447<div class="lcb-grp"><span class="lcb-grp-t">As dúvidas mais comuns</span>
1448<button class="lcb-op" data-q="0">Comprando 1 matéria, vêm as outras?</button>
1449<button class="lcb-op" data-q="1">O material está atualizado?</button>
1450<button class="lcb-op" data-q="2">Onde eu acesso depois de comprar?</button>
1451<button class="lcb-op" data-q="3">Dá para ouvir sem internet?</button>
1452</div>
1453<div class="lcb-grp"><span class="lcb-grp-t">Planos e preços</span>
1454<button class="lcb-op" data-q="4">O que é a Biblioteca LeiCast?</button>
1455<button class="lcb-op" data-q="5">Qual a diferença entre Essencial e Completo?</button>
1456<button class="lcb-op" data-q="6">Quanto custa?</button>
1457<button class="lcb-op" data-q="7">É assinatura? Pago todo mês?</button>
1458<button class="lcb-op" data-q="8">Quais as formas de pagamento?</button>
1459</div>
1460<div class="lcb-grp"><span class="lcb-grp-t">
1460O que vem no material</span>
1461<button class="lcb-op" data-q="9">Quais matérias vocês têm?</button>
1462<button class="lcb-op" data-q="10">Quantas aulas e quantas horas de áudio?</button>
1463<button class="lcb-op" data-q="11">Serve para o meu concurso?</button>
1464<button class="lcb-op" data-q="12">Os áudios substituem a leitura da lei seca?</button>
1465</div>
1466<div class="lcb-grp"><span class="lcb-grp-t">Acesso e garantia</span>
1467<button class="lcb-op" data-q="13">Preciso instalar algum aplicativo?</button>
1468<button class="lcb-op" data-q="14">Dá para usar em mais de um aparelho?</button>
1469<button class="lcb-op" data-q="15">Por quanto tempo tenho acesso?</button>
1470<button class="lcb-op" data-q="16">E se eu comprar e não gostar?</button>
1471</div>
1472</div>
1473<div class="lcb-foot">Não achou sua dúvida? <a href="https://instagram.com/leicastconcursos" rel="noopener" target="_blank">Chame a gente no Instagram →</a></div>
1474</div>
1475</div>
1476<div class="pend-toast" role="status">Prévia: o link de checkout deste plano ainda não foi cadastrado na Hotmart.</div>
1477<!-- Lightbox -->
1478<div aria-label="Visualização ampliada" aria-modal="true" class="lightbox" id="lightbox" role="dialog">
1479<button aria-label="Fechar" class="lb-close">✕</button>
1480<img alt="" decoding="async" loading="lazy" src=""/>
1481<p class="lb-cap"></p>
1482</div>
1483</div>`,a=`
1484:root {
1485  --bg: #f7f6f2;
1486  --paper: #fff;
1487  --navy: #081b34;
1488  --navy-2: #0b2141;
1489  --navy-3: #12386b;
1490  --wine: #97284d;
1491  --wine-2: #c74672;
1492  --gold: #efc76f;
1493  --gold-2: #ffde95;
1494  --gold-ink: #3a2c07;
1495  --text: #152238;
1496  --muted: #687790;
1497  --line: #dfe5ee;
1498  --green: #1f8f56;
1499  --radius: 22px;
1500  --shadow: 0 18px 40px #081b341a;
1501  --shadow-lg: 0 30px 80px #081b3433;
1502  --fd: "Archivo",sans-serif;
1503  --fb: "Inter",system-ui,sans-serif;
1504  --fm: "JetBrains Mono",monospace;
1505}
1506
1507* {
1508  box-sizing: border-box;
1509  margin: 0;
1510  padding: 0;
1511}
1512
1513html {
1514  scroll-behavior: smooth;
1515  overflow-x: clip;
1516}
1517
1518body {
1519  font-family: var(--fb);
1520  background: var(--bg);
1521  color: var(--text);
1522  -webkit-font-smoothing: antialiased;
1523  line-height: 1.6;
1524}
1525
1526img {
1527  max-width: 100%;
1528  display: block;
1529}
1530
1531a {
1532  color: inherit;
1533}
1534
1535.container {
1536  width: min(100% - 32px, 1120px);
1537  margin: 0 auto;
1538}
1539
1540section {
1541  padding: 84px 0;
1542}
1543
1544h1, h2, h3 {
1545  font-family: var(--fd);
1546  letter-spacing: -.02em;
1547  line-height: 1.1;
1548}
1549
1550h2 {
1551  text-align: center;
1552  margin-bottom: 12px;
1553  font-size: clamp(1.6rem, 3.6vw, 2.5rem);
1554  font-weight: 900;
1555}
1556
1557.eyebrow {
1558  color: var(--wine);
1559  letter-spacing: .1em;
1560  text-transform: uppercase;
1561  font-size: .7rem;
1562  font-weight: 800;
1563  font-family: var(--fm);
1564  background: #f8edf1;
1565  border: 1px solid #efd1dc;
1566  border-radius: 999px;
1567  align-items: center;
1568  gap: 8px;
1569  padding: 9px 15px;
1570  display: inline-flex;
1571}
1572
1573.eyebrow.dark {
1574  color: var(--gold-2);
1575  background: #ffffff12;
1576  border-color: #ffffff24;
1577}
1578
1579.center {
1580  justify-content: center;
1581  margin-bottom: 14px;
1582  display: flex;
1583}
1584
1585.lead {
1586  text-align: center;
1587  color: var(--muted);
1588  max-width: 660px;
1589  margin: 0 auto 44px;
1590  font-size: 1.03rem;
1591}
1592
1593.btn {
1594  font-family: var(--fd);
1595  cursor: pointer;
1596  text-align: center;
1597  border: 0;
1598  border-radius: 14px;
1599  flex-direction: column;
1600  justify-content: center;
1601  align-items: center;
1602  gap: 2px;
1603  font-weight: 800;
1604  text-decoration: none;
1605  transition: transform .18s, box-shadow .18s;
1606  display: inline-flex;
1607}
1608
1609.btn:hover {
1610  transform: translateY(-2px);
1611}
1612
1613.btn:active {
1614  transform: scale(.98);
1615}
1616
1617.btn-gold {
1618  background: linear-gradient(135deg,var(--gold),var(--gold-2));
1619  color: var(--gold-ink);
1620  padding: 17px 34px;
1621  font-size: 1.05rem;
1622  box-shadow: 0 16px 34px #efc76f59;
1623}
1624
1625.btn-gold small {
1626  font-family: var(--fb);
1627  opacity: .72;
1628  font-size: .72rem;
1629  font-weight: 600;
1630}
1631
1632.btn-navy {
1633  background: var(--navy-2);
1634  color: #fff;
1635}
1636
1637.btn-navy:hover {
1638  background: var(--navy-3);
1639}
1640
1641.topbar {
1642  color: #cfdbeb;
1643  text-align: center;
1644  background: #071323;
1645  padding: 8px 12px;
1646  font-size: .78rem;
1647  line-height: 1.25;
1648}
1649
1650.topbar strong {
1651  color: var(--gold-2);
1652}
1653
1654.hero {
1655  color: #fff;
1656  background: radial-gradient(circle at 18% 10%, #efc76f24, #0000 24%), radial-gradient(circle at 92% 88%, #97284d3d, #0000 28%), linear-gradient(150deg, #071426 0%, #0b2141 48%, #12386b 100%);
1657  padding: 20px 0 76px;
1658  position: relative;
1659  overflow: hidden;
1660}
1661
1662.hero:before {
1663  content: "";
1664  opacity: .14;
1665  pointer-events: none;
1666  background-image: linear-gradient(#ffffff0d 1px, #0000 1px), linear-gradient(90deg, #ffffff0d 1px, #0000 1px);
1667  background-size: 56px 56px;
1668  position: absolute;
1669  inset: 0;
1670  -webkit-mask-image: linear-gradient(#000000d9, #0000 90%);
1671  mask-image: linear-gradient(#000000d9, #0000 90%);
1672}
1673
1674.nav {
1675  z-index: 2;
1676  border-bottom: 1px solid #ffffff14;
1677  justify-content: space-between;
1678  align-items: center;
1679  margin-bottom: 32px;
1680  padding: 14px 0;
1681  display: flex;
1682  position: relative;
1683}
1684
1685.brand {
1686  font-family: var(--fd);
1687  letter-spacing: -.02em;
1688  align-items: center;
1689  gap: 11px;
1690  font-size: 1.18rem;
1691  font-weight: 900;
1692  display: flex;
1693}
1694
1695.brand-mark {
1696  background: linear-gradient(135deg,var(--wine),var(--wine-2));
1697  border-radius: 12px;
1698  place-items: center;
1699  width: 40px;
1700  height: 40px;
1701  font-size: 1.15rem;
1702  display: grid;
1703  box-shadow: 0 14px 28px #97284d59;
1704}
1705
1706.brand span b {
1707  color: var(--gold-2);
1708}
1709
1710.nav .btn {
1711  padding: 11px 20px;
1712  font-size: .83rem;
1713}
1714
1715.btn-nav-secondary {
1716  color: #ffffff7a;
1717  white-space: nowrap;
1718  background: none;
1719  border: 1px solid #ffffff12;
1720  border-radius: 6px;
1721  margin-left: auto;
1722  margin-right: 8px;
1723  padding: 4px 9px;
1724  font-size: .58rem;
1725  font-weight: 500;
1726  text-decoration: none;
1727  transition: all .2s;
1728}
1729
1730.btn-nav-secondary:hover {
1731  color: #ffffffbf;
1732  background: #ffffff0d;
1733  border-color: #ffffff24;
1734}
1735
1736.hero-center {
1737  z-index: 1;
1738  text-align: center;
1739  flex-direction: column;
1740  align-items: center;
1741  display: flex;
1742  position: relative;
1743}
1744
1745.hero h1 {
1746  text-wrap: balance;
1747  max-width: 900px;
1748  margin: 16px 0 12px;
1749  font-size: clamp(1.75rem, 5.4vw, 3.4rem);
1750  font-weight: 900;
1751}
1752
1753.hero h1 em {
1754  color: var(--gold-2);
1755  font-style: normal;
1756}
1757
1758.hero .sub {
1759  color: #c9d5e6;
1760  text-wrap: balance;
1761  max-width: 600px;
1762  margin-bottom: 20px;
1763  font-size: 1rem;
1764}
1765
1766.method {
1767  flex-wrap: wrap;
1768  justify-content: center;
1769  align-items: center;
1770  gap: 10px;
1771  margin-bottom: 34px;
1772  display: flex;
1773}
1774
1775.method .pill {
1776  font-family: var(--fd);
1777  background: #ffffff0f;
1778  border: 1px solid #ffffff24;
1779  border-radius: 12px;
1780  align-items: center;
1781  gap: 8px;
1782  padding: 10px 15px;
1783  font-size: .85rem;
1784  font-weight: 800;
1785  display: inline-flex;
1786}
1787
1788.method .pill i {
1789  font-style: normal;
1790}
1791
1792.method .arr {
1793  color: var(--gold-2);
1794  font-size: 1rem;
1795  font-weight: 800;
1796}
1797
1798.update-chip {
1799  color: #b8f5d8;
1800  font-family: var(--fd);
1801  background: #1f8f562e;
1802  border: 1px solid #1f8f5673;
1803  border-radius: 12px;
1804  align-items: center;
1805  gap: 8px;
1806  margin-bottom: 34px;
1807  padding: 10px 16px;
1808  font-size: .85rem;
1809  font-weight: 700;
1810  display: inline-flex;
1811}
1812
1813.trust-row {
1814  color: #9fb0c6;
1815  flex-wrap: wrap;
1816  justify-content: center;
1817  gap: 7px 18px;
1818  margin-top: 14px;
1819  font-size: .79rem;
1820  display: flex;
1821}
1822
1823.trust-row span {
1824  align-items: center;
1825  gap: 6px;
1826  display: inline-flex;
1827}
1828
1829.cta-note {
1830  color: #9fb0c6;
1831  margin-top: 12px;
1832  font-size: .82rem;
1833}
1834
1835.cta-note b {
1836  color: var(--gold-2);
1837}
1838
1839.hero-proof {
1840  background: #ffffff0a;
1841  border: 1px solid #ffffff1f;
1842  border-radius: 16px;
1843  gap: 0;
1844  width: 100%;
1845  max-width: 460px;
1846  margin-top: 30px;
1847  display: flex;
1848  overflow: hidden;
1849}
1850
1851.hero-proof div {
1852  text-align: center;
1853  color: #8fa2bd;
1854  border-right: 1px solid #ffffff1a;
1855  flex: 1;
1856  padding: 14px 8px;
1857  font-size: .72rem;
1858}
1859
1860.hero-proof div:last-child {
1861  border-right: 0;
1862}
1863
1864.hero-proof strong {
1865  font-family: var(--fd);
1866  color: #fff;
1867  font-size: 1.35rem;
1868  display: block;
1869}
1870
1871.phone-wrap {
1872  justify-content: center;
1873  width: 100%;
1874  margin-bottom: 32px;
1875  display: flex;
1876  position: relative;
1877}
1878
1879.phone-halo {
1880  aspect-ratio: 1;
1881  pointer-events: none;
1882  z-index: 0;
1883  background: radial-gradient(circle, #efc76f38, #c7467229 40%, #0000 66%);
1884  border-radius: 50%;
1885  width: min(620px, 132%);
1886  animation: 6.5s ease-in-out infinite halo;
1887  position: absolute;
1888  top: 50%;
1889  left: 50%;
1890  transform: translate(-50%, -50%);
1891}
1892
1893@keyframes halo {
1894  0%, 100% {
1895    opacity: .7;
1896    transform: translate(-50%, -50%) scale(1);
1897  }
1898
1899  50% {
1900    opacity: 1;
1901    transform: translate(-50%, -50%) scale(1.09);
1902  }
1903}
1904
1905.phone-chip {
1906  z-index: 2;
1907  -webkit-backdrop-filter: blur(10px);
1908  backdrop-filter: blur(10px);
1909  font-family: var(--fd);
1910  color: #e8eef7;
1911  white-space: nowrap;
1912  background: #ffffff14;
1913  border: 1px solid #ffffff2e;
1914  border-radius: 14px;
1915  align-items: center;
1916  gap: 7px;
1917  padding: 11px 15px;
1918  font-size: .83rem;
1919  font-weight: 800;
1920  display: none;
1921  position: absolute;
1922  box-shadow: 0 14px 30px #0000004d;
1923}
1924
1925.phone-chip b {
1926  color: var(--gold-2);
1927}
1928
1929.phone-chip.c1 {
1930  animation: 6s ease-in-out infinite float;
1931  top: 11%;
1932  left: calc(50% - 385px);
1933}
1934
1935.phone-chip.c2 {
1936  animation: 6s ease-in-out .9s infinite float;
1937  top: 44%;
1938  right: calc(50% - 385px);
1939}
1940
1941.phone-chip.c3 {
1942  animation: 6s ease-in-out 1.8s infinite float;
1943  bottom: 15%;
1944  left: calc(50% - 372px);
1945}
1946
1947@media (width >= 980px) {
1948  .phone-chip {
1949    display: inline-flex;
1950  }
1951}
1952
1953@keyframes float {
1954  0%, 100% {
1955    transform: translateY(0);
1956  }
1957
1958  50% {
1959    transform: translateY(-11px);
1960  }
1961}
1962
1963.phone {
1964  width: min(392px, 100%);
1965  box-shadow: var(--shadow-lg);
1966  z-index: 1;
1967  background: linear-gradient(160deg, #1e2b3d, #04070c 42%, #1e2b3d);
1968  border: 1px solid #ffffff1f;
1969  border-radius: 44px;
1970  padding: 12px;
1971  animation: 7.5s ease-in-out infinite float;
1972  position: relative;
1973}
1974
1975.phone:before {
1976  content: "";
1977  z-index: 3;
1978  background: #000;
1979  border-radius: 0 0 18px 18px;
1980  width: 44%;
1981  height: 26px;
1982  position: absolute;
1983  top: 12px;
1984  left: 50%;
1985  transform: translateX(-50%);
1986}
1987
1988.screen {
1989  background: linear-gradient(#0c2140, #081b34);
1990  border-radius: 34px;
1991  padding: 44px 22px 30px;
1992  position: relative;
1993  overflow: hidden;
1994}
1995
1996.cover {
1997  text-align: center;
1998  background: linear-gradient(150deg, #a92c54, #6c1c39 70%);
1999  border-radius: 22px;
2000  flex-direction: column;
2001  justify-content: center;
2002  align-items: center;
2003  min-height: 252px;
2004  padding: 24px;
2005  display: flex;
2006  position: relative;
2007  overflow: hidden;
2008  box-shadow: 0 26px 55px #00000080, inset 0 0 0 1px #ffffff12;
2009}
2010
2011.cover .wm {
2012  -webkit-user-select: none;
2013  user-select: none;
2014  pointer-events: none;
2015  justify-content: center;
2016  align-items: center;
2017  gap: 2px;
2018  display: flex;
2019  position: absolute;
2020  inset: 0;
2021}
2022
2023.cover .wm b {
2024  font-family: var(--fd);
2025  color: #ffffff17;
2026  letter-spacing: -.04em;
2027  font-size: 9rem;
2028  font-weight: 900;
2029  line-height: 1;
2030}
2031
2032.cover .wm svg {
2033  fill: #ffffff1c;
2034  width: 104px;
2035  height: 104px;
2036  margin: 0 -6px;
2037}
2038
2039.cover .free-tag {
2040  z-index: 2;
2041  font-family: var(--fm);
2042  letter-spacing: .08em;
2043  color: var(--gold-ink);
2044  background: linear-gradient(135deg,var(--gold),var(--gold-2));
2045  border-radius: 7px;
2046  padding: 5px 10px;
2047  font-size: .57rem;
2048  font-weight: 600;
2049  position: absolute;
2050  top: 12px;
2051  right: 12px;
2052  box-shadow: 0 6px 16px #00000052;
2053}
2054
2055.cover .law-num {
2056  font-family: var(--fm);
2057  letter-spacing: .22em;
2058  color: var(--gold-2);
2059  margin-bottom: 8px;
2060  font-size: .76rem;
2061  font-weight: 600;
2062  position: relative;
2063}
2064
2065.cover .law-name {
2066  font-family: var(--fd);
2067  color: #fff;
2068  letter-spacing: -.01em;
2069  font-size: 1.55rem;
2070  font-weight: 800;
2071  position: relative;
2072}
2073
2074.np-bar {
2075  justify-content: space-between;
2076  align-items: center;
2077  margin: 0 2px 15px;
2078  display: flex;
2079}
2080
2081.np-bar i {
2082  color: #8fa2bd;
2083  font-size: 1.05rem;
2084  font-style: normal;
2085  line-height: 1;
2086}
2087
2088.np-bar span {
2089  font-family: var(--fm);
2090  letter-spacing: .2em;
2091  text-transform: uppercase;
2092  color: #b9c7da;
2093  font-size: .56rem;
2094  font-weight: 600;
2095}
2096
2097.np-meta {
2098  justify-content: space-between;
2099  align-items: flex-start;
2100  gap: 12px;
2101  margin: 18px 2px 10px;
2102  display: flex;
2103}
2104
2105.np-meta strong {
2106  font-family: var(--fd);
2107  color: #fff;
2108  letter-spacing: -.01em;
2109  font-size: 1.2rem;
2110  font-weight: 900;
2111  line-height: 1.15;
2112  display: block;
2113}
2114
2115.np-meta em {
2116  color: #8fa2bd;
2117  margin-top: 4px;
2118  font-size: .76rem;
2119  font-style: normal;
2120  display: block;
2121}
2122
2123.np-heart {
2124  color: var(--gold);
2125  flex-shrink: 0;
2126  font-size: 1.1rem;
2127  line-height: 1.5;
2128}
2129
2130.np-next {
2131  background: #ffffff0d;
2132  border: 1px solid #ffffff17;
2133  border-radius: 13px;
2134  align-items: center;
2135  gap: 11px;
2136  margin-top: 16px;
2137  padding: 9px 12px;
2138  display: flex;
2139}
2140
2141.np-next .nn-thumb {
2142  background: linear-gradient(150deg, #a92c54, #6c1c39);
2143  border-radius: 8px;
2144  flex-shrink: 0;
2145  place-items: center;
2146  width: 34px;
2147  height: 34px;
2148  font-size: .85rem;
2149  display: grid;
2150}
2151
2152.np-next .nn-txt {
2153  min-width: 0;
2154}
2155
2156.np-next b {
2157  font-family: var(--fm);
2158  letter-spacing: .16em;
2159  text-transform: uppercase;
2160  color: var(--gold);
2161  font-size: .53rem;
2162  font-weight: 600;
2163  display: block;
2164}
2165
2166.np-next span {
2167  color: #c9d5e6;
2168  white-space: nowrap;
2169  text-overflow: ellipsis;
2170  margin-top: 2px;
2171  font-size: .77rem;
2172  display: block;
2173  overflow: hidden;
2174}
2175
2176.ctrl-ghost {
2177  color: #7285a0;
2178  -webkit-user-select: none;
2179  user-select: none;
2180  flex-shrink: 0;
2181  font-size: .95rem;
2182  line-height: 1;
2183}
2184
2185.eq {
2186  justify-content: center;
2187  align-items: center;
2188  gap: 4px;
2189  height: 42px;
2190  margin-bottom: 12px;
2191  display: flex;
2192}
2193
2194.eq i {
2195  background: var(--gold);
2196  opacity: .5;
2197  border-radius: 3px;
2198  width: 5px;
2199  height: 30%;
2200  animation: 2.6s ease-in-out infinite eqIdle;
2201}
2202
2203.playing .eq i {
2204  opacity: 1;
2205  animation: 1.1s ease-in-out infinite eq;
2206}
2207
2208@keyframes eqIdle {
2209  0%, 100% {
2210    height: 18%;
2211  }
2212
2213  50% {
2214    height: 48%;
2215  }
2216}
2217
2218.eq i:first-child {
2219  animation-delay: 0s;
2220}
2221
2222.eq i:nth-child(2) {
2223  animation-delay: .12s;
2224}
2225
2226.eq i:nth-child(3) {
2227  animation-delay: .24s;
2228}
2229
2230.eq i:nth-child(4) {
2231  animation-delay: 60ms;
2232}
2233
2234.eq i:nth-child(5) {
2235  animation-delay: .3s;
2236}
2237
2238.eq i:nth-child(6) {
2239  animation-delay: .18s;
2240}
2241
2242.eq i:nth-child(7) {
2243  animation-delay: 20ms;
2244}
2245
2246.eq i:nth-child(8) {
2247  animation-delay: .26s;
2248}
2249
2250.eq i:nth-child(9) {
2251  animation-delay: .1s;
2252}
2253
2254.eq i:nth-child(10) {
2255  animation-delay: .2s;
2256}
2257
2258@keyframes eq {
2259  0%, 100% {
2260    height: 22%;
2261  }
2262
2263  50% {
2264    height: 100%;
2265  }
2266}
2267
2268.seek {
2269  --p: 0%;
2270  cursor: pointer;
2271  touch-action: none;
2272  align-items: center;
2273  height: 26px;
2274  margin: 0 2px;
2275  display: flex;
2276  position: relative;
2277}
2278
2279.seek .rail {
2280  background: #22405f;
2281  border-radius: 3px;
2282  width: 100%;
2283  height: 5px;
2284  overflow: hidden;
2285}
2286
2287.seek .fill {
2288  height: 100%;
2289  width: var(--p);
2290  background: linear-gradient(90deg,var(--gold),var(--gold-2));
2291  border-radius: 3px;
2292}
2293
2294.seek .knob {
2295  left: var(--p);
2296  opacity: 0;
2297  background: #fff;
2298  border-radius: 50%;
2299  width: 15px;
2300  height: 15px;
2301  transition: opacity .15s;
2302  position: absolute;
2303  top: 50%;
2304  transform: translate(-50%, -50%);
2305  box-shadow: 0 2px 8px #0006;
2306}
2307
2308.seek:hover .knob, .seek.drag .knob {
2309  opacity: 1;
2310}
2311
2312.times {
2313  font-family: var(--fm);
2314  color: #8fa2bd;
2315  justify-content: space-between;
2316  margin: 6px 2px 12px;
2317  font-size: .7rem;
2318  display: flex;
2319}
2320
2321.phone-controls {
2322  justify-content: center;
2323  align-items: center;
2324  gap: 24px;
2325  display: flex;
2326}
2327
2328.skip {
2329  color: #fff;
2330  opacity: .85;
2331  cursor: pointer;
2332  font-family: var(--fm);
2333  background: none;
2334  border: 0;
2335  flex-direction: column;
2336  align-items: center;
2337  gap: 2px;
2338  font-size: .6rem;
2339  display: flex;
2340}
2341
2342.skip svg {
2343  width: 25px;
2344  height: 25px;
2345}
2346
2347.skip:hover {
2348  opacity: 1;
2349}
2350
2351.play-main {
2352  cursor: pointer;
2353  background: #fff;
2354  border: 0;
2355  border-radius: 50%;
2356  place-items: center;
2357  width: 84px;
2358  height: 84px;
2359  transition: transform .15s;
2360  display: grid;
2361  position: relative;
2362  box-shadow: 0 18px 35px #00000052;
2363}
2364
2365.play-main:before {
2366  content: "";
2367  pointer-events: none;
2368  border: 2px solid #efc76fcc;
2369  border-radius: 50%;
2370  animation: 2s cubic-bezier(.2, .6, .3, 1) infinite ping;
2371  position: absolute;
2372  inset: -7px;
2373}
2374
2375.screen.played .play-main:before, .screen.playing .play-main:before {
2376  display: none;
2377}
2378
2379@keyframes ping {
2380  0% {
2381    opacity: .9;
2382    transform: scale(1);
2383  }
2384
2385  70% {
2386    opacity: 0;
2387    transform: scale(1.5);
2388  }
2389
2390  100% {
2391    opacity: 0;
2392  }
2393}
2394
2395.play-main:hover {
2396  transform: scale(1.05);
2397}
2398
2399.play-main svg {
2400  width: 32px;
2401  height: 32px;
2402  fill: var(--navy);
2403}
2404
2405.phone-note {
2406  text-align: center;
2407  color: #7e91ac;
2408  margin-top: 14px;
2409  font-size: .7rem;
2410}
2411
2412.pain-solution {
2413  background: var(--paper);
2414  padding: 64px 0;
2415}
2416
2417.pain-solution h2 {
2418  text-align: center;
2419  margin-bottom: 28px;
2420  font-size: clamp(1.35rem, 3.2vw, 1.9rem);
2421}
2422
2423.pain-grid, .solution-grid {
2424  grid-template-columns: repeat(3, 1fr);
2425  gap: 16px;
2426  max-width: 900px;
2427  margin: 0 auto;
2428  display: grid;
2429}
2430
2431.pain-item {
2432  text-align: center;
2433  flex-direction: column;
2434  align-items: center;
2435  gap: 15px;
2436  display: flex;
2437}
2438
2439.pain-photo {
2440  width: 140px;
2441  height: 140px;
2442  position: relative;
2443}
2444
2445.pain-photo img {
2446  object-fit: cover;
2447  border-radius: 18px;
2448  width: 100%;
2449  height: 100%;
2450  display: block;
2451}
2452
2453.pain-ico {
2454  background: var(--wine);
2455  color: #fff;
2456  border-radius: 50%;
2457  place-items: center;
2458  width: 34px;
2459  height: 34px;
2460  font-size: 1rem;
2461  line-height: 1;
2462  display: grid;
2463  position: absolute;
2464  bottom: -10px;
2465  left: 50%;
2466  transform: translateX(-50%);
2467  box-shadow: 0 4px 12px #3f0c1f3d;
2468}
2469
2470.pain-item p, .solution-item p {
2471  color: var(--text);
2472  margin: 0;
2473  font-size: clamp(1rem, 2.2vw, 1.18rem);
2474  font-weight: 600;
2475  line-height: 1.35;
2476}
2477
2478.pain-divider {
2479  text-align: center;
2480  font-family: var(--fd);
2481  color: var(--wine);
2482  max-width: 900px;
2483  margin: 26px auto;
2484  font-size: 1.05rem;
2485  font-weight: 800;
2486  position: relative;
2487}
2488
2489.pain-divider:before, .pain-divider:after {
2490  content: "";
2491  background: var(--line);
2492  width: calc(50% - 210px);
2493  height: 1px;
2494  position: absolute;
2495  top: 50%;
2496}
2497
2498.pain-divider:before {
2499  left: 0;
2500}
2501
2502.pain-divider:after {
2503  right: 0;
2504}
2505
2506.pd-arrow {
2507  color: #c9a227;
2508  margin-top: 8px;
2509  font-size: 1.6rem;
2510  line-height: 1;
2511  animation: 1.8s ease-in-out infinite arrowBounce;
2512  display: block;
2513}
2514
2515@keyframes arrowBounce {
2516  0%, 100% {
2517    transform: translateY(0);
2518  }
2519
2520  50% {
2521    transform: translateY(7px);
2522  }
2523}
2524
2525.solution-wrap {
2526  max-width: 900px;
2527  box-shadow: var(--shadow-lg);
2528  background: linear-gradient(160deg, #0b2141, #081b34);
2529  border-radius: 26px;
2530  margin: 0 auto;
2531  padding: 26px 24px 30px;
2532}
2533
2534.solution-grid {
2535  gap: 16px;
2536}
2537
2538.solution-item {
2539  text-align: center;
2540  flex-direction: column;
2541  align-items: center;
2542  gap: 15px;
2543  display: flex;
2544}
2545
2546.solution-photo {
2547  width: 140px;
2548  height: 140px;
2549  position: relative;
2550}
2551
2552.solution-photo img {
2553  object-fit: cover;
2554  border-radius: 18px;
2555  width: 100%;
2556  height: 100%;
2557  display: block;
2558}
2559
2560.solution-ico {
2561  color: #152238;
2562  background: #c9a227;
2563  border-radius: 50%;
2564  place-items: center;
2565  width: 34px;
2566  height: 34px;
2567  font-size: 1rem;
2568  line-height: 1;
2569  display: grid;
2570  position: absolute;
2571  bottom: -10px;
2572  left: 50%;
2573  transform: translateX(-50%);
2574  box-shadow: 0 4px 12px #00000040;
2575}
2576
2577.solution-item p {
2578  color: #fff;
2579}
2580
2581@media (width <= 920px) {
2582  .pain-grid, .solution-grid {
2583    grid-template-columns: 1fr;
2584  }
2585
2586  .pain-solution {
2587    padding: 48px 0;
2588  }
2589
2590  .pain-item {
2591    text-align: left;
2592    flex-direction: row;
2593    gap: 18px;
2594    min-height: 84px;
2595  }
2596
2597  .pain-photo {
2598    flex: 0 0 84px;
2599    width: 84px;
2600    height: 84px;
2601  }
2602
2603  .pain-photo img {
2604    border-radius: 18px;
2605  }
2606
2607  .pain-ico {
2608    bottom: -7px;
2609    left: auto;
2610    right: -7px;
2611    transform: none;
2612  }
2613
2614  .pain-divider:before, .pain-divider:after {
2615    display: none;
2616  }
2617
2618  .pain-divider {
2619    font-size: .95rem;
2620  }
2621
2622  .pd-arrow {
2623    font-size: 1.4rem;
2624  }
2625
2626  .solution-wrap {
2627    border-radius: 22px;
2628    padding: 22px 18px 26px;
2629  }
2630
2631  .solution-item {
2632    text-align: left;
2633    flex-direction: row;
2634    gap: 18px;
2635    min-height: 84px;
2636  }
2637
2638  .solution-photo {
2639    flex: 0 0 84px;
2640    width: 84px;
2641    height: 84px;
2642  }
2643
2644  .solution-photo img {
2645    border-radius: 18px;
2646  }
2647
2648  .solution-ico {
2649    bottom: -7px;
2650    left: auto;
2651    right: -7px;
2652    transform: none;
2653  }
2654}
2655
2656.receive-grid {
2657  background: var(--paper);
2658  border: 1px solid var(--line);
2659  border-radius: var(--radius);
2660  box-shadow: var(--shadow);
2661  grid-template-columns: repeat(3, 1fr);
2662  gap: 0;
2663  margin-bottom: 60px;
2664  display: grid;
2665  overflow: hidden;
2666}
2667
2668.receive-card {
2669  grid-template-columns: 48px 1fr;
2670  align-content: center;
2671  column-gap: 15px;
2672  min-height: 154px;
2673  padding: 24px 22px;
2674  display: grid;
2675  position: relative;
2676}
2677
2678.receive-card + .receive-card {
2679  border-left: 1px solid var(--line);
2680}
2681
2682.receive-card .ico {
2683  background: var(--navy);
2684  width: 48px;
2685  height: 48px;
2686  color: var(--gold-2);
2687  border-radius: 12px;
2688  grid-row: 1 / 4;
2689  place-items: center;
2690  font-size: 1.3rem;
2691  display: grid;
2692}
2693
2694.receive-card h3 {
2695  margin: 0 0 5px;
2696  font-size: 1rem;
2697  font-weight: 800;
2698}
2699
2700.receive-card p {
2701  color: var(--muted);
2702  margin: 0;
2703  font-size: .82rem;
2704  line-height: 1.45;
2705}
2706
2707.receive-card .tag {
2708  font-family: var(--fm);
2709  letter-spacing: .06em;
2710  text-transform: uppercase;
2711  color: var(--wine);
2712  background: #f8edf1;
2713  border-radius: 6px;
2714  justify-self: start;
2715  margin-top: 9px;
2716  padding: 4px 8px;
2717  font-size: .58rem;
2718  font-weight: 600;
2719  display: inline-block;
2720}
2721
2722.rc-preview {
2723  border-bottom: 1px solid var(--line);
2724  justify-content: center;
2725  align-items: center;
2726  height: 164px;
2727  margin: -30px -26px 20px;
2728  display: flex;
2729  position: relative;
2730  overflow: hidden;
2731}
2732
2733.rc-preview:before {
2734  content: "";
2735  z-index: 3;
2736  pointer-events: none;
2737  background: linear-gradient(#081b348c, #0000);
2738  height: 58px;
2739  position: absolute;
2740  top: 0;
2741  left: 0;
2742  right: 0;
2743}
2744
2745.rc-step {
2746  z-index: 4;
2747  width: 26px;
2748  height: 26px;
2749  color: var(--gold-2);
2750  font-family: var(--fd);
2751  -webkit-backdrop-filter: blur(4px);
2752  backdrop-filter: blur(4px);
2753  background: #081b34d1;
2754  border-radius: 50%;
2755  place-items: center;
2756  font-size: .76rem;
2757  font-weight: 900;
2758  display: grid;
2759  position: absolute;
2760  top: 12px;
2761  left: 12px;
2762}
2763
2764.rc-audio {
2765  background: linear-gradient(150deg, #0b2141, #071a33);
2766  justify-content: flex-start;
2767  gap: 14px;
2768  padding: 20px;
2769}
2770
2771.rcp-art {
2772  text-align: center;
2773  background: linear-gradient(150deg, #a92c54, #6c1c39);
2774  border-radius: 13px;
2775  flex-direction: column;
2776  flex-shrink: 0;
2777  justify-content: center;
2778  align-items: center;
2779  width: 88px;
2780  height: 88px;
2781  padding: 8px;
2782  display: flex;
2783  box-shadow: 0 14px 30px #00000073;
2784}
2785
2786.rcp-art b {
2787  font-family: var(--fm);
2788  letter-spacing: .12em;
2789  color: var(--gold-2);
2790  font-size: .44rem;
2791}
2792
2793.rcp-art i {
2794  font-style: normal;
2795  font-family: var(--fd);
2796  color: #fff;
2797  margin-top: 4px;
2798  font-size: .78rem;
2799  font-weight: 900;
2800  line-height: 1.12;
2801}
2802
2803.rcp-info {
2804  min-width: 0;
2805}
2806
2807.rcp-info span {
2808  font-family: var(--fm);
2809  letter-spacing: .18em;
2810  text-transform: uppercase;
2811  color: var(--gold);
2812  font-size: .5rem;
2813  display: block;
2814}
2815
2816.rcp-info em {
2817  font-style: normal;
2818  font-family: var(--fd);
2819  color: #fff;
2820  margin-top: 5px;
2821  font-size: .9rem;
2822  font-weight: 900;
2823  display: block;
2824}
2825
2826.rcp-info small {
2827  color: #8fa2bd;
2828  margin-top: 2px;
2829  font-size: .68rem;
2830  display: block;
2831}
2832
2833.rcp-info u {
2834  align-items: flex-end;
2835  gap: 3px;
2836  height: 20px;
2837  margin-top: 10px;
2838  text-decoration: none;
2839  display: flex;
2840}
2841
2842.rcp-info u em {
2843  background: var(--gold);
2844  border-radius: 2px;
2845  width: 3px;
2846  height: 35%;
2847  margin: 0;
2848}
2849
2850.rcp-info u em:nth-child(2) {
2851  height: 80%;
2852}
2853
2854.rcp-info u em:nth-child(3) {
2855  height: 50%;
2856}
2857
2858.rcp-info u em:nth-child(4) {
2859  height: 100%;
2860}
2861
2862.rcp-info u em:nth-child(5) {
2863  height: 30%;
2864}
2865
2866.rcp-info u em:nth-child(6) {
2867  height: 65%;
2868}
2869
2870.rcp-info u em:nth-child(7) {
2871  height: 45%;
2872}
2873
2874.rcp-info u em:nth-child(8) {
2875  height: 90%;
2876}
2877
2878.rc-pdf {
2879  background: #fff;
2880}
2881
2882.rc-pdf img {
2883  object-fit: cover;
2884  object-position: top center;
2885  width: 100%;
2886  height: 100%;
2887}
2888
2889.rc-maps {
2890  background: #fff;
2891  padding: 0;
2892}
2893
2894.rc-maps button {
2895  cursor: zoom-in;
2896  background: #fff;
2897  border: 0;
2898  width: 100%;
2899  height: 100%;
2900  margin: 0;
2901  padding: 0;
2902  display: block;
2903  position: relative;
2904}
2905
2906.rc-maps img {
2907  object-fit: cover;
2908  object-position: top center;
2909  width: 100%;
2910  height: 100%;
2911}
2912
2913.rc-maps span {
2914  z-index: 3;
2915  color: #fff;
2916  letter-spacing: .03em;
2917  background: #081b34e0;
2918  border-radius: 7px;
2919  padding: 5px 10px;
2920  font-size: .62rem;
2921  font-weight: 600;
2922  position: absolute;
2923  bottom: 10px;
2924  right: 10px;
2925}
2926
2927.playlist {
2928  color: #fff;
2929  box-shadow: var(--shadow-lg);
2930  background: linear-gradient(160deg, #0b2141, #081b34);
2931  border-radius: 28px;
2932  padding: 34px 26px;
2933}
2934
2935.playlist-head {
2936  border-bottom: 1px solid #ffffff1a;
2937  flex-wrap: wrap;
2938  justify-content: space-between;
2939  align-items: flex-end;
2940  gap: 10px;
2941  margin-bottom: 18px;
2942  padding-bottom: 18px;
2943  display: flex;
2944}
2945
2946.playlist-head h3 {
2947  font-size: 1.3rem;
2948  font-weight: 900;
2949}
2950
2951.playlist-head span {
2952  font-family: var(--fm);
2953  color: #8fa2bd;
2954  letter-spacing: .08em;
2955  font-size: .7rem;
2956}
2957
2958.track {
2959  border-bottom: 1px solid #ffffff0f;
2960  border-radius: 12px;
2961  grid-template-columns: 36px 1fr auto;
2962  align-items: center;
2963  gap: 12px;
2964  padding: 13px 10px;
2965  display: grid;
2966}
2967
2968.track:hover {
2969  background: #ffffff0a;
2970}
2971
2972.track .num {
2973  font-family: var(--fm);
2974  color: #5f7699;
2975  text-align: center;
2976  font-size: .76rem;
2977}
2978
2979.track .name {
2980  font-size: .93rem;
2981  font-weight: 600;
2982}
2983
2984.track .name span {
2985  color: #8fa2bd;
2986  font-size: .72rem;
2987  font-weight: 400;
2988  font-family: var(--fm);
2989  display: block;
2990}
2991
2992.update-badge {
2993  color: #b8f5d8;
2994  width: fit-content;
2995  font-family: var(--fd);
2996  background: #1f8f562e;
2997  border: 1px solid #1f8f5673;
2998  border-radius: 8px;
2999  align-items: center;
3000  gap: 6px;
3001  margin-top: 6px;
3002  padding: 4px 10px;
3003  font-size: .65rem;
3004  font-weight: 700;
3005  display: inline-flex !important;
3006}
3007
3008.new-badge {
3009  width: fit-content;
3010  color: var(--gold-2);
3011  font-family: var(--fd);
3012  background: #efc76f26;
3013  border: 1px solid #efc76f73;
3014  border-radius: 8px;
3015  align-items: center;
3016  gap: 5px;
3017  margin-top: 6px;
3018  margin-left: 8px;
3019  padding: 4px 10px;
3020  font-size: .65rem;
3021  font-weight: 700;
3022  display: inline-flex !important;
3023}
3024
3025.track .dur {
3026  font-family: var(--fm);
3027  color: #8fa2bd;
3028  align-items: center;
3029  gap: 7px;
3030  font-size: .72rem;
3031  display: flex;
3032}
3033
3034.track .lock {
3035  opacity: .55;
3036}
3037
3038.track.sample {
3039  background: #97284d29;
3040  border: 1px solid #c7467266;
3041  grid-template-columns: 36px 1fr;
3042  margin: 8px 0;
3043}
3044
3045.track.sample:hover {
3046  background: #97284d38;
3047}
3048
3049.sample-head {
3050  flex-wrap: wrap;
3051  justify-content: space-between;
3052  align-items: center;
3053  gap: 10px;
3054  margin-bottom: 10px;
3055  display: flex;
3056}
3057
3058.badge-free {
3059  font-family: var(--fm);
3060  color: var(--gold-ink);
3061  background: linear-gradient(135deg,var(--gold),var(--gold-2));
3062  letter-spacing: .06em;
3063  white-space: nowrap;
3064  border-radius: 6px;
3065  padding: 4px 10px;
3066  font-size: .6rem;
3067  font-weight: 600;
3068}
3069
3070.mini {
3071  grid-template-columns: 44px 1fr auto;
3072  align-items: center;
3073  gap: 12px;
3074  display: grid;
3075}
3076
3077.mini .mp-btn {
3078  cursor: pointer;
3079  background: #fff;
3080  border: 0;
3081  border-radius: 50%;
3082  flex-shrink: 0;
3083  place-items: center;
3084  width: 44px;
3085  height: 44px;
3086  transition: transform .12s;
3087  display: grid;
3088}
3089
3090.mini .mp-btn:hover {
3091  transform: scale(1.07);
3092}
3093
3094.mini .mp-btn svg {
3095  width: 17px;
3096  height: 17px;
3097  fill: var(--navy);
3098}
3099
3100.mini .times {
3101  margin: 0;
3102  font-size: .66rem;
3103}
3104
3105.sample-note {
3106  color: #8fa2bd;
3107  font-size: .7rem;
3108  font-family: var(--fm);
3109  margin-top: 8px;
3110  padding-left: 2px;
3111}
3112
3113.playlist-foot {
3114  text-align: center;
3115  color: #9fb0c6;
3116  margin-top: 20px;
3117  font-size: .85rem;
3118}
3119
3120.mid-cta {
3121  border-top: 1px solid #ffffff1a;
3122  flex-direction: column;
3123  align-items: center;
3124  gap: 10px;
3125  margin-top: 26px;
3126  padding-top: 24px;
3127  display: flex;
3128}
3129
3130.mid-cta .btn {
3131  padding: 16px 32px;
3132}
3133
3134.mid-cta p {
3135  color: #8fa2bd;
3136  font-size: .78rem;
3137}
3138
3139.playlist-foot strong {
3140  color: #fff;
3141}
3142
3143.alt {
3144  background: var(--paper);
3145}
3146
3147.meme {
3148  border-radius: var(--radius);
3149  max-width: 820px;
3150  box-shadow: var(--shadow-lg);
3151  border: 1px solid var(--line);
3152  background: #fff;
3153  margin: 0 auto 20px;
3154  overflow: hidden;
3155}
3156
3157.meme img {
3158  width: 100%;
3159  height: auto;
3160  display: block;
3161}
3162
3163.meme-hook {
3164  text-align: center;
3165  max-width: 660px;
3166  color: var(--text);
3167  margin: 0 auto 30px;
3168  font-size: 1rem;
3169  font-weight: 600;
3170}
3171
3172.vs {
3173  grid-template-columns: 1fr auto 1fr;
3174  align-items: center;
3175  gap: 16px;
3176  max-width: 920px;
3177  margin: 0 auto 30px;
3178  display: grid;
3179}
3180
3181.vs-col {
3182  border-radius: var(--radius);
3183  border: 1px solid var(--line);
3184  background: var(--bg);
3185  padding: 24px 22px;
3186}
3187
3188.vs-new {
3189  color: #fff;
3190  box-shadow: var(--shadow-lg);
3191  background: linear-gradient(160deg, #0b2141, #081b34);
3192  border-color: #0000;
3193}
3194
3195.vs-head {
3196  border-bottom: 1px solid var(--line);
3197  align-items: center;
3198  gap: 11px;
3199  margin-bottom: 4px;
3200  padding-bottom: 13px;
3201  display: flex;
3202}
3203
3204.vs-new .vs-head {
3205  border-bottom-color: #ffffff21;
3206}
3207
3208.vs-ico {
3209  background: #e9edf3;
3210  border-radius: 11px;
3211  flex-shrink: 0;
3212  place-items: center;
3213  width: 38px;
3214  height: 38px;
3215  font-size: 1.05rem;
3216  display: grid;
3217}
3218
3219.vs-new .vs-ico {
3220  background: linear-gradient(135deg,var(--gold),var(--gold-2));
3221}
3222
3223.vs-head h3 {
3224  font-size: 1rem;
3225  font-weight: 800;
3226}
3227
3228.vs-col ul {
3229  list-style: none;
3230}
3231
3232.vs-col li {
3233  border-bottom: 1px dashed var(--line);
3234  padding: 10px 0 10px 27px;
3235  font-size: .9rem;
3236  position: relative;
3237}
3238
3239.vs-col li:last-child {
3240  border-bottom: 0;
3241}
3242
3243.vs-old li {
3244  color: var(--muted);
3245}
3246
3247.vs-old li:before {
3248  content: "✕";
3249  color: #bcc5d2;
3250  font-weight: 800;
3251  position: absolute;
3252  left: 3px;
3253}
3254
3255.vs-new li {
3256  color: #dbe4f1;
3257  border-bottom-color: #ffffff1a;
3258}
3259
3260.vs-new li:before {
3261  content: "✓";
3262  color: var(--gold-2);
3263  font-weight: 800;
3264  position: absolute;
3265  left: 2px;
3266}
3267
3268.vs-arrow {
3269  font-family: var(--fd);
3270  color: var(--wine);
3271  opacity: .45;
3272  font-size: 1.6rem;
3273  font-weight: 900;
3274}
3275
3276.offer {
3277  color: #fff;
3278  background: radial-gradient(circle at 85% 10%, #c7467240, #0000 30%), linear-gradient(160deg, #0b2141, #081b34 70%);
3279  position: relative;
3280  overflow: hidden;
3281}
3282
3283.offer h2 {
3284  color: #fff;
3285}
3286
3287.offer .lead {
3288  color: #9fb0c6;
3289}
3290
3291.kit {
3292  perspective: 1200px;
3293  justify-content: center;
3294  align-items: flex-end;
3295  gap: 0;
3296  max-width: 760px;
3297  margin: 0 auto 40px;
3298  display: flex;
3299}
3300
3301.kit-card {
3302  background: #fff;
3303  border: 1px solid #ffffff80;
3304  border-radius: 16px;
3305  width: clamp(120px, 25vw, 196px);
3306  padding: 10px 10px 0;
3307  position: relative;
3308  box-shadow: 0 28px 60px #00000073;
3309}
3310
3311.kit-card:first-child {
3312  z-index: 1;
3313  margin-right: -10px;
3314  transform: rotate(-6deg) translateY(14px);
3315}
3316
3317.kit-card:nth-child(2) {
3318  z-index: 3;
3319  transform: scale(1.06);
3320}
3321
3322.kit-card:nth-child(3) {
3323  z-index: 1;
3324  margin-left: -10px;
3325  transform: rotate(6deg) translateY(14px);
3326}
3327
3328.kit-card img {
3329  aspect-ratio: 707 / 1000;
3330  object-fit: cover;
3331  object-position: top center;
3332  background: #fff;
3333  border-radius: 9px;
3334  width: 100%;
3335}
3336
3337.kit-card.kc-map img {
3338  object-fit: contain;
3339  padding: 3px;
3340}
3341
3342.kit-art {
3343  aspect-ratio: 707 / 1000;
3344  text-align: center;
3345  background: linear-gradient(150deg, #a92c54, #6c1c39 70%);
3346  border-radius: 9px;
3347  flex-direction: column;
3348  justify-content: center;
3349  align-items: center;
3350  gap: 6px;
3351  padding: 12px;
3352  display: flex;
3353}
3354
3355.kit-art b {
3356  font-family: var(--fm);
3357  letter-spacing: .16em;
3358  color: var(--gold-2);
3359  font-size: .5rem;
3360}
3361
3362.kit-art i {
3363  font-style: normal;
3364  font-family: var(--fd);
3365  color: #fff;
3366  font-size: .92rem;
3367  font-weight: 900;
3368  line-height: 1.15;
3369}
3370
3371.kit-art u {
3372  align-items: flex-end;
3373  gap: 3px;
3374  height: 20px;
3375  margin-top: 4px;
3376  text-decoration: none;
3377  display: flex;
3378}
3379
3380.kit-art u em {
3381  background: var(--gold);
3382  border-radius: 2px;
3383  width: 3px;
3384  height: 40%;
3385}
3386
3387.kit-art u em:nth-child(2) {
3388  height: 85%;
3389}
3390
3391.kit-art u em:nth-child(3) {
3392  height: 55%;
3393}
3394
3395.kit-art u em:nth-child(4) {
3396  height: 100%;
3397}
3398
3399.kit-art u em:nth-child(5) {
3400  height: 35%;
3401}
3402
3403.kit-art u em:nth-child(6) {
3404  height: 70%;
3405}
3406
3407.kit-badge {
3408  background: var(--navy-2);
3409  border: 2px solid var(--gold);
3410  z-index: 2;
3411  border-radius: 50%;
3412  place-items: center;
3413  width: 30px;
3414  height: 30px;
3415  font-size: .8rem;
3416  display: grid;
3417  position: absolute;
3418  top: -13px;
3419  left: 50%;
3420  transform: translateX(-50%);
3421}
3422
3423.kit-card p {
3424  text-align: center;
3425  font-family: var(--fd);
3426  color: var(--text);
3427  padding: 9px 2px 11px;
3428  font-size: .76rem;
3429  font-weight: 800;
3430  line-height: 1.25;
3431}
3432
3433.kit-card p small {
3434  font-family: var(--fb);
3435  color: var(--muted);
3436  margin-top: 2px;
3437  font-size: .64rem;
3438  font-weight: 400;
3439  display: block;
3440}
3441
3442.stack {
3443  border: 1px dashed var(--line);
3444  background: #fcfaf5;
3445  border-radius: 14px;
3446  margin-bottom: 16px;
3447  padding: 14px 16px;
3448}
3449
3450.stack-row {
3451  color: var(--muted);
3452  justify-content: space-between;
3453  align-items: baseline;
3454  gap: 10px;
3455  padding: 5px 0;
3456  font-size: .82rem;
3457  display: flex;
3458}
3459
3460.stack-row b {
3461  font-family: var(--fm);
3462  color: var(--text);
3463  flex-shrink: 0;
3464  font-weight: 600;
3465}
3466
3467.stack-total {
3468  border-top: 1px solid var(--line);
3469  justify-content: space-between;
3470  align-items: baseline;
3471  gap: 10px;
3472  margin-top: 5px;
3473  padding-top: 9px;
3474  font-size: .84rem;
3475  font-weight: 700;
3476  display: flex;
3477}
3478
3479.stack-total s {
3480  font-family: var(--fm);
3481  color: var(--wine);
3482}
3483
3484.save-pill {
3485  font-family: var(--fd);
3486  color: #0f5c35;
3487  background: #dff3e6;
3488  border: 1px solid #a8dcbf;
3489  border-radius: 999px;
3490  margin-bottom: 12px;
3491  padding: 6px 13px;
3492  font-size: .76rem;
3493  font-weight: 800;
3494  display: inline-block;
3495}
3496
3497.plan-miss {
3498  color: var(--muted);
3499  text-align: center;
3500  margin-bottom: 14px;
3501  font-size: .78rem;
3502}
3503
3504.launch-strip {
3505  text-align: center;
3506  background: #efc76f1a;
3507  border: 1px solid #efc76f66;
3508  border-radius: 16px;
3509  max-width: 640px;
3510  margin: 0 auto 42px;
3511  padding: 18px 22px;
3512}
3513
3514.launch-strip .lt {
3515  font-family: var(--fm);
3516  letter-spacing: .14em;
3517  text-transform: uppercase;
3518  color: var(--gold-2);
3519  margin-bottom: 6px;
3520  font-size: .68rem;
3521  font-weight: 600;
3522}
3523
3524.launch-strip p {
3525  color: #dbe4f1;
3526  font-size: .9rem;
3527}
3528
3529.launch-strip b {
3530  color: var(--gold-2);
3531}
3532
3533.plans {
3534  grid-template-columns: 1fr 1.08fr;
3535  align-items: stretch;
3536  gap: 24px;
3537  max-width: 880px;
3538  margin: 0 auto;
3539  display: grid;
3540}
3541
3542.plan {
3543  color: var(--text);
3544  background: #fff;
3545  border-radius: 24px;
3546  flex-direction: column;
3547  padding: 34px 28px;
3548  display: flex;
3549  position: relative;
3550}
3551
3552.plan.featured {
3553  background: linear-gradient(#fff,#fff) padding-box,linear-gradient(155deg,var(--gold-2),var(--gold) 42%,#b98f38) border-box;
3554  border: 3px solid #0000;
3555  box-shadow: 0 34px 76px #efc76f57;
3556}
3557
3558.plan.featured:before {
3559  content: "";
3560  pointer-events: none;
3561  background: radial-gradient(circle at 50% -10%, #efc76f2e, #0000 58%);
3562  border-radius: 21px;
3563  position: absolute;
3564  inset: 0;
3565}
3566
3567.plan.featured > * {
3568  position: relative;
3569}
3570
3571.plan.essential {
3572  opacity: .94;
3573}
3574
3575.plan .flag {
3576  background: linear-gradient(135deg,var(--gold),var(--gold-2));
3577  color: var(--gold-ink);
3578  font-family: var(--fd);
3579  letter-spacing: .05em;
3580  text-transform: uppercase;
3581  white-space: nowrap;
3582  border-radius: 999px;
3583  padding: 7px 16px;
3584  font-size: .7rem;
3585  font-weight: 800;
3586  position: absolute;
3587  top: -16px;
3588  left: 50%;
3589  transform: translateX(-50%);
3590}
3591
3592.plan-name {
3593  font-family: var(--fd);
3594  font-size: 1.25rem;
3595  font-weight: 900;
3596}
3597
3598.plan-sub {
3599  color: var(--muted);
3600  margin: 4px 0 18px;
3601  font-size: .85rem;
3602}
3603
3604.plan ul {
3605  flex-grow: 1;
3606  margin-bottom: 22px;
3607  list-style: none;
3608}
3609
3610.plan.essential ul {
3611  flex-grow: 0;
3612}
3613
3614.plan.essential {
3615  align-self: flex-start;
3616}
3617
3618.plan li {
3619  border-bottom: 1px dashed var(--line);
3620  padding: 9px 0 9px 28px;
3621  font-size: .9rem;
3622  position: relative;
3623}
3624
3625.plan li:before {
3626  content: "✓";
3627  color: var(--green);
3628  font-weight: 800;
3629  position: absolute;
3630  left: 2px;
3631}
3632
3633.plan li.no {
3634  color: #aab2c0;
3635  text-decoration: line-through;
3636}
3637
3638.plan li.no:before {
3639  content: "✕";
3640  color: #ccd2dc;
3641}
3642
3643.plan li.bonus {
3644  border: 1px solid var(--gold);
3645  border-bottom: 1px solid var(--gold);
3646  background: linear-gradient(135deg, #efc76f38, #efc76f14);
3647  border-radius: 12px;
3648  margin: 8px 0;
3649  padding: 12px 14px;
3650}
3651
3652.plan li.bonus:before {
3653  content: none;
3654}
3655
3656.plan li.bonus .bonus-seal {
3657  font-family: var(--fm);
3658  letter-spacing: .08em;
3659  color: var(--gold-ink);
3660  background: linear-gradient(135deg,var(--gold),var(--gold-2));
3661  border-radius: 6px;
3662  margin-bottom: 7px;
3663  padding: 4px 9px;
3664  font-size: .6rem;
3665  font-weight: 600;
3666  display: inline-block;
3667}
3668
3669.plan li.bonus strong {
3670  font-size: .93rem;
3671  display: block;
3672}
3673
3674.plan li.bonus .bonus-copy {
3675  color: var(--muted);
3676  margin-top: 5px;
3677  font-size: .78rem;
3678  line-height: 1.45;
3679  display: block;
3680}
3681
3682.price-old {
3683  color: var(--muted);
3684  font-size: .88rem;
3685}
3686
3687.price-old s {
3688  color: var(--wine);
3689}
3690
3691.price-old .off {
3692  font-family: var(--fm);
3693  color: #fff;
3694  background: var(--wine);
3695  border-radius: 6px;
3696  margin-left: 8px;
3697  padding: 3px 8px;
3698  font-size: .66rem;
3699  font-weight: 600;
3700}
3701
3702.price {
3703  font-family: var(--fd);
3704  margin: 6px 0 2px;
3705  font-size: 2.7rem;
3706  font-weight: 900;
3707  line-height: 1;
3708}
3709
3710.price sup {
3711  margin-right: 3px;
3712  font-size: 1rem;
3713  font-weight: 800;
3714}
3715
3716.price-note {
3717  color: var(--muted);
3718  margin-bottom: 20px;
3719  font-size: .78rem;
3720}
3721
3722.plan .btn {
3723  width: 100%;
3724  padding: 17px;
3725  font-size: 1rem;
3726}
3727
3728.next-lot {
3729  text-align: center;
3730  color: var(--muted);
3731  margin-top: 14px;
3732  font-size: .75rem;
3733}
3734
3735.next-lot b {
3736  color: var(--wine);
3737}
3738
3739.offer-secure {
3740  color: #9fb0c6;
3741  flex-wrap: wrap;
3742  justify-content: center;
3743  gap: 24px;
3744  margin-top: 36px;
3745  font-size: .78rem;
3746  display: flex;
3747}
3748
3749.marquee-wrap {
3750  flex-direction: column;
3751  gap: 14px;
3752  width: 100vw;
3753  max-width: 100vw;
3754  margin-left: calc(50% - 50vw);
3755  padding: 6px 0;
3756  display: flex;
3757  position: relative;
3758}
3759
3760.marquee-wrap:before, .marquee-wrap:after {
3761  content: "";
3762  z-index: 3;
3763  pointer-events: none;
3764  width: 14%;
3765  min-width: 56px;
3766  max-width: 200px;
3767  position: absolute;
3768  top: 0;
3769  bottom: 0;
3770}
3771
3772.marquee-wrap:before {
3773  background: linear-gradient(90deg,var(--bg) 22%,transparent);
3774  left: 0;
3775}
3776
3777.marquee-wrap:after {
3778  background: linear-gradient(270deg,var(--bg) 22%,transparent);
3779  right: 0;
3780}
3781
3782.marquee {
3783  scrollbar-width: none;
3784  -webkit-overflow-scrolling: touch;
3785  scroll-behavior: auto;
3786  overscroll-behavior-x: contain;
3787  cursor: grab;
3788  overflow: auto hidden;
3789}
3790
3791.marquee:active {
3792  cursor: grabbing;
3793}
3794
3795.marquee::-webkit-scrollbar {
3796  display: none;
3797}
3798
3799.mq-track {
3800  gap: 14px;
3801  width: max-content;
3802  display: flex;
3803}
3804
3805.mq-item {
3806  border: 1px solid var(--line);
3807  width: 166px;
3808  box-shadow: var(--shadow);
3809  cursor: zoom-in;
3810  background: #fff;
3811  border-radius: 14px;
3812  flex: none;
3813  transition: transform .18s, box-shadow .18s;
3814  position: relative;
3815  overflow: hidden;
3816}
3817
3818.mq-item:hover {
3819  box-shadow: var(--shadow-lg);
3820  transform: translateY(-5px);
3821}
3822
3823.mq-item img {
3824  aspect-ratio: 707 / 1000;
3825  object-fit: cover;
3826  object-position: top center;
3827  pointer-events: none;
3828  background: #fff;
3829  width: 100%;
3830}
3831
3832.mq-item figcaption {
3833  color: #fff;
3834  text-align: left;
3835  white-space: nowrap;
3836  text-overflow: ellipsis;
3837  background: linear-gradient(#081b3400, #081b34cc 42%, #081b34f7);
3838  padding: 30px 12px 10px;
3839  font-size: .75rem;
3840  font-weight: 700;
3841  line-height: 1.3;
3842  position: absolute;
3843  bottom: 0;
3844  left: 0;
3845  right: 0;
3846  overflow: hidden;
3847}
3848
3849.mq-item figcaption span {
3850  color: #c3d0e2;
3851  text-overflow: ellipsis;
3852  margin-top: 2px;
3853  font-size: .65rem;
3854  font-weight: 400;
3855  display: block;
3856  overflow: hidden;
3857}
3858
3859@media (width >= 721px) {
3860  .mq-item {
3861    width: 212px;
3862  }
3863
3864  .mq-track {
3865    gap: 16px;
3866  }
3867}
3868
3869.car-tip {
3870  text-align: center;
3871  color: var(--muted);
3872  margin-top: 20px;
3873  font-size: .78rem;
3874}
3875
3876.lightbox {
3877  z-index: 100;
3878  background: #050c16e6;
3879  flex-direction: column;
3880  justify-content: center;
3881  align-items: center;
3882  gap: 14px;
3883  padding: 20px;
3884  display: none;
3885  position: fixed;
3886  inset: 0;
3887}
3888
3889.lightbox.open {
3890  display: flex;
3891}
3892
3893.lightbox img {
3894  object-fit: contain;
3895  background: #0d1017;
3896  border-radius: 14px;
3897  max-width: min(94vw, 900px);
3898  max-height: 80vh;
3899  box-shadow: 0 30px 80px #00000080;
3900}
3901
3902.lightbox .lb-cap {
3903  color: #c9d5e6;
3904  text-align: center;
3905  font-size: .85rem;
3906}
3907
3908.lightbox .lb-close {
3909  color: #fff;
3910  cursor: pointer;
3911  background: #ffffff1a;
3912  border: 1px solid #ffffff40;
3913  border-radius: 50%;
3914  width: 46px;
3915  height: 46px;
3916  font-size: 1.3rem;
3917  position: absolute;
3918  top: 18px;
3919  right: 18px;
3920}
3921
3922.lightbox .lb-close:hover {
3923  background: #fff3;
3924}
3925
3926.testi-sec {
3927  color: #fff;
3928  background: linear-gradient(160deg, #0b2141, #081b34 72%);
3929  position: relative;
3930  overflow: hidden;
3931}
3932
3933.testi-sec h2 {
3934  color: #fff;
3935}
3936
3937.testi-sec .lead {
3938  color: #9fb0c6;
3939  margin-bottom: 34px;
3940}
3941
3942.marquee-wrap.on-dark:before {
3943  background: linear-gradient(90deg, #0b2141 18%, #0000);
3944}
3945
3946.marquee-wrap.on-dark:after {
3947  background: linear-gradient(270deg, #08203c 18%, #0000);
3948}
3949
3950.shot {
3951  cursor: zoom-in;
3952  background: #0b0b0d;
3953  border: 1px solid #ffffff1f;
3954  border-radius: 18px;
3955  flex: none;
3956  align-items: center;
3957  width: clamp(262px, 80vw, 420px);
3958  transition: transform .18s;
3959  display: flex;
3960  overflow: hidden;
3961  box-shadow: 0 24px 50px #00000073;
3962}
3963
3964.shot:hover {
3965  transform: translateY(-5px);
3966}
3967
3968.shot img {
3969  pointer-events: none;
3970  width: 100%;
3971  height: auto;
3972  display: block;
3973}
3974
3975.testi-foot {
3976  text-align: center;
3977  color: #8fa2bd;
3978  margin-top: 24px;
3979  font-size: .78rem;
3980}
3981
3982.guarantee-box {
3983  border: 1px solid var(--line);
3984  max-width: 840px;
3985  box-shadow: var(--shadow);
3986  background: #fff;
3987  border-radius: 26px;
3988  align-items: center;
3989  gap: 38px;
3990  margin: 0 auto;
3991  padding: 42px;
3992  display: flex;
3993}
3994
3995.seal {
3996  color: #e9f6ec;
3997  text-align: center;
3998  width: 130px;
3999  height: 130px;
4000  font-family: var(--fd);
4001  background: radial-gradient(circle at 30% 25%, #175a35, #0d3a20);
4002  border: 4px double #7fbf8a;
4003  border-radius: 50%;
4004  flex-direction: column;
4005  flex-shrink: 0;
4006  justify-content: center;
4007  align-items: center;
4008  display: flex;
4009}
4010
4011.seal strong {
4012  font-size: 2rem;
4013  font-weight: 900;
4014  line-height: 1;
4015}
4016
4017.seal span {
4018  letter-spacing: .12em;
4019  text-transform: uppercase;
4020  max-width: 92px;
4021  margin-top: 5px;
4022  font-size: .56rem;
4023}
4024
4025.guarantee-box h2 {
4026  text-align: left;
4027  font-size: 1.55rem;
4028}
4029
4030.guarantee-box p {
4031  color: var(--muted);
4032  font-size: .94rem;
4033}
4034
4035.faq details {
4036  border: 1px solid var(--line);
4037  background: #fff;
4038  border-radius: 14px;
4039  margin-bottom: 12px;
4040  overflow: hidden;
4041}
4042
4043.faq summary {
4044  cursor: pointer;
4045  justify-content: space-between;
4046  align-items: center;
4047  gap: 12px;
4048  padding: 18px 22px;
4049  font-size: .95rem;
4050  font-weight: 700;
4051  list-style: none;
4052  display: flex;
4053}
4054
4055.faq summary::-webkit-details-marker {
4056  display: none;
4057}
4058
4059.faq summary:after {
4060  content: "+";
4061  font-family: var(--fd);
4062  color: var(--wine);
4063  flex-shrink: 0;
4064  font-size: 1.35rem;
4065  font-weight: 800;
4066  transition: transform .2s;
4067}
4068
4069.faq details[open] summary:after {
4070  transform: rotate(45deg);
4071}
4072
4073.faq details p {
4074  color: var(--muted);
4075  padding: 0 22px 20px;
4076  font-size: .9rem;
4077}
4078
4079footer {
4080  color: #8fa2bd;
4081  text-align: center;
4082  background: #071323;
4083  padding: 38px 20px;
4084  font-size: .8rem;
4085}
4086
4087footer .brand {
4088  color: #fff;
4089  justify-content: center;
4090  margin-bottom: 8px;
4091  font-size: 1rem;
4092}
4093
4094footer .brand-mark {
4095  width: 32px;
4096  height: 32px;
4097  font-size: .95rem;
4098}
4099
4100.sticky-cta {
4101  border-top: 1px solid var(--line);
4102  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
4103  z-index: 50;
4104  background: #fff;
4105  display: none;
4106  position: fixed;
4107  bottom: 0;
4108  left: 0;
4109  right: 0;
4110  box-shadow: 0 -8px 24px #081b3424;
4111}
4112
4113.sticky-cta a {
4114  background: linear-gradient(135deg,var(--gold),var(--gold-2));
4115  color: var(--gold-ink);
4116  font-family: var(--fd);
4117  text-align: center;
4118  border-radius: 12px;
4119  padding: 15px;
4120  font-size: .95rem;
4121  font-weight: 800;
4122  text-decoration: none;
4123  display: block;
4124}
4125
4126@media (prefers-reduced-motion: reduce) {
4127  .playing .eq i, .eq i {
4128    height: 60%;
4129    animation: none;
4130  }
4131
4132  .phone, .phone-halo, .phone-chip, .play-main:before {
4133    animation: none;
4134  }
4135}
4136
4137@media (width <= 920px) {
4138  section {
4139    padding: 56px 0;
4140  }
4141
4142  .hero {
4143    padding: 14px 0 60px;
4144  }
4145
4146  .nav {
4147    margin-bottom: 18px;
4148    padding: 8px 0;
4149  }
4150
4151  .brand-mark {
4152    width: 34px;
4153    height: 34px;
4154    font-size: 1rem;
4155  }
4156
4157  .brand {
4158    font-size: 1.05rem;
4159  }
4160
4161  .eyebrow {
4162    padding: 7px 13px;
4163    font-size: .64rem;
4164  }
4165
4166  .nav .btn-gold {
4167    display: none;
4168  }
4169
4170  .btn-nav-secondary {
4171    color: #ffffff6b;
4172    background: #ffffff08;
4173    border-color: #ffffff0f;
4174    border-radius: 5px;
4175    margin-right: 0;
4176    padding: 3px 7px;
4177    font-size: .5rem;
4178    font-weight: 500;
4179    line-height: 1.25;
4180  }
4181
4182  .phone-wrap {
4183    margin-bottom: 26px;
4184  }
4185
4186  .hero h1 {
4187    margin-top: 16px;
4188  }
4189
4190  .hero .sub {
4191    font-size: 1rem;
4192  }
4193
4194  .method {
4195    gap: 7px;
4196    margin-bottom: 24px;
4197  }
4198
4199  .method .pill {
4200    padding: 8px 11px;
4201    font-size: .76rem;
4202  }
4203
4204  .hero .btn-gold {
4205    width: 100%;
4206    padding: 18px 20px;
4207  }
4208
4209  .hero-proof {
4210    max-width: 100%;
4211  }
4212
4213  .receive-grid {
4214    grid-template-columns: 1fr;
4215  }
4216
4217  .receive-card {
4218    min-height: 120px;
4219    padding: 18px 16px;
4220  }
4221
4222  .receive-card + .receive-card {
4223    border-left: 0;
4224    border-top: 1px solid var(--line);
4225  }
4226
4227  .vs {
4228    grid-template-columns: 1fr;
4229    gap: 12px;
4230  }
4231
4232  .vs-arrow {
4233    justify-self: center;
4234    transform: rotate(90deg);
4235  }
4236
4237  .vs-col {
4238    padding: 20px 18px;
4239  }
4240
4241  .plans {
4242    grid-template-columns: 1fr;
4243    gap: 30px;
4244  }
4245
4246  .kit {
4247    margin-bottom: 30px;
4248  }
4249
4250  .kit-card {
4251    width: clamp(106px, 30vw, 150px);
4252    padding: 6px 6px 0;
4253  }
4254
4255  .kit-card:first-child {
4256    margin-right: -6px;
4257  }
4258
4259  .kit-card:nth-child(3) {
4260    margin-left: -6px;
4261  }
4262
4263  .kit-card p {
4264    padding: 6px 1px 8px;
4265    font-size: .6rem;
4266    line-height: 1.2;
4267  }
4268
4269  .kit-card p small {
4270    font-size: .54rem;
4271  }
4272
4273  .kit-badge {
4274    width: 25px;
4275    height: 25px;
4276    font-size: .68rem;
4277    top: -11px;
4278  }
4279
4280  .guarantee-box {
4281    text-align: center;
4282    flex-direction: column;
4283    gap: 24px;
4284    padding: 32px 24px;
4285  }
4286
4287  .guarantee-box h2 {
4288    text-align: center;
4289  }
4290
4291  .sticky-cta {
4292    display: block;
4293  }
4294
4295  body {
4296    padding-bottom: 74px;
4297  }
4298
4299  .topbar {
4300    padding: 7px 10px;
4301    font-size: .72rem;
4302  }
4303
4304  .hero .btn-gold {
4305    max-width: 520px;
4306  }
4307
4308  .playlist {
4309    border-radius: 22px;
4310    padding: 26px 16px;
4311  }
4312
4313  .track {
4314    grid-template-columns: 30px 1fr auto;
4315    gap: 9px;
4316    padding: 12px 6px;
4317  }
4318
4319  .track.sample {
4320    grid-template-columns: 30px 1fr;
4321  }
4322
4323  .mini {
4324    grid-template-columns: 44px 1fr;
4325    row-gap: 4px;
4326  }
4327
4328  .mini .times {
4329    grid-column: 2;
4330  }
4331
4332  .screen {
4333    padding: 38px 18px 24px;
4334  }
4335
4336  .cover {
4337    min-height: 158px;
4338    padding: 18px;
4339  }
4340
4341  .cover .law-name {
4342    font-size: 1.3rem;
4343  }
4344
4345  .cover .wm b {
4346    font-size: 5.4rem;
4347  }
4348
4349  .cover .wm svg {
4350    width: 62px;
4351    height: 62px;
4352  }
4353
4354  .np-bar {
4355    margin-bottom: 11px;
4356  }
4357
4358  .np-meta {
4359    margin: 13px 2px 8px;
4360  }
4361
4362  .np-meta strong {
4363    font-size: 1.05rem;
4364  }
4365
4366  .np-next {
4367    margin-top: 12px;
4368    padding: 8px 10px;
4369  }
4370
4371  .eq {
4372    height: 32px;
4373    margin-bottom: 8px;
4374  }
4375
4376  .times {
4377    margin: 5px 2px 10px;
4378  }
4379
4380  .play-main {
4381    width: 74px;
4382    height: 74px;
4383  }
4384
4385  .play-main svg {
4386    width: 28px;
4387    height: 28px;
4388  }
4389
4390  .phone-controls {
4391    gap: 18px;
4392  }
4393
4394  .phone-note {
4395    margin-top: 10px;
4396  }
4397}
4398
4399.xpenal {
4400  color: #fff;
4401  background: #000;
4402  padding: 64px 0;
4403  position: relative;
4404  overflow: hidden;
4405}
4406
4407.xpenal:before {
4408  content: "";
4409  pointer-events: none;
4410  background: radial-gradient(circle at 82% 18%, #97284d57, #0000 46%);
4411  position: absolute;
4412  inset: 0;
4413}
4414
4415.xpenal-in {
4416  text-align: center;
4417  max-width: 900px;
4418  margin: 0 auto;
4419  padding: 0 20px;
4420  position: relative;
4421}
4422
4423.xpenal-badge {
4424  letter-spacing: .16em;
4425  text-transform: uppercase;
4426  color: #efc76f;
4427  background: #efc76f12;
4428  border: 1px solid #efc76f57;
4429  border-radius: 999px;
4430  margin-bottom: 18px;
4431  padding: 7px 14px;
4432  font-size: .66rem;
4433  font-weight: 700;
4434  display: inline-block;
4435}
4436
4437.xpenal h2 {
4438  color: #fff;
4439  letter-spacing: -.02em;
4440  margin: 0 0 12px;
4441  font-size: clamp(1.5rem, 4.4vw, 2.2rem);
4442  line-height: 1.18;
4443}
4444
4445.xpenal h2 em {
4446  color: #efc76f;
4447  font-style: normal;
4448}
4449
4450.xpenal-sub {
4451  color: #c9d5e6;
4452  max-width: 620px;
4453  margin: 0 auto 26px;
4454  font-size: 1rem;
4455  line-height: 1.6;
4456}
4457
4458.xpenal-stats {
4459  background: #ffffff0d;
4460  border: 1px solid #ffffff24;
4461  border-radius: 6px;
4462  justify-content: center;
4463  gap: 0;
4464  max-width: 460px;
4465  margin: 0 auto 28px;
4466  display: flex;
4467  overflow: hidden;
4468}
4469
4470.xpenal-stats div {
4471  letter-spacing: .1em;
4472  text-transform: uppercase;
4473  color: #9fb0c6;
4474  border-right: 1px solid #ffffff1f;
4475  flex: 1;
4476  padding: 14px 8px;
4477  font-size: .6rem;
4478}
4479
4480.xpenal-stats div:last-child {
4481  border-right: 0;
4482}
4483
4484.xpenal-stats strong {
4485  color: #efc76f;
4486  letter-spacing: -.02em;
4487  text-transform: none;
4488  margin-bottom: 3px;
4489  font-size: 1.4rem;
4490  font-weight: 800;
4491  display: block;
4492}
4493
4494.xpenal-btn {
4495  color: #3a2c07;
4496  letter-spacing: .04em;
4497  background: linear-gradient(135deg, #efc76f, #ffde95);
4498  border-radius: 8px;
4499  padding: 17px 34px;
4500  font-size: .95rem;
4501  font-weight: 800;
4502  text-decoration: none;
4503  transition: transform .18s, box-shadow .18s;
4504  display: inline-block;
4505  box-shadow: 0 16px 34px #efc76f4d;
4506}
4507
4508.xpenal-btn:hover {
4509  transform: translateY(-2px);
4510  box-shadow: 0 20px 40px #efc76f61;
4511}
4512
4513.xpenal-note {
4514  color: #9fb0c6;
4515  margin-top: 14px;
4516  font-size: .78rem;
4517}
4518
4519@media (width <= 520px) {
4520  .xpenal {
4521    padding: 48px 0;
4522  }
4523
4524  .xpenal-stats {
4525    max-width: 100%;
4526  }
4527
4528  .xpenal-stats strong {
4529    font-size: 1.15rem;
4530  }
4531
4532  .xpenal-btn {
4533    width: 100%;
4534    padding: 16px 18px;
4535    font-size: .88rem;
4536  }
4537}
4538
4539/* ================= SITE UNIFICADO: componentes novos ================= */
4540:root{ --blue:#1d4ed8; --blue-2:#60a5fa; }
4541
4542/* chips de matérias no hero */
4543.subj-label{font-family:var(--fm);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#8fa2bd;margin-bottom:10px}
4544.hero-subjs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin:0 auto 26px}
4545.hs{font-family:var(--fd);font-weight:800;font-size:.82rem;color:#e8eef7;background:#ffffff0f;border:1px solid #ffffff2b;border-radius:999px;padding:9px 15px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .18s,border-color .18s,transform .18s}
4546.hs:hover{transform:translateY(-1px);background:#ffffff1a}
4547.hs i{font-style:normal}
4548.hs.on{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-color:transparent;box-shadow:0 10px 24px #efc76f47}
4549.hs.soon{color:#8fa2bd;border-style:dashed}
4550.hs.soon small{font-family:var(--fm);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border-radius:5px;padding:2px 5px}
4551@media (width <= 520px){ .hs{font-size:.74rem;padding:8px 12px} .hero-subjs{gap:6px} }
4552
4553/* capa do celular por matéria */
4554.cover{transition:background .35s}
4555.cover.c-penal{background:linear-gradient(150deg,#1e1e27,#08080b 70%);box-shadow:0 26px 55px #00000080,inset 0 0 0 1px #c9a22766}
4556.cover.c-penal .law-num{color:#e6c86e}
4557.cover.c-const{background:linear-gradient(150deg,#1f4e9c,#0b2a5c 70%)}
4558.cover.c-const .law-num{color:#bcd7ff}
4559.phone .screen{transition:opacity .2s}
4560.phone .screen.swap{opacity:.35}
4561
4562/* ---------- seção MATÉRIAS ---------- */
4563.subj-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px;margin:0 auto 22px;max-width:100%;justify-content:center}
4564.subj-tabs::-webkit-scrollbar{display:none}
4565@media (width <= 720px){ .subj-tabs{justify-content:flex-start;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px} }
4566.st{flex:none;font-family:var(--fd);font-weight:800;font-size:.9rem;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}
4567.st small{font-family:var(--fb);font-weight:500;font-size:.68rem;color:var(--muted)}
4568.st:hover{transform:translateY(-2px)}
4569.st.on{background:var(--navy-2);color:#fff;border-color:var(--navy-2)}
4570.st.on small{color:var(--gold-2)}
4571.st.soon{border-style:dashed;box-shadow:none;background:transparent}
4572.offer .st{background:#ffffff0d;border-color:#ffffff24;color:#fff;box-shadow:none}
4573.offer .st small{color:#9fb0c6}
4574.offer .st.on{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-color:transparent}
4575.offer .st.on small{color:#3a2c07b3}
4576.offer .st.soon{border-style:dashed}
4577
4578.subj-panel[hidden],.offer-panel[hidden]{display:none!important}
4579.subj-panel{animation:fadeup .35s ease}
4580@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
4581@media (prefers-reduced-motion: reduce){ .subj-panel{animation:none} }
4582
4583.subj-intro{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 22px 20px;margin-bottom:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
4584.subj-intro .si-kicker{font-family:var(--fm);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);font-weight:600}
4585.subj-intro h3{font-size:1.35rem;font-weight:900;margin:4px 0 6px}
4586.subj-intro p{color:var(--muted);font-size:.9rem;line-height:1.5;max-width:560px}
4587.si-stats{display:flex;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fcfaf5}
4588.si-stats div{padding:10px 14px;text-align:center;font-size:.66rem;color:var(--muted);border-right:1px solid var(--line);min-width:84px}
4589.si-stats div:last-child{border-right:0}
4590.si-stats strong{display:block;font-family:var(--fd);font-size:1.15rem;color:var(--text)}
4591.si-link{display:inline-block;margin-top:10px;font-family:var(--fd);font-weight:800;font-size:.82rem;color:var(--wine);text-decoration:none}
4592@media (width <= 720px){ .subj-intro{grid-template-columns:1fr;padding:18px 16px} .si-stats div{flex:1;min-width:0;padding:10px 6px} }
4593
4594.pl-group{font-family:var(--fm);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);padding:16px 10px 6px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
4595.pl-group small{color:#8fa2bd;letter-spacing:.04em;text-transform:none;font-family:var(--fb)}
4596
4597.soon-card{background:linear-gradient(160deg,#0b2141,#081b34);color:#fff;border-radius:22px;padding:34px 24px;text-align:center;box-shadow:var(--shadow-lg)}
4598.soon-card .sc-badge{display:inline-block;font-family:var(--fm);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);border:1px dashed #efc76f80;border-radius:999px;padding:6px 12px;margin-bottom:14px}
4599.soon-card h3{font-size:1.45rem;font-weight:900;margin-bottom:8px}
4600.soon-card p{color:#c9d5e6;max-width:560px;margin:0 auto 16px;font-size:.92rem}
4601.soon-card .sc-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto 20px;max-width:620px}
4602.soon-card .sc-list span{font-size:.74rem;background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;padding:5px 9px}
4603.soon-card .btn{padding:14px 26px}
4604.soon-card .sc-note{font-size:.76rem;color:#8fa2bd;margin-top:12px;margin-bottom:0}
4605.offer .soon-card{background:#ffffff0a;border:1px solid #ffffff1f;box-shadow:none;max-width:720px;margin:0 auto}
4606
4607/* esteira: mapas mentais (paisagem) */
4608.mq-item.wide{width:300px}
4609.mq-item.wide img{aspect-ratio:16/9;object-fit:contain;object-position:center;background:#fff}
4610@media (width <= 520px){ .mq-item.wide{width:260px} }
4611
4612/* depoimentos: reserva altura antes de a imagem carregar */
4613.shot{min-height:120px}
4614.shot img{min-height:80px}
4615
4616/* ---------- OFERTA: LeiCast Total ---------- */
4617.total-card{position:relative;max-width:980px;margin:0 auto 46px;color:var(--text);border-radius:26px;padding:38px 34px 32px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(155deg,var(--gold-2),var(--gold) 42%,#b98f38) border-box;border:3px solid transparent;box-shadow:0 34px 90px #efc76f4d;display:grid;grid-template-columns:1.1fr .9fr;gap:30px}
4618.total-card .flag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);font-family:var(--fd);font-weight:800;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:7px 16px;box-shadow:0 10px 22px #0000004d}
4619.tc-kicker{font-family:var(--fm);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);font-weight:600}
4620.tc-name{font-family:var(--fd);font-size:1.9rem;font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:4px 0 6px}
4621.tc-name em{font-style:normal;color:var(--wine)}
4622.tc-sub{color:var(--muted);font-size:.9rem;margin-bottom:16px}
4623.tc-subjs{display:grid;gap:10px;margin-bottom:14px}
4624.tc-subj{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fcfaf5}
4625.tc-subj .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.1rem;color:#fff}
4626.tc-subj .ic.leis{background:linear-gradient(150deg,#a92c54,#6c1c39)}
4627.tc-subj .ic.penal{background:linear-gradient(150deg,#1e1e27,#08080b);box-shadow:inset 0 0 0 1px #c9a22799}
4628.tc-subj .ic.const{background:linear-gradient(150deg,#1f4e9c,#0b2a5c)}
4629.tc-subj b{font-family:var(--fd);font-size:.95rem;display:block}
4630.tc-subj span{font-size:.76rem;color:var(--muted);line-height:1.35;display:block}
4631.tc-perks{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--muted)}
4632.tc-perks li:before{content:"✓ ";color:var(--green);font-weight:800}
4633.tc-buy{display:flex;flex-direction:column;justify-content:center}
4634.tc-buy .price{font-size:3.1rem}
4635.tc-buy .btn{width:100%;padding:18px;font-size:1.02rem}
4636.tc-buy .price-note{margin-bottom:16px}
4637@media (width <= 820px){
4638  .total-card{grid-template-columns:1fr;padding:34px 18px 24px;gap:18px;margin-bottom:38px}
4639  .tc-name{font-size:1.55rem}
4640  .total-card .flag{font-size:.6rem;padding:6px 12px}
4641}
4642.or-sep{display:flex;align-items:center;gap:14px;max-width:720px;margin:0 auto 16px;color:#9fb0c6;font-family:var(--fd);font-weight:800;font-size:.95rem;text-align:center;justify-content:center}
4643.or-sep:before,.or-sep:after{content:"";flex:1;height:1px;background:#ffffff24}
4644
4645.plans.three{grid-template-columns:1fr 1.08fr 1fr;max-width:1120px}
4646.plans.three .plan.essential{align-self:stretch}
4647@media (width <= 920px){
4648  .plans.three{grid-template-columns:1fr}
4649  .plans.three .plan.featured{order:3}
4650}
4651@media (width <= 920px){ .plans .plan.featured{order:3} }
4652
4653/* aviso de checkout pendente (só na prévia) */
4654.pend-toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%) translateY(20px);background:#152238;color:#fff;font-size:.82rem;padding:11px 16px;border-radius:12px;box-shadow:0 12px 30px #0006;opacity:0;pointer-events:none;transition:.25s;z-index:120;max-width:90vw;text-align:center}
4655.pend-toast.show{opacity:1;transform:translateX(-50%)}
4656
4657/* ================= CONTEÚDO POR MATÉRIA ================= */
4658[hidden]{display:none!important}
4659.tag i{font-style:normal}
4660.why-stats{display:flex;max-width:640px;margin:0 auto 34px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
4661.why-stats div{flex:1;text-align:center;padding:16px 8px;font-size:.72rem;color:var(--muted);border-right:1px solid var(--line)}
4662.why-stats div:last-child{border-right:0}
4663.why-stats strong{display:block;font-family:var(--fd);font-size:1.6rem;font-weight:900;color:var(--wine);line-height:1.1}
4664@media (width <= 520px){ .why-stats strong{font-size:1.25rem} .why-stats div{padding:12px 4px;font-size:.64rem} }
4665
4666/* ================= TEMAS DE COR POR MATÉRIA =================
4667   25 Leis: azul-marinho + vinho (padrão do site atual)
4668   Penal: preto + dourado · Constitucional: preto + azul escuro */
4669.leicast-page{background:var(--bg);transition:background-color .4s}
4670
4671.theme-penal{--navy:#08080b;--navy-2:#16161d;--navy-3:#26262f;--wine:#8a6b12;--wine-2:#e6c86e;--bg:#faf8f4;--line:#e8e3d7;--shadow:0 18px 40px #08080b1a;--shadow-lg:0 30px 80px #08080b40}
4672.theme-penal .eyebrow{background:#f7f0dc;border-color:#eadcb0}
4673.theme-penal .eyebrow.dark{background:#ffffff0d;border-color:#e6c86e40}
4674.theme-penal .topbar,.theme-penal footer{background:#050507}
4675.theme-penal .hero{background:radial-gradient(circle at 18% 10%,#c9a2272e,#0000 26%),radial-gradient(circle at 90% 85%,#c9a2271a,#0000 30%),linear-gradient(150deg,#050507 0%,#0f0f14 55%,#1c1c24 100%)}
4676.theme-penal .hero h1 em{color:#e6c86e}
4677.theme-penal .brand-mark{background:linear-gradient(135deg,#1e1e27,#08080b);box-shadow:0 14px 28px #0006,inset 0 0 0 1px #c9a22799}
4678.theme-penal .phone-halo{background:radial-gradient(circle,#c9a22740,#c9a22714 40%,#0000 66%)}
4679.theme-penal .screen{background:linear-gradient(#16161d,#08080b)}
4680.theme-penal .np-next .nn-thumb{background:linear-gradient(150deg,#26262f,#08080b)}
4681.theme-penal .solution-wrap,.theme-penal .playlist,.theme-penal .vs-new,.theme-penal .soon-card{background:linear-gradient(160deg,#16161d,#08080b)}
4682.theme-penal .receive-card .tag{background:#f7f0dc}
4683.theme-penal .track.sample{background:#c9a2271c;border-color:#c9a22759}
4684.theme-penal .track.sample:hover{background:#c9a2272b}
4685.theme-penal .offer{background:radial-gradient(circle at 85% 10%,#c9a22724,#0000 32%),linear-gradient(160deg,#121217,#050507 70%)}
4686.theme-penal .testi-sec{background:linear-gradient(160deg,#121217,#050507 72%)}
4687.theme-penal .marquee-wrap.on-dark:before{background:linear-gradient(90deg,#121217 18%,#0000)}
4688.theme-penal .marquee-wrap.on-dark:after{background:linear-gradient(270deg,#08080b 18%,#0000)}
4689.theme-penal .mq-item figcaption{background:linear-gradient(#08080b00,#08080bcc 42%,#08080bf7)}
4690
4691.theme-const{--navy:#050912;--navy-2:#0d1a36;--navy-3:#1a3470;--wine:#1f5fc9;--wine-2:#7fb0ff;--bg:#f5f7fb;--line:#dde5f2;--shadow:0 18px 40px #0509121a;--shadow-lg:0 30px 80px #05091240}
4692.theme-const .eyebrow{background:#e9f0fc;border-color:#c9dafa}
4692
4693.theme-const .eyebrow.dark{background:#ffffff0d;border-color:#7fb0ff40}
4694.theme-const .topbar,.theme-const footer{background:#03050a}
4695.theme-const .hero{background:radial-gradient(circle at 18% 10%,#3b82f62e,#0000 26%),radial-gradient(circle at 90% 85%,#efc76f14,#0000 30%),linear-gradient(150deg,#03050a 0%,#081330 52%,#12306e 100%)}
4696.theme-const .hero h1 em{color:#8fbaff}
4697.theme-const .brand-mark{background:linear-gradient(135deg,#1f5fc9,#0b2a5c);box-shadow:0 14px 28px #1f5fc959}
4698.theme-const .phone-halo{background:radial-gradient(circle,#3b82f63d,#7fb0ff14 40%,#0000 66%)}
4699.theme-const .screen{background:linear-gradient(#0d1a36,#050912)}
4700.theme-const .np-next .nn-thumb{background:linear-gradient(150deg,#1f4e9c,#0b2a5c)}
4701.theme-const .solution-wrap,.theme-const .playlist,.theme-const .vs-new,.theme-const .soon-card{background:linear-gradient(160deg,#0d1a36,#050912)}
4702.theme-const .receive-card .tag{background:#e9f0fc}
4703.theme-const .track.sample{background:#3b82f61f;border-color:#3b82f659}
4704.theme-const .track.sample:hover{background:#3b82f62e}
4705.theme-const .offer{background:radial-gradient(circle at 85% 10%,#3b82f633,#0000 32%),linear-gradient(160deg,#0b1630,#03050a 70%)}
4706.theme-const .testi-sec{background:linear-gradient(160deg,#0b1630,#03050a 72%)}
4707.theme-const .marquee-wrap.on-dark:before{background:linear-gradient(90deg,#0b1630 18%,#0000)}
4708.theme-const .marquee-wrap.on-dark:after{background:linear-gradient(270deg,#050912 18%,#0000)}
4709.theme-const .mq-item figcaption{background:linear-gradient(#05091200,#050912cc 42%,#050912f7)}
4710
4711/* ---- tema Direito Administrativo: preto + verde-esmeralda ---- */
4712.theme-adm{--navy:#04100c;--navy-2:#0a2119;--navy-3:#12503a;--wine:#0f7a52;--wine-2:#34d399;--bg:#f4faf7;--line:#dbe9e3;--shadow:0 18px 40px #04100c1a;--shadow-lg:0 30px 80px #04100c40}
4713.theme-adm .eyebrow{background:#e6f6ef;border-color:#bfe6d6}
4714.theme-adm .eyebrow.dark{background:#ffffff0d;border-color:#34d39940}
4715.theme-adm .topbar,.theme-adm footer{background:#030907}
4716.theme-adm .hero{background:radial-gradient(circle at 18% 10%,#34d3992b,#0000 26%),radial-gradient(circle at 90% 85%,#efc76f14,#0000 30%),linear-gradient(150deg,#030907 0%,#06251c 52%,#0b5c42 100%)}
4717.theme-adm .hero h1 em{color:#6ee7b7}
4718.theme-adm .brand-mark{background:linear-gradient(135deg,#0f7a52,#05392a);box-shadow:0 14px 28px #0f7a5259}
4719.theme-adm .phone-halo{background:radial-gradient(circle,#34d39940,#34d39914 40%,#0000 66%)}
4720.theme-adm .screen{background:linear-gradient(#0a2119,#04100c)}
4721.theme-adm .np-next .nn-thumb{background:linear-gradient(150deg,#12503a,#05271c)}
4722.theme-adm .solution-wrap,.theme-adm .playlist,.theme-adm .vs-new,.theme-adm .soon-card{background:linear-gradient(160deg,#0a2119,#04100c)}
4723.theme-adm .receive-card .tag{background:#e6f6ef}
4724.theme-adm .track.sample{background:#34d3991c;border-color:#34d39959}
4725.theme-adm .track.sample:hover{background:#34d3992b}
4726.theme-adm .offer{background:radial-gradient(circle at 85% 10%,#34d39929,#0000 32%),linear-gradient(160deg,#0a2119,#030907 70%)}
4727.theme-adm .testi-sec{background:linear-gradient(160deg,#0a2119,#030907 72%)}
4728.theme-adm .marquee-wrap.on-dark:before{background:linear-gradient(90deg,#0a2119 18%,#0000)}
4729.theme-adm .marquee-wrap.on-dark:after{background:linear-gradient(270deg,#04100c 18%,#0000)}
4730.theme-adm .mq-item figcaption{background:linear-gradient(#04100c00,#04100ccc 42%,#04100cf7)}
4731.cover.c-adm{background:linear-gradient(150deg,#0f7a52,#04241a 70%)}
4732.cover.c-adm .law-num{color:#a7f3d0}
4733
4734/* ================= SEÇÃO DO APP ================= */
4735.appsec{background:linear-gradient(160deg,#0b0b10,#05050a 70%);color:#fff;position:relative;overflow:hidden}
4736.appsec:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 12%,#c7467240,#0000 34%)}
4737.appsec .container{position:relative}
4738.appsec h2{color:#fff}
4739.appsec .lead{color:#9fb0c6}
4740.app-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center;max-width:1000px;margin:0 auto}
4741@media (width <= 900px){ .app-grid{grid-template-columns:1fr;gap:26px} .app-shot{order:-1;justify-self:center} }
4742.app-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
4743@media (width <= 560px){ .app-feats{grid-template-columns:1fr} }
4744.app-feat{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:13px 14px}
4745.app-feat .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:1.05rem;background:#ffffff12;border:1px solid #ffffff1f}
4746.app-feat b{display:block;font-family:var(--fd);font-size:.9rem;font-weight:800}
4747.app-feat span{display:block;font-size:.78rem;color:#9fb0c6;line-height:1.4;margin-top:2px}
4748.app-note{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
4749.app-note span{font-size:.75rem;color:#cfdbeb;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px}
4750
4751/* celular com a tela do app */
4752.app-shot{width:min(340px,100%);border-radius:40px;padding:10px;background:linear-gradient(160deg,#20202a,#05050a 42%,#20202a);border:1px solid #ffffff1f;box-shadow:var(--shadow-lg)}
4753.app-screen{background:#0a0a0f;border-radius:31px;padding:16px 14px 12px;overflow:hidden}
4754.as-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
4755.as-top img{width:26px;height:26px;border-radius:8px}
4756.as-top b{font-family:var(--fd);font-size:.95rem}
4757.as-top b i{font-style:normal;color:var(--gold-2)}
4758.as-top .av{margin-left:auto;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#a92c54,#6c1c39);display:grid;place-items:center;font-size:.6rem;font-weight:700}
4759.as-hi{background:linear-gradient(150deg,#1b1020,#0b0b12);border:1px solid #ffffff14;border-radius:16px;padding:13px;margin-bottom:12px}
4760.as-hi b{font-family:var(--fd);font-size:1.05rem;display:block}
4761.as-hi p{font-size:.7rem;color:#9fb0c6;margin-top:3px}
4762.as-goal{display:flex;align-items:center;gap:10px;margin-top:10px}
4763.as-ring{width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--gold) 0 38%,#ffffff1a 38% 100%);display:grid;place-items:center;flex:none}
4764.as-ring i{width:26px;height:26px;border-radius:50%;background:#12121a;
4764display:grid;place-items:center;font-style:normal;font-size:.52rem;font-weight:700;color:var(--gold-2)}
4765.as-goal div{font-size:.68rem;color:#c9d5e6}
4766.as-goal div b{display:block;font-size:.76rem;color:#fff}
4767.as-lbl{font-family:var(--fm);font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:#7e91ac;margin:12px 2px 7px}
4768.as-row{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:13px;padding:9px;margin-bottom:8px}
4769.as-row img{width:42px;height:42px;border-radius:9px;object-fit:cover;flex:none}
4770.as-row .t{min-width:0;flex:1}
4771.as-row .t b{display:block;font-size:.74rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
4772.as-row .t span{display:block;font-size:.63rem;color:#8fa2bd;margin-top:1px}
4773.as-row .pl{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#c74672,#97284d);display:grid;place-items:center;font-size:.6rem;flex:none}
4774.as-nav{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;margin-top:10px;padding-top:9px;font-size:.52rem;color:#7e91ac;text-align:center}
4775.as-nav span{flex:1}
4776.as-nav span.on{color:var(--gold-2)}
4777.as-nav i{display:block;font-style:normal;font-size:.85rem;margin-bottom:2px}
4778.tc-subj .ic.adm{background:linear-gradient(150deg,#0f7a52,#04241a)}
4779@media (width <= 900px){
4780  .app-feats{grid-template-columns:1fr 1fr;gap:8px}
4781  .app-feat{grid-template-columns:30px 1fr;gap:9px;padding:10px 11px}
4782  .app-feat .ic{width:30px;height:30px;font-size:.9rem;border-radius:9px}
4783  .app-feat b{font-size:.78rem}
4784  .app-feat span{font-size:.68rem;line-height:1.35}
4785  .app-shot{width:min(300px,100%)}
4786  .appsec .lead{margin-bottom:26px}
4787}
4788@media (width <= 400px){ .app-feats{grid-template-columns:1fr} }
4789.theme-penal .appsec:before{background:radial-gradient(circle at 80% 12%,#c9a22733,#0000 34%)}
4790.theme-const .appsec:before{background:radial-gradient(circle at 80% 12%,#3b82f63d,#0000 34%)}
4791.theme-adm .appsec:before{background:radial-gradient(circle at 80% 12%,#34d39933,#0000 34%)}
4792
4793/* ================= CELULAR DO HERO COM O PRINT REAL DO APP =================
4794   Coordenadas medidas nos prints (924 px de largura): --py = centro do botão play.
4795   Barra = py-188 · tempos = py-134 · botões 15s/30s em x=270 e x=655. */
4796.phone .screen.app-real{padding:0;background:#0b0c13;container-type:inline-size;aspect-ratio:924/2000;border-radius:34px}
4797.app-real .ap-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
4798.app-real>*{--u:calc(100cqw / 924)}
4799.app-real .ap-mask{position:absolute;left:calc(26*var(--u));right:calc(26*var(--u));top:calc((var(--py) - 216)*var(--u));height:calc(114*var(--u));background:#0b0c13;pointer-events:none}
4800.app-real .seek.ap-seek{position:absolute;margin:0;left:calc(48*var(--u));right:calc(48*var(--u));top:calc((var(--py) - 212)*var(--u));height:calc(48*var(--u));display:flex;align-items:center}
4801.app-real .ap-seek .rail{height:calc(9*var(--u));background:#2b2b2d;border-radius:99px}
4802.app-real .ap-seek .fill{background:#fff}
4803.app-real .ap-seek .knob{opacity:1;width:calc(56*var(--u));height:calc(36*var(--u));border-radius:99px;box-shadow:0 2px 10px #0008;left:clamp(calc(28*var(--u)),var(--p),calc(100% - 28*var(--u)))}
4804.app-real .ap-times{position:absolute;left:calc(48*var(--u));right:calc(48*var(--u));top:calc((var(--py) - 156)*var(--u));display:flex;justify-content:space-between;font-family:var(--fb);font-weight:500;font-size:calc(31*var(--u));line-height:1.4;color:#8e8e98;letter-spacing:.02em;pointer-events:none}
4805.app-real .ap-play{position:absolute;left:50%;top:calc((var(--py) - 81)*var(--u));width:calc(162*var(--u));height:calc(162*var(--u));transform:translateX(-50%);border:0;border-radius:50%;background:#e60b5e;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .15s}
4806.app-real .ap-play:hover{transform:translateX(-50%) scale(1.05)}
4807.app-real .ap-play svg{width:calc(58*var(--u));height:calc(58*var(--u));fill:#fff}
4808.app-real .ap-play svg[data-icon-play]{margin-left:calc(8*var(--u))}
4809.app-real .ap-play:after{content:"";position:absolute;inset:calc(-14*var(--u));border-radius:50%;border:2px solid #ff5a95cc;animation:2s cubic-bezier(.2,.6,.3,1) infinite ping;pointer-events:none}
4810.app-real.played .ap-play:after,.app-real.playing .ap-play:after{display:none}
4811.app-real .ap-skip{position:absolute;top:calc((var(--py) - 58)*var(--u));width:calc(116*var(--u));height:calc(116*var(--u));border:0;border-radius:50%;background:transparent;cursor:pointer;padding:0;transition:background .15s}
4812.app-real .ap-skip:hover{background:#ffffff14}
4813.app-real .ap-skip.b15{left:calc((270 - 58)*var(--u))}
4814.app-real .ap-skip.b30{left:calc((655 - 58)*var(--u))}
4815.hero-note{text-align:center;color:#8fa2bd;font-size:.74rem;margin:-14px 0 24px}
4816
4817/* seção do app: print real da tela inicial */
4818.app-shot .app-home{display:block;width:100%;border-radius:31px}
4819
4820/* ================= ADMINISTRATIVO: preto + vermelho escuro premium (substitui o verde) ================= */
4821.theme-adm{--navy:#0c0305;--navy-2:#1f070b;--navy-3:#4a0f19;--wine:#9b1c2c;--wine-2:#e5484d;--bg:#faf6f6;--line:#eddcdd;--shadow:0 18px 40px #0c03051a;--shadow-lg:0 30px 80px #0c030540}
4822.theme-adm .eyebrow{background:#fbeaec;border-color:#f0c9ce}
4823.theme-adm .eyebrow.dark{background:#ffffff0d;border-color:#e5484d40}
4824.theme-adm .topbar,.theme-adm footer{background:#080203}
4825.theme-adm .hero{background:radial-gradient(circle at 18% 10%,#c0263a33,#0000 26%),radial-gradient(circle at 90% 85%,#efc76f14,#0000 30%),linear-gradient(150deg,#070203 0%,#240910 52%,#5a1220 100%)}
4826.theme-adm .hero h1 em{color:#f3b0b7}
4827.theme-adm .brand-mark{background:linear-gradient(135deg,#9b1c2c,#3d0a12);box-shadow:0 14px 28px #9b1c2c59}
4828.theme-adm .phone-halo{background:radial-gradient(circle,#c0263a40,#e5484d14 40%,#0000 66%)}
4829.theme-adm .solution-wrap,.theme-adm .playlist,.theme-adm .vs-new,.theme-adm .soon-card{background:linear-gradient(160deg,#1f070b,#0c0305)}
4830.theme-adm .receive-card .tag{background:#fbeaec}
4831.theme-adm .track.sample{background:#e5484d1c;border-color:#e5484d59}
4832.theme-adm .track.sample:hover{background:#e5484d2b}
4833.theme-adm .offer{background:radial-gradient(circle at 85% 10%,#c0263a33,#0000 32%),linear-gradient(160deg,#1f070b,#080203 70%)}
4834.theme-adm .testi-sec{background:linear-gradient(160deg,#1f070b,#080203 72%)}
4835.theme-adm .marquee-wrap.on-dark:before{background:linear-gradient(90deg,#1f070b 18%,#0000)}
4836.theme-adm .marquee-wrap.on-dark:after{background:linear-gradient(270deg,#0c0305 18%,#0000)}
4837.theme-adm .mq-item figcaption{background:linear-gradient(#0c030500,#0c0305cc 42%,#0c0305f7)}
4838.theme-adm .appsec:before{background:radial-gradient(circle at 80% 12%,#c0263a3d,#0000 34%)}
4839.tc-subj .ic.adm{background:linear-gradient(150deg,#9b1c2c,#3d0a12)}
4840
4841/* ---- Bibliotecas LeiCast (4 matérias) ---- */
4842.lib-head{text-align:center;max-width:680px;margin:0 auto 20px}
4843.lib-kicker{display:inline-block;font-family:var(--fm);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:999px;padding:6px 13px;margin-bottom:10px}
4844.lib-head h3{font-family:var(--fd);font-size:clamp(1.5rem,4vw,2rem);font-weight:900;color:#fff}
4845.lib-head p{color:#9fb0c6;font-size:.92rem;margin-top:4px}
4846.plans.libs{max-width:980px;margin-bottom:50px}
4847.plans.libs .plan.essential{align-self:stretch}
4848.lib-count{font-family:var(--fd);font-weight:800;font-size:.86rem;color:var(--wine);background:#fcfaf5;border:1px dashed var(--line);border-radius:10px;padding:8px 12px;margin-bottom:12px;text-align:center}
4849.plan li .bonus-seal{font-family:var(--fm);font-size:.58rem;letter-spacing:.08em;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:5px;padding:2px 6px;vertical-align:1px}
4850
4851/* ================= v6 ================= */
4852/* prints novos (sem barra de status): a própria imagem define a altura da tela */
4853.phone .screen.app-real{aspect-ratio:auto;background:#03040c}
4854.app-real .ap-img{position:relative;inset:auto;height:auto}
4855.app-real .ap-mask{background:#03040c}
4856.app-real .seek.ap-seek{top:calc((var(--py) - 211)*var(--u))}
4857
4858/* ---- cor de destaque por matéria ---- */
4859.leicast-page{--acc:#c74672;--acc-2:#efc76f;--acc-soft:#c746721f;--sec-bg:linear-gradient(180deg,#f3f1ec,#ecebe6)}
4860.theme-penal{--acc:#c9a227;--acc-2:#e6c86e;--acc-soft:#c9a22724;--sec-bg:linear-gradient(180deg,#f7f1e1,#efe5cb)}
4861.theme-const{--acc:#3b82f6;--acc-2:#8fbaff;--acc-soft:#3b82f624;--sec-bg:linear-gradient(180deg,#eaf1fc,#dce8fa)}
4862.theme-adm{--acc:#e5484d;--acc-2:#f3b0b7;--acc-soft:#e5484d24;--sec-bg:linear-gradient(180deg,#faeeee,#f3dfe1)}
4863#materias{background:var(--sec-bg);transition:background .4s}
4864#materias .eyebrow{color:var(--wine)}
4865#materias .st.on{background:linear-gradient(135deg,var(--navy-2),var(--navy));border-color:var(--acc);box-shadow:0 10px 26px var(--acc-soft),inset 0 0 0 1px var(--acc)}
4866#materias .st.on small{color:var(--acc-2)}
4867.subj-intro{border-top:4px solid var(--acc);background:linear-gradient(180deg,#fff,#fff) padding-box}
4868.subj-intro .si-kicker{color:var(--wine)}
4869.si-stats strong{color:var(--wine)}
4870.playlist{border:1px solid var(--acc);box-shadow:0 30px 70px var(--acc-soft),var(--shadow-lg);position:relative;overflow:hidden}
4871.playlist:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,var(--acc-soft),#0000 45%)}
4872.playlist>*{position:relative}
4873.playlist-head h3{color:#fff}
4874.playlist-head span{color:var(--acc-2)}
4875.track .num{color:var(--acc-2);opacity:.8}
4876.track.sample{background:var(--acc-soft)!important;border-color:var(--acc)!important}
4877.badge-free{background:linear-gradient(135deg,var(--acc),var(--acc-2))!important;color:#0b0b10!important}
4878.mp-btn{background:var(--acc)!important}
4879.mp-btn svg{fill:#fff!important}
4880.playlist .seek .fill{background:linear-gradient(90deg,var(--acc),var(--acc-2))}
4881.pl-group span{color:var(--acc-2)}
4882
4883/* ---- comparação compacta (depois do meme) ---- */
4884.vs-compact{max-width:640px;margin:0 auto;display:grid;gap:7px}
4885.vs-cap{display:grid;grid-template-columns:1fr 22px 1fr;gap:8px;font-family:var(--fm);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 14px}
4886.vs-cap b:last-child{color:var(--wine)}
4887.vs-row{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:.86rem;line-height:1.3}
4888.vs-row .old{color:var(--muted);text-decoration:line-through;text-decoration-color:#9aa3b2}
4889.vs-row .arr{color:var(--acc);font-weight:900;text-align:center}
4890.vs-row .new{font-weight:700;color:var(--text)}
4891@media (width <= 520px){ .vs-row{font-size:.76rem;padding:9px 10px;gap:6px} .vs-cap{padding:0 10px;font-size:.54rem} }
4892
4893/* ---- seção do app (versão enxuta e visual) ---- */
4894.appsec h2 em{font-style:normal;color:var(--acc-2)}
4895.app-grid2{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:center;max-width:940px;margin:0 auto}
4896@media (width <= 820px){ .app-grid2{grid-template-columns:1fr;gap:26px} .app-grid2 .app-shot{justify-self:center;width:min(280px,82%)} }
4897.app-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}
4898.ab{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;padding:16px 12px;text-align:center}
4899.ab span{display:block;font-size:1.7rem;line-height:1;margin-bottom:8px}
4900.ab b{font-family:var(--fd);font-weight:800;font-size:.95rem;color:#fff;line-height:1.2;display:block}
4901.app-checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:18px 2px}
4902.app-checks li{font-size:.84rem;color:#dbe4f1;display:flex;gap:7px;align-items:center}
4903.app-checks li i{font-style:normal;color:var(--acc-2)}
4904.app-once{display:flex;flex-direction:column;gap:2px;background:linear-gradient(135deg,#efc76f26,#efc76f0d);border:1px solid #efc76f66;border-radius:14px;padding:13px 16px}
4905.app-once b{font-family:var(--fd);font-size:1rem;color:var(--gold-2)}
4906.app-once span{font-size:.84rem;color:#dbe4f1}
4907@media (width <= 520px){ .ab{padding:13px 8px} .ab span{font-size:1.45rem} .ab b{font-size:.84rem} .app-checks{grid-template-columns:1fr} }
4908
4909/* ---- promessas da oferta ---- */
4910.promises{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:-18px auto 34px}
4911.promises span{font-family:var(--fd);font-weight:800;font-size:.82rem;color:#fff;background:#ffffff0f;border:1px solid #ffffff2b;border-radius:999px;padding:9px 14px}
4912.promises span b{color:var(--gold-2)}
4913.hero .update-chip{margin:0 auto 18px;font-size:.8rem}
4914
4915/* ---- v7: aba "Quero todas as 4" na oferta ---- */
4916.offer-cross{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:760px;margin:0 auto 20px;background:linear-gradient(135deg,#efc76f1f,#efc76f0a);border:1px solid #efc76f66;border-radius:18px;padding:16px 18px}
4917.offer-cross b{display:block;font-family:var(--fd);font-size:1rem;color:#fff}
4918.offer-cross span{display:block;font-size:.84rem;color:#dbe4f1;margin-top:3px}
4919.offer-cross .btn{flex:none;padding:13px 20px;font-size:.88rem}
4920.offer-cross .btn small{font-size:.66rem}
4921@media (width <= 680px){ .offer-cross{flex-direction:column;align-items:stretch;text-align:center} .offer-cross .btn{width:100%} }
4922.offer .st.st-all{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-color:transparent;box-shadow:0 12px 26px #efc76f4d}
4923.offer .st.st-all small{color:#3a2c07b3}
4924.offer .st.st-all.on{box-shadow:0 0 0 2px #fff6,0 12px 26px #efc76f66}
4925
4926/* ---- v8: "Quero todas as 4" com visual próprio (dourado cheio = selecionado) ---- */
4927.offer .st.st-all{background:linear-gradient(135deg,#efc76f1f,#ffffff0a);border:1px solid var(--gold);color:#fff;box-shadow:inset 0 0 0 1px #efc76f2b;position:relative;overflow:hidden;animation:brilhoTodas 3.4s ease-in-out infinite}
4928.offer .st.st-all small{color:var(--gold-2)}
4929.offer .st.st-all:after{content:"";position:absolute;top:0;bottom:0;width:38%;left:-50%;background:linear-gradient(100deg,#0000,#ffffff26,#0000);transform:skewX(-18deg);animation:varreTodas 3.4s ease-in-out infinite;pointer-events:none}
4930@keyframes brilhoTodas{0%,100%{box-shadow:inset 0 0 0 1px #efc76f2b,0 0 0 0 #efc76f00}55%{box-shadow:inset 0 0 0 1px #efc76f4d,0 10px 26px #efc76f3d}}
4931@keyframes varreTodas{0%{left:-50%}55%,100%{left:120%}}
4932@media (prefers-reduced-motion: reduce){ .offer .st.st-all,.offer .st.st-all:after{animation:none} }
4933.offer .st.st-all.on{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-color:transparent;box-shadow:0 12px 26px #efc76f4d}
4934.offer .st.st-all.on small{color:#3a2c07b3}
4935.offer .st.st-all.on:after{display:none}
4936
4937/* ---- v9: "Quero todas as 4" em linha própria, acima das matérias ---- */
4938.btn-all{display:flex;align-items:center;gap:14px;width:100%;max-width:760px;margin:0 auto 14px;padding:15px 18px;text-align:left;cursor:pointer;border:1px solid var(--gold);border-radius:16px;background:linear-gradient(135deg,#efc76f1f,#ffffff0a);color:#fff;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,background .18s}
4939.btn-all:hover{transform:translateY(-2px);box-shadow:0 14px 30px #efc76f3d}
4940.btn-all .ba-ico{font-size:1.3rem;line-height:1;flex:none}
4941.btn-all .ba-txt{flex:1;min-width:0}
4942.btn-all .ba-txt b{display:block;font-family:var(--fd);font-weight:800;font-size:1rem;color:var(--gold-2)}
4943.btn-all .ba-txt small{display:block;font-size:.78rem;color:#c9d5e6;margin-top:2px;line-height:1.35}
4944.btn-all .ba-seta{flex:none;font-size:1.1rem;font-weight:800;color:var(--gold-2)}
4945.btn-all:after{content:"";position:absolute;top:0;bottom:0;left:-50%;width:34%;background:linear-gradient(100deg,#0000,#ffffff21,#0000);transform:skewX(-18deg);animation:varreTodas 3.6s ease-in-out infinite;pointer-events:none}
4946@media (prefers-reduced-motion: reduce){ .btn-all:after{animation:none} }
4947/* selecionado: dourado sólido, texto escuro e legível, sem brilho passando */
4948.btn-all.on{background:linear-gradient(135deg,var(--gold),var(--gold-2));border-color:transparent;box-shadow:0 14px 30px #efc76f4d}
4949.btn-all.on .ba-txt b{color:#2a2107}
4950.btn-all.on .ba-txt small{color:#4a3708}
4951.btn-all.on .ba-seta{color:#2a2107}
4952.btn-all.on:after{display:none}
4953@media (width <= 520px){ .btn-all{padding:13px 14px;gap:11px} .btn-all .ba-txt b{font-size:.92rem} .btn-all .ba-txt small{font-size:.72rem} }
4954
4955/* ---- v10: faixa-botão com título centralizado + separador "Ou escolha uma matéria" ---- */
4956.btn-all{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:17px 18px}
4957.btn-all .ba-tit{display:inline-flex;align-items:center;gap:9px;font-family:var(--fd);font-weight:900;font-size:1.12rem;letter-spacing:-.01em;color:var(--gold-2);line-height:1.15}
4958.btn-all .ba-tit i{font-style:normal;font-size:1.15rem}
4959.btn-all .ba-tit .ba-seta{font-weight:900;font-size:1rem;transition:transform .18s}
4960.btn-all:hover .ba-tit .ba-seta{transform:translateX(4px)}
4961.btn-all .ba-sub{display:block;font-size:.8rem;color:#c9d5e6;line-height:1.35;max-width:52ch}
4962.btn-all.on .ba-tit{color:#2a2107}
4963.btn-all.on .ba-sub{color:#4a3708}
4964.or-sep-tabs{margin:0 auto 14px;font-size:.85rem;color:#9fb0c6;max-width:560px}
4965@media (width <= 520px){ .btn-all .ba-tit{font-size:1rem} .btn-all .ba-sub{font-size:.73rem} .or-sep-tabs{font-size:.78rem} }
4966.btn-all .ba-sub{max-width:none}
4967@media (width <= 720px){ .btn-all .ba-sub{max-width:34ch} }
4968
4969/* ================= v11: geometria do mockup por matéria (variáveis) ================= */
4970.app-real{--barL:48;--barR:48;--knobW:56;--knobH:36;--trk:9;--playD:162;--skipW:116;--x15:270;--x30:655;
4971  --maskT:216;--maskH:114;--seekT:211;--seekH:48;--timesT:156;--timesF:31;--playT:81;
4972  --trkCor:#2b2b2d;--fillCor:#fff;--knobCor:#fff;--maskCor:#03040c;--playCor:#e60b5e}
4973/* Processual Penal: print do celular, mesma geometria das outras — só o fundo é mais claro */
4974.app-real[data-subj="processual"]{--maskCor:#0b0c14}
4975.phone .screen.app-real{background:var(--maskCor)}
4976.app-real .ap-mask{left:calc(26*var(--u));right:calc(26*var(--u));top:calc((var(--py) - var(--maskT))*var(--u));height:calc(var(--maskH)*var(--u));background:var(--maskCor)}
4977.app-real .seek.ap-seek{left:calc(var(--barL)*var(--u));right:calc(var(--barR)*var(--u));top:calc((var(--py) - var(--seekT))*var(--u));height:calc(var(--seekH)*var(--u))}
4978.app-real .ap-seek .rail{height:calc(var(--trk)*var(--u));background:var(--trkCor)}
4979.app-real .ap-seek .fill{background:var(--fillCor)}
4980.app-real .ap-seek .knob{width:calc(var(--knobW)*var(--u));height:calc(var(--knobH)*var(--u));background:var(--knobCor);left:clamp(calc(var(--knobW)/2*var(--u)),var(--p),calc(100% - var(--knobW)/2*var(--u)))}
4981.app-real .ap-times{left:calc(var(--barL)*var(--u));right:calc(var(--barR)*var(--u));top:calc((var(--py) - var(--timesT))*var(--u));font-size:calc(var(--timesF)*var(--u))}
4982.app-real .ap-play{width:calc(var(--playD)*var(--u));height:calc(var(--playD)*var(--u));top:calc((var(--py) - var(--playT))*var(--u));background:var(--playCor)}
4983.app-real .ap-play svg{width:calc(var(--playD)*0.36*var(--u));height:calc(var(--playD)*0.36*var(--u))}
4984.app-real .ap-skip{width:calc(var(--skipW)*var(--u));height:calc(var(--skipW)*var(--u));top:calc((var(--py) - var(--skipW)/2)*var(--u))}
4985.app-real .ap-skip.b15{left:calc((var(--x15) - var(--skipW)/2)*var(--u))}
4986.app-real .ap-skip.b30{left:calc((var(--x30) - var(--skipW)/2)*var(--u))}
4987
4988
4989
4990/* ================= v12: faixa-botão com CTA de verdade ================= */
4991.btn-all{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:16px 18px;border-width:2px;box-shadow:0 10px 26px #efc76f26}
4992.btn-all .ba-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
4993.btn-all .ba-tit{display:inline-flex;align-items:center;gap:9px;font-family:var(--fd);font-weight:900;font-size:1.12rem;color:var(--gold-2);line-height:1.15}
4994.btn-all .ba-sub{font-size:.79rem;color:#c9d5e6;line-height:1.35;max-width:none}
4995.btn-all .ba-cta{flex:none}
4996.btn-all .ba-cta b{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-weight:900;font-size:.86rem;letter-spacing:.02em;white-space:nowrap;padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);box-shadow:0 10px 22px #efc76f4d}
4997.btn-all .ba-cta i{font-style:normal;transition:transform .18s}
4998.btn-all:hover .ba-cta i{transform:translateX(4px)}
4999.btn-all:active{transform:translateY(0) scale(.995)}
5000.btn-all .ba-cta b.cta-on{display:none}
5001.btn-all.on .ba-cta b.cta-off{display:none}
5002.btn-all.on .ba-cta b.cta-on{display:inline-flex;background:#2a2107;color:var(--gold-2);box-shadow:none}
5003@media (width <= 720px){
5004  .btn-all{flex-direction:column;align-items:stretch;text-align:center;gap:12px}
5005  .btn-all .ba-tit{justify-content:center;font-size:1.02rem}
5006  .btn-all .ba-sub{max-width:36ch;margin:0 auto}
5007  .btn-all .ba-cta b{width:100%;justify-content:center;padding:13px 16px}
5008}
5009
5010/* ---- tema Processual Penal: preto + laranja escuro (substitui o violeta) ---- */
5011.theme-proc{--navy:#0d0602;--navy-2:#24120a;--navy-3:#7c2d12;--wine:#c2410c;--wine-2:#fdba74;--bg:#fdf7f2;--line:#f0e2d6;--shadow:0 18px 40px #0d06021a;--shadow-lg:0 30px 80px #0d060240;--acc:#ea580c;--acc-2:#fdba74;--acc-soft:#ea580c26;--sec-bg:linear-gradient(180deg,#fdf1e7,#fae3d1)}
5012.theme-proc .eyebrow{background:#fdeee1;border-color:#f6d3b4}
5013.theme-proc .eyebrow.dark{background:#ffffff0d;border-color:#fdba7440}
5014.theme-proc .topbar,.theme-proc footer{background:#0a0402}
5015.theme-proc .hero{background:radial-gradient(circle at 18% 10%,#ea580c38,#0000 26%),radial-gradient(circle at 90% 85%,#f5c04217,#0000 30%),linear-gradient(150deg,#0b0503 0%,#2b1206 52%,#8a3411 100%)}
5016.theme-proc .hero h1 em{color:#fdba74}
5017.theme-proc .brand-mark{background:linear-gradient(135deg,#c2410c,#5a1d05);box-shadow:0 14px 28px #c2410c59}
5018.theme-proc .phone-halo{background:radial-gradient(circle,#ea580c40,#fdba7414 40%,#0000 66%)}
5019.theme-proc .solution-wrap,.theme-proc .playlist,.theme-proc .vs-new,.theme-proc .soon-card{background:linear-gradient(160deg,#24120a,#0d0602)}
5020.theme-proc .receive-card .tag{background:#fdeee1}
5021.theme-proc .track.sample{background:#ea580c1f;border-color:#ea580c59}
5022.theme-proc .track.sample:hover{background:#ea580c2e}
5023.theme-proc .offer{background:radial-gradient(circle at 85% 10%,#ea580c33,#0000 32%),linear-gradient(160deg,#24120a,#0a0402 70%)}
5024.theme-proc .testi-sec{background:linear-gradient(160deg,#24120a,#0a0402 72%)}
5025.theme-proc .marquee-wrap.on-dark:before{background:linear-gradient(90deg,#24120a 18%,#0000)}
5026.theme-proc .marquee-wrap.on-dark:after{background:linear-gradient(270deg,#0d0602 18%,#0000)}
5027.theme-proc .mq-item figcaption{background:linear-gradient(#0d060200,#0d0602cc 42%,#0d0602f7)}
5028.theme-proc .appsec:before{background:radial-gradient(circle at 80% 12%,#ea580c3d,#0000 34%)}
5029.cover.c-proc{background:linear-gradient(150deg,#c2410c,#3d1304 70%)}
5030.tc-subj .ic.proc{background:linear-gradient(150deg,#c2410c,#5a1d05)}
5031
5032/* ================= v14 ================= */
5033/* "3 formatos" agora vive dentro da seção escura do app */
5034.appsec .receive-grid{background:#ffffff08;border-color:#ffffff1f;box-shadow:none;margin-bottom:34px}
5035.appsec .receive-card + .receive-card{border-left-color:#ffffff1f}
5036.appsec .receive-card h3{color:#fff}
5037.appsec .receive-card p{color:#9fb0c6}
5038.appsec .receive-card .ico{background:#ffffff12;color:var(--gold-2)}
5039.appsec .receive-card .tag{background:#ffffff14;color:var(--gold-2)}
5040@media (width <= 920px){ .appsec .receive-card + .receive-card{border-top-color:#ffffff1f} }
5041
5042/* carrossel de telas do app */
5043.app-shot .shots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
5044.app-shot .shots::-webkit-scrollbar{display:none}
5045.app-shot .shots figure{flex:0 0 100%;scroll-snap-align:center;margin:0}
5046.app-shot .shots img{width:100%;aspect-ratio:700/1470;object-fit:cover;object-position:top;border-radius:31px;display:block}
5047.app-shot .shots figcaption{text-align:center;font-family:var(--fm);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#9fb0c6;margin-top:9px}
5048.shots-tip{text-align:center;font-size:.72rem;color:#7e91ac;margin-top:4px}
5049
5050/* garantia colada no preço */
5051.plan-guarantee{text-align:center;font-size:.72rem;color:var(--muted);margin-top:9px;margin-bottom:0}
5052
5053/* abas: no celular todas aparecem, sem rolagem lateral */
5054@media (width <= 720px){
5055  .subj-tabs{flex-wrap:wrap;justify-content:center;overflow:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
5056  .subj-tabs .st{flex:1 1 calc(50% - 8px);min-width:0}
5057  .subj-tabs .st small{font-size:.63rem}
5058}
5059/* alvo de toque dos chips do hero */
5060.hero-subjs .hs{min-height:44px}
5061
5062/* ================= v15 ================= */
5063/* --- tour do app: celular com várias telas --- */
5064.app-tour{max-width:430px;margin:0 auto 24px}
5065.tour-abas{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px}
5066.tour-abas .tb{font-family:var(--fd);font-weight:800;font-size:.75rem;color:#c9d5e6;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:9px 14px;min-height:38px;cursor:pointer;transition:background .18s}
5067.tour-abas .tb:hover{background:#ffffff1a}
5068.tour-abas .tb.on{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-color:transparent}
5069.tour-fone{width:min(320px,88%);margin:0 auto;padding:10px;border-radius:40px;background:linear-gradient(160deg,#20202a,#05050a 42%,#20202a);border:1px solid #ffffff1f;box-shadow:var(--shadow-lg)}
5070.tour-fone .shots{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:31px;cursor:grab}
5071.tour-fone .shots::-webkit-scrollbar{display:none}
5072.tour-fone .shots figure{flex:0 0 100%;scroll-snap-align:center;margin:0}
5073.tour-fone .shots img{width:100%;aspect-ratio:700/1430;object-fit:cover;object-position:top;border-radius:28px;display:block}
5074.tour-fone .shots figcaption{text-align:center;font-size:.72rem;color:#9fb0c6;line-height:1.35;padding:10px 6px 2px}
5075.app-tour .shots-tip{text-align:center;font-size:.7rem;color:#7e91ac;margin-top:10px}
5076
5077/* --- vantagens do app --- */
5078.app-vant{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:860px;margin:0 auto 20px}
5079.app-vant li{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:11px 13px}
5080.app-vant i{font-style:normal;font-size:1.15rem;line-height:1}
5081.app-vant b{display:block;font-family:var(--fd);font-size:.88rem;color:#fff;line-height:1.2}
5082.app-vant span{display:block;font-size:.73rem;color:#9fb0c6;margin-top:2px;line-height:1.3}
5083@media (width <= 680px){ .app-vant{grid-template-columns:1fr;gap:8px} }
5084.appsec .app-once{max-width:860px;margin:0 auto 20px;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;text-align:center}
5085
5086/* --- 3 formatos, versão compacta --- */
5087.formatos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:860px;margin:0 auto}
5088.formatos .fmt{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;padding:13px;text-align:center}
5089.formatos .fmt>i{font-style:normal;font-size:1.3rem;display:block;margin-bottom:6px}
5090.formatos .fmt b{display:block;font-family:var(--fd);font-size:.87rem;color:#fff}
5091.formatos .fmt>span{display:block;font-family:var(--fm);font-size:.62rem;letter-spacing:.05em;
5091color:var(--gold-2);margin-top:5px}
5092.formatos .fmt span i{font-style:normal;font-size:inherit;display:inline}
5093@media (width <= 560px){
5094  .formatos{grid-template-columns:1fr;gap:8px}
5095  .formatos .fmt{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;text-align:left;padding:11px 13px}
5096  .formatos .fmt>i{margin:0;font-size:1.1rem}
5097  .formatos .fmt>span{margin:0}
5098}
5099
5100/* --- como o material é feito --- */
5101.feito{background:var(--bg)}
5102.feito-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px;margin:0 auto}
5103.feito-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px 18px;box-shadow:var(--shadow)}
5104.feito-card .fn{position:absolute;top:-13px;left:18px;width:28px;height:28px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font-family:var(--fd);font-weight:900;font-size:.8rem}
5105.feito-card b{display:block;font-family:var(--fd);font-size:1rem;margin-bottom:6px;line-height:1.25}
5106.feito-card p{color:var(--muted);font-size:.86rem;line-height:1.5}
5107@media (width <= 760px){ .feito-grid{grid-template-columns:1fr;gap:20px} .feito{padding:56px 0} }
5108
5109/* --- bloco dor/solução mais compacto no celular --- */
5110@media (width <= 720px){
5111  .pain-solution{padding:44px 0}
5112  .pain-solution h2{font-size:1.22rem;margin-bottom:18px}
5113  .pain-grid,.solution-grid{gap:10px}
5114  .pain-photo,.pain-photo img,.solution-photo,.solution-photo img{width:64px;height:64px;flex:0 0 64px}
5115  .pain-ico,.solution-ico{width:26px;height:26px;font-size:.78rem;bottom:-5px;right:-5px}
5116  .pain-item p,.solution-item p{font-size:.88rem;line-height:1.32}
5117  .pain-divider{margin:16px 0;font-size:.88rem}
5118  .pd-arrow{font-size:1.1rem}
5119  .solution-wrap{padding:16px 14px 18px;border-radius:18px}
5120}
5121
5122/* --- amostras da playlist ocupando menos altura --- */
5123.track.sample{padding:10px}
5124.track.sample .sample-head{gap:8px;margin-bottom:2px}
5125.badge-free{font-size:.55rem!important;padding:3px 8px!important}
5126.track.sample .mini{margin-top:5px}
5127.track.sample .mp-btn{width:38px;height:38px}
5128.track.sample .mp-btn svg{width:15px;height:15px}
5129.sample-note{font-size:.66rem;margin-top:3px}
5130
5131/* --- Processual Penal: laranja mais fechado, menos berrante --- */
5132.theme-proc{--navy:#0b0705;--navy-2:#1b120c;--navy-3:#7c2d12;--wine:#b1400d;--wine-2:#fdba74;--bg:#fbf8f6;--line:#ece1da;--acc:#c2410c;--acc-2:#fdba74;--acc-soft:#c2410c1a;--sec-bg:linear-gradient(180deg,#faf6f3,#f2e9e3)}
5133.theme-proc .hero{background:radial-gradient(circle at 18% 10%,#c2410c2e,#0000 26%),radial-gradient(circle at 90% 85%,#f5c0421a,#0000 30%),linear-gradient(150deg,#090503 0%,#241009 52%,#6b2a10 100%)}
5134.theme-proc .eyebrow{background:#fbeee6;border-color:#f0d6c2}
5135.theme-proc .solution-wrap,.theme-proc .playlist,.theme-proc .vs-new,.theme-proc .soon-card{background:linear-gradient(160deg,#1b120c,#0b0705)}
5136.theme-proc .offer{background:radial-gradient(circle at 85% 10%,#c2410c26,#0000 32%),linear-gradient(160deg,#1b120c,#090503 70%)}
5137.theme-proc .testi-sec{background:linear-gradient(160deg,#1b120c,#090503 72%)}
5138.theme-proc .track.sample{background:#c2410c17;border-color:#c2410c45}
5139.theme-proc .track.sample:hover{background:#c2410c24}
5140.theme-proc .marquee-wrap.on-dark:before{background:linear-gradient(90deg,#1b120c 18%,#0000)}
5141.theme-proc .marquee-wrap.on-dark:after{background:linear-gradient(270deg,#0b0705 18%,#0000)}
5142.theme-proc .mq-item figcaption{background:linear-gradient(#0b070500,#0b0705cc 42%,#0b0705f7)}
5143.theme-proc .receive-card .tag,.theme-proc .formatos .fmt>span{background:transparent}
5144
5145/* ---- v15.1: ajustes de altura ---- */
5146.pain-item,.solution-item{min-height:0}
5147.app-vant li{grid-template-columns:30px 1fr;padding:9px 12px}
5148.app-vant li>div{min-width:0}
5149.tour-fone{width:min(290px,84%)}
5150.tour-fone .shots img{aspect-ratio:700/1290}
5151.tour-fone .shots figcaption{padding:8px 6px 0;font-size:.7rem}
5152.appsec .app-once{padding:10px 14px}
5153.appsec .app-once b{font-size:.94rem}
5154.appsec .app-once span{font-size:.8rem}
5155.track.sample .sample-head{flex-wrap:nowrap;align-items:flex-start}
5156.track.sample .sample-head .name{flex:1;min-width:0}
5157.track.sample .badge-free{flex:none}
5158@media (width <= 720px){
5159  .app-tour{margin-bottom:18px}
5160  .tour-abas{gap:5px;margin-bottom:11px}
5161  .tour-abas .tb{font-size:.7rem;padding:8px 11px;min-height:36px}
5162}
5163
5164/* ---- v15.2: amostra da playlist mais baixa (selo fora do fluxo, tempos na mesma linha) ---- */
5165.track.sample{position:relative}
5166.track.sample .badge-free{position:absolute;top:9px;right:10px;z-index:2}
5167.track.sample .sample-head .name{padding-right:112px}
5168.track.sample .mini{grid-template-columns:38px 1fr auto;align-items:center;gap:10px}
5169.track.sample .mini .times{grid-column:3;margin:0;white-space:nowrap}
5170.track.sample .sample-note{margin-top:5px}
5171
5172/* ================= v16 ================= */
5173/* --- setas e pontinhos no tour do app --- */
5174.tour-fone{position:relative}
5175.tour-seta{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border-radius:50%;background:#12121a;border:1px solid #ffffff2b;color:#fff;font-size:1.4rem;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 8px 18px #0007;transition:background .18s,transform .18s}
5176.tour-seta:hover{background:#22222e;transform:translateY(-50%) scale(1.06)}
5177.tour-seta.prev{left:-14px}
5178.tour-seta.next{right:-14px}
5179.tour-seta[disabled]{opacity:.28;cursor:default}
5180.tour-pontos{display:flex;justify-content:center;gap:6px;margin-top:12px}
5181.tour-pontos i{width:6px;height:6px;border-radius:999px;background:#ffffff33;transition:width .2s,background .2s}
5182.tour-pontos i.on{width:18px;background:var(--gold-2)}
5183.app-tour .shots-tip{margin-top:8px;letter-spacing:.02em}
5184
5185/* --- depois do celular: lista limpa em vez de caixas --- */
5186.app-info{max-width:640px;margin:0 auto;display:grid;gap:18px}
5187.app-lista{list-style:none;display:grid;background:#ffffff08;border:1px solid #ffffff1a;border-radius:18px;padding:6px 16px}
5188.app-lista li{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:baseline;font-size:.85rem;color:#9fb0c6;line-height:1.45;padding:11px 0;border-bottom:1px solid #ffffff12}
5189.app-lista li:last-child{border-bottom:0}
5190.app-lista i{font-style:normal;font-size:1rem}
5191.app-lista b{color:#fff;font-family:var(--fd);font-weight:800}
5192.app-cta{display:grid;gap:12px;justify-items:center}
5193.appsec .app-once{max-width:none;width:100%;text-align:center;justify-content:center}
5194.formatos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:none;margin:0}
5195.formatos .fmt{display:inline-flex;align-items:center;gap:7px;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:9px 15px;font-size:.8rem;color:#9fb0c6}
5196.formatos .fmt b{color:#fff;font-family:var(--fd);font-weight:800}
5197.formatos .fmt i{font-style:normal;font-size:.95rem}
5198
5199/* --- oferta "todas as matérias": fundo roxo premium --- */
5200#ofertas{transition:background .45s}
5201#ofertas.todas{background:radial-gradient(circle at 82% 8%,#8b5cf640,#0000 34%),radial-gradient(circle at 12% 92%,#efc76f1f,#0000 30%),linear-gradient(160deg,#1d1238,#0a0617 72%)}
5202#ofertas.todas .or-sep{color:#c4b5fd}
5203#ofertas.todas .or-sep:before,#ofertas.todas .or-sep:after{background:#c4b5fd2b}
5204#ofertas.todas .st{background:#ffffff0d;border-color:#ffffff24}
5205#ofertas.todas .btn-all{border-color:var(--gold-2)}
5206#ofertas.todas .lib-head p{color:#cfc4ee}
5207#ofertas.todas .offer-secure{color:#c4b5fd}
5208
5209/* --- Processual Penal: terracota mais escuro e menos saturado --- */
5210.theme-proc{--navy:#0a0605;--navy-2:#191009;--navy-3:#7a3410;--wine:#a63d0d;--wine-2:#e8a55f;--bg:#fbf9f7;--line:#eae0d8;--acc:#a63d0d;--acc-2:#e8a55f;--acc-soft:#a63d0d17;--sec-bg:linear-gradient(180deg,#faf7f4,#f1ebe5)}
5211.theme-proc .hero{background:radial-gradient(circle at 18% 10%,#a63d0d33,#0000 26%),radial-gradient(circle at 90% 85%,#e8a55f14,#0000 30%),linear-gradient(150deg,#080504 0%,#1f0e07 52%,#5c2610 100%)}
5212.theme-proc .eyebrow{background:#faefe6;border-color:#eed9c5}
5213.theme-proc .solution-wrap,.theme-proc .playlist,.theme-proc .vs-new,.theme-proc .soon-card{background:linear-gradient(160deg,#191009,#0a0605)}
5214.theme-proc .offer{background:radial-gradient(circle at 85% 10%,#a63d0d24,#0000 32%),linear-gradient(160deg,#191009,#080504 70%)}
5215.theme-proc .testi-sec{background:linear-gradient(160deg,#191009,#080504 72%)}
5216.theme-proc .track.sample{background:#a63d0d15;border-color:#a63d0d40}
5217.theme-proc .track.sample:hover{background:#a63d0d21}
5218.theme-proc .marquee-wrap.on-dark:before{background:linear-gradient(90deg,#191009 18%,#0000)}
5219.theme-proc .marquee-wrap.on-dark:after{background:linear-gradient(270deg,#0a0605 18%,#0000)}
5220.theme-proc .mq-item figcaption{background:linear-gradient(#0a060500,#0a0605cc 42%,#0a0605f7)}
5221.theme-proc .appsec:before{background:radial-gradient(circle at 80% 12%,#a63d0d33,#0000 34%)}
5222.tc-subj .ic.proc{background:linear-gradient(150deg,#a63d0d,#3d1505)}
5223.app-lista li>span{min-width:0}
5224
5225/* ---- v17: setas fora do celular, na mesma linha dos pontinhos ---- */
5226.tour-seta{position:static;transform:none;width:34px;height:34px}
5227.tour-seta:hover{transform:scale(1.06)}
5228.tour-barra{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}
5229.tour-barra .tour-pontos{margin:0}
5230/* no computador, as setas ficam ao lado do celular, no espaço livre do bloco */
5231@media (width >= 760px){
5232  .app-tour{position:relative}
5233  .tour-barra .tour-seta{position:absolute;top:calc(50% + 10px);transform:translateY(-50%);width:40px;height:40px}
5234  .tour-barra .tour-seta.prev{left:2px}
5235  .tour-barra .tour-seta.next{right:2px}
5236  .tour-barra .tour-seta:hover{transform:translateY(-50%) scale(1.08)}
5237}
5238
5239/* ---- parcelamento discreto ao lado do preço ---- */
5240.price .parcela{display:inline-block;margin-left:8px;font-family:var(--fb);font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:0;vertical-align:middle}
5241.plan.featured .price .parcela{color:var(--muted)}
5242
5243
5244/* ================= v18: conversão ================= */
5245.hero-cta-top{width:100%;max-width:440px;margin:6px auto 8px}
5246.hero-prova{font-size:.8rem;color:#c9d5e6;margin:0 0 16px;text-align:center}
5247.hero-prova b{color:var(--gold-2)}
5248/* barra fixa some no topo (botão já visível) e dentro da oferta (não cobre os botões de compra) */
5249.sticky-cta{transition:transform .25s ease,opacity .25s ease}
5250.sticky-cta.oculta{transform:translateY(115%);opacity:0;pointer-events:none}
5251#planos{scroll-margin-top:10px}
5252/* no celular, o Completo (e a Biblioteca Completa) aparecem antes do Essencial */
5253@media (width <= 920px){ #ofertas .plans .plan.featured{order:-1} }
5254/* abas da oferta mais baixas no celular: o preço aparece antes */
5255@media (width <= 720px){
5256  #ofertas .subj-tabs{gap:6px}
5257  #ofertas .subj-tabs .st{padding:10px 12px;border-radius:12px}
5258  #ofertas .subj-tabs .st small{display:none}
5259}
5260/* números dos depoimentos */
5261.testi-nums{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-18px auto 26px}
5262.testi-nums span{display:flex;align-items:baseline;gap:5px;background:#ffffff0d;border:1px solid #ffffff21;border-radius:999px;padding:7px 13px;font-size:.78rem;color:#c9d5e6}
5263.testi-nums b{font-family:var(--fd);font-weight:900;color:var(--gold-2);font-size:.95rem}
5264
5265/* no celular, cada card mostra nome → preço → botão, e os detalhes depois */
5266@media (width <= 720px){
5267  #ofertas .plan > *{order:20}
5268  #ofertas .plan > .flag{order:0}
5269  #ofertas .plan > .plan-name{order:1}
5270  #ofertas .plan > .plan-sub{order:2}
5271  #ofertas .plan > .price-old{order:3}
5272  #ofertas .plan > .price{order:4}
5273  #ofertas .plan > .save-pill{order:5}
5274  #ofertas .plan > .price-note{order:6}
5275  #ofertas .plan > a.btn{order:7;margin-bottom:6px}
5276  #ofertas .plan > .plan-guarantee{order:8;margin-bottom:16px}
5277  #ofertas .plan > .lib-count{order:9}
5278  #ofertas .plan > ul{order:10;margin-bottom:12px}
5279  #ofertas .plan > .stack{order:11}
5280  #ofertas .plan > .plan-miss{order:12}
5281  #ofertas .plan > .next-lot{order:13}
5282  #ofertas .plan > .plan-sub{margin-bottom:10px}
5283}
5284
5285/* ================= v19: abas de matéria da oferta com cara de botão ================= */
5286.offer-hint{text-align:center;font-size:.8rem;color:#c9d5e6;margin:-4px auto 12px;max-width:34ch;line-height:1.4}
5287.offer-hint b{color:var(--gold-2)}
5288#ofertas .subj-tabs .st{position:relative;padding:11px 40px 11px 13px;border:1.5px solid #ffffff4d;background:linear-gradient(180deg,#ffffff1c,#ffffff0a);box-shadow:0 4px 0 #00000059,0 10px 20px #0000002e;cursor:pointer;transition:transform .12s,box-shadow .12s,background .18s;-webkit-tap-highlight-color:transparent}
5289#ofertas .subj-tabs .st:hover{background:linear-gradient(180deg,#ffffff2b,#ffffff10);border-color:#ffffff73}
5290#ofertas .subj-tabs .st:active{transform:translateY(3px);box-shadow:0 1px 0 #00000059,0 4px 10px #0000002e}
5291#ofertas .subj-tabs .st::after{content:"›";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#ffffff26;color:#fff;display:grid;place-items:center;font-size:1.05rem;font-weight:900;line-height:1;padding-bottom:2px;box-sizing:border-box}
5292#ofertas .subj-tabs .st small{display:block!important;margin-top:2px;font-size:.66rem;font-weight:700;letter-spacing:.02em;color:var(--gold-2);text-transform:uppercase}
5293#ofertas .subj-tabs .st.on{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-color:transparent;box-shadow:0 4px 0 #8a6a1f,0 12px 24px #efc76f47}
5294#ofertas .subj-tabs .st.on:hover{background:linear-gradient(135deg,var(--gold),var(--gold-2))}
5295#ofertas .subj-tabs .st.on::after{content:"✓";background:#2a210726;color:var(--gold-ink);font-size:.8rem;padding-bottom:0}
5296#ofertas .subj-tabs .st.on small{font-size:0;color:#3a2c07}
5297#ofertas .subj-tabs .st.on small::before{content:"Você está vendo ↓";font-size:.66rem}
5298@media (width <= 720px){
5299  #ofertas .subj-tabs .st{padding:11px 36px 11px 11px;font-size:.86rem}
5300  #ofertas .subj-tabs .st::after{right:8px;width:22px;height:22px}
5301}
5302
5303/* ================= v21: chips do topo um pouco mais "tocáveis", sem competir com a copy ================= */
5304.hero-subjs .hs{background:linear-gradient(180deg,#ffffff17,#ffffff0a);border-color:#ffffff47;box-shadow:0 2px 0 #00000059;transition:transform .12s,box-shadow .12s,background .18s,border-color .18s;-webkit-tap-highlight-color:transparent}
5305.hero-subjs .hs::after{content:"▶";font-size:.52rem;opacity:.5;margin-left:1px;line-height:1}
5306.hero-subjs .hs:hover{background:linear-gradient(180deg,#ffffff24,#ffffff0f);border-color:#ffffff6b}
5307.hero-subjs .hs:hover::after{opacity:.85}
5308.hero-subjs .hs:active{transform:translateY(1px);box-shadow:0 1px 0 #00000059}
5309.hero-subjs .hs.on,.hero-subjs .hs.on:hover{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);border-color:transparent;box-shadow:0 2px 0 #b8913a,0 8px 20px #efc76f33}
5310.hero-subjs .hs.on::after{content:none}
5311
5312/* ================= v22: depoimentos em cards padronizados ================= */
5313.shot.dep{flex-direction:column;align-items:stretch;background:linear-gradient(180deg,#171a21,#0c0f14 46%);border:1px solid #ffffff1c;border-radius:20px;width:clamp(280px,82vw,380px);box-shadow:0 22px 44px #00000066}
5314.dep-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px 0}
5315.dep-src{display:flex;align-items:center;gap:6px;font-family:var(--fm);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#8e9ab0;white-space:nowrap}
5316.dep-src svg{width:14px;
5316height:14px;fill:none;stroke:#c9a0dc;stroke-width:1.9}
5317.dep-src svg .d{fill:#c9a0dc;stroke:none}
5318.dep-tag{font-size:.62rem;font-weight:700;color:var(--gold-2);background:#efc76f14;border:1px solid #efc76f40;border-radius:999px;padding:3px 9px;white-space:nowrap}
5319.dep-q{margin:10px 15px 12px;font-family:var(--fd);font-weight:800;font-size:1.02rem;line-height:1.3;color:#fff;text-wrap:balance;min-height:2.6em;display:flex;align-items:center}
5320.shot.dep img{aspect-ratio:720/431;min-height:0;border-top:1px solid #ffffff12;background:#0c0f14}
5321
5322/* v22b: depoimentos em duas linhas, sem selo */
5323.dep-rows{gap:16px}
5324.dep-rows .shot.dep:hover{transform:none}
5325
5326/* v23: fechamento dos depoimentos levando à oferta */
5327.testi-cta{text-align:center;margin:14px 0 0}
5328.testi-cta a{display:inline-flex;align-items:center;gap:6px;color:#dbe4f0;font-size:.95rem;text-decoration:none;padding:8px 4px;border-bottom:1px solid #efc76f59}
5329.testi-cta a b{color:var(--gold-2);font-weight:800}
5330.testi-cta a:hover{border-bottom-color:var(--gold-2)}
5331
5332/* v24: topo mais enxuto — celular sobe na primeira tela */
5333@media (width <= 520px){
5334  .hero .eyebrow{white-space:nowrap}
5335  .hero .sub{margin-bottom:14px}
5336  .hero-prova{margin:0 0 16px}
5337  .subj-label{margin-bottom:8px}
5338  .hero-subjs{gap:6px;margin-bottom:20px}
5339  .hero-subjs .hs{font-size:.72rem;padding:7px 10px;min-height:40px;gap:5px}
5340  .hero-subjs .hs i{font-size:.85rem}
5341}
5342
5343/* v24b: card de atualizado de volta + celular 10% menor */
5344.hero .hero-prova{margin:0 0 10px}
5345.phone{width:min(353px,90%)}
5346
5347/* v24c: celular mais 5% menor */
5348.phone{width:min(335px,85.5%)}
5349
5350/* v25: valor riscado da tabela não quebra linha */
5351.stack-total s{white-space:nowrap}
5352
5353/* v26: aba Praticar (questões + flashcards) */
5354.plan li .new-seal{font-family:var(--fm);font-size:.56rem;font-weight:700;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:5px;padding:2px 6px;vertical-align:1px}
5355.app-lista .app-novo{font-style:normal;font-family:var(--fm);font-size:.55rem;font-weight:700;letter-spacing:.1em;color:#fff;background:#16a34a;border-radius:5px;padding:2px 6px;margin-left:4px;vertical-align:1px;white-space:nowrap}
5356
5357/* v26b: 4 pílulas do método em 2x2 */
5358.app-cta .formatos{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:420px;margin:0 auto}
5359.app-cta .formatos .fmt{justify-content:center;gap:5px;padding:9px 8px;font-size:.74rem;white-space:nowrap}
5360
5361/* v27: aba Praticar no tour do app */
5362.tour-abas .tb.tb-novo{position:relative}
5363.tour-abas .tb.tb-novo::after{content:"NOVO";position:absolute;top:-7px;right:-6px;font-family:var(--fm);font-size:.5rem;font-weight:700;letter-spacing:.08em;color:#fff;background:#16a34a;border-radius:5px;padding:2px 5px;line-height:1.2}
5364
5365/* v28: bônus de questões na tabela de valor */
5366.stack-row.stack-bonus span{color:#1f8f56;font-weight:600}
5367
5368/* v28b: bônus de questões na Biblioteca Completa */
5369.lib-bonus{margin:-2px 0 14px;padding:9px 12px;border-radius:10px;background:#16a34a12;border:1px dashed #16a34a66;color:#166534;font-size:.8rem;line-height:1.4;text-align:center}
5370.lib-bonus b{color:#15803d}
5371.lib-bonus span{display:block;font-size:.72rem;color:#4b5563;margin-top:2px}
5372.lib-bonus s{color:var(--wine)}
5373
5374/* v28c: bônus na lista do app */
5375.app-lista .app-bonus{font-style:normal;font-family:var(--fm);font-size:.56rem;font-weight:700;letter-spacing:.08em;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:5px;padding:2px 6px;margin-right:3px;vertical-align:1px;white-space:nowrap}
5376
5377/* ================= v29: deixar claro 1 matéria x as 5 ================= */
5378.plan-name small{display:block;font-family:var(--fm);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px;line-height:1.3}
5379#ofertas .plan > .plan-only,#ofertas .plan > .plan-all{order:6}
5380.plan-only,.plan-all{font-size:.76rem;line-height:1.45;border-radius:10px;padding:9px 12px;margin:2px 0 12px;text-align:left}
5381.plan-only{background:#fff8e8;border:1px dashed #d8a63f;color:#6f5310}
5382.plan-only b{color:#8a5a00}
5383.plan-all{background:#eefaf1;border:1px dashed #1f8f5673;color:#166534}
5384.plan-all b{color:#15803d}
5385.plan-only-link{background:none;border:0;padding:0;margin-left:2px;font:inherit;font-weight:800;color:#8a5a00;text-decoration:underline;cursor:pointer;white-space:nowrap}
5386.scope-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;max-width:760px;margin:0 auto 16px;padding:10px 14px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff2b;color:#c9d5e6;font-size:.8rem;text-align:center}
5387.scope-bar b{color:#fff}
5388.scope-link{background:none;border:0;padding:0;font:inherit;font-weight:800;color:var(--gold-2);text-decoration:underline;cursor:pointer;white-space:nowrap}
5389.scope-link.on{color:var(--gold-2)}
5390
5391/* ================= v31: autoria, preço do upgrade ================= */
5392.feito-autoria{max-width:760px;margin:-10px auto 30px;padding:14px 18px;border-radius:14px;background:#fcfaf5;border:1px dashed var(--line);color:var(--ink);font-size:.86rem;line-height:1.55;text-align:left}
5393#ofertas .plan > .upsell-pill{order:6}
5394.upsell-pill{display:block;margin:0 0 12px;padding:9px 12px;border-radius:10px;background:#eef6ff;border:1px dashed #3b82f666;color:#1e40af;font-size:.8rem;line-height:1.4;text-align:center}
5395.upsell-pill b{color:#1d4ed8}
5396
5397
5398
5399/* ================= v35: mini-chat de dúvidas ================= */
5400.lcbot{position:fixed;right:16px;bottom:18px;z-index:120}
5401.lcb-fab{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;padding:12px 17px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);font-family:var(--fd);font-weight:800;font-size:.9rem;box-shadow:0 10px 26px #00000059,0 0 0 4px #efc76f26;transition:transform .16s,box-shadow .16s}
5402.lcb-fab:hover{transform:translateY(-2px);box-shadow:0 14px 32px #00000066,0 0 0 6px #efc76f2e}
5403.lcb-fab .lcb-ico{font-size:1.1rem;line-height:1}
5404.lcbot.on .lcb-fab{display:none}
5405.lcb-panel{width:min(370px,calc(100vw - 32px));height:min(620px,calc(100vh - 104px));display:flex;flex-direction:column;background:#0e1626;border:1px solid #ffffff26;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px #000000a6}
5406.lcb-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#16233a,#0e1626);border-bottom:1px solid #ffffff1a}
5407.lcb-id{display:flex;align-items:center;gap:10px;color:#fff}
5408.lcb-av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#9b1c3c,#c7467233);font-size:1rem}
5409.lcb-id b{display:block;font-family:var(--fd);font-size:.92rem;line-height:1.2}
5410.lcb-id small{display:block;font-size:.68rem;color:#9fb0c6}
5411.lcb-x{background:none;border:0;color:#9fb0c6;font-size:1rem;cursor:pointer;padding:6px 8px;border-radius:8px}
5412.lcb-x:hover{background:#ffffff14;color:#fff}
5413.lcb-msgs{flex:1 1 auto;min-height:210px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
5414.lcb-bot,.lcb-user{max-width:90%;padding:11px 14px;border-radius:14px;font-size:.845rem;line-height:1.55}
5415.lcb-bot{align-self:flex-start;background:#1b2740;color:#e8eef7;border-bottom-left-radius:5px}
5416.lcb-bot b{color:var(--gold-2)}
5417.lcb-user{align-self:flex-end;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);font-weight:700;border-bottom-right-radius:5px}
5418.lcb-cta{display:block;width:fit-content;margin:12px 0 2px;padding:9px 15px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--gold-ink);font-family:var(--fd);font-weight:800;font-size:.79rem;text-decoration:none}
5419.lcb-cta:hover{filter:brightness(1.05)}
5420.lcb-opsbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 7px;border-top:1px solid #ffffff1a;font-family:var(--fm);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:#8fa2bd}
5421.lcb-reset{background:none;border:0;color:var(--gold-2);font:inherit;letter-spacing:.08em;cursor:pointer;padding:2px 4px;text-decoration:underline}
5422.lcb-opts{flex:0 0 auto;max-height:31%;overflow-y:auto;padding:0 14px 12px;display:flex;flex-direction:column;gap:11px;overscroll-behavior:contain}
5423.lcb-grp{display:flex;flex-wrap:wrap;gap:6px}
5424.lcb-grp-t{flex:0 0 100%;font-family:var(--fm);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#6f819b;margin-bottom:1px}
5425.lcb-op{background:#ffffff0f;border:1px solid #ffffff2b;color:#dbe4f0;border-radius:999px;padding:8px 13px;font-size:.765rem;font-family:inherit;line-height:1.3;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
5426.lcb-op:hover{background:#ffffff1c;border-color:#ffffff47}
5427.lcb-op.usada{opacity:.4}
5428.lcb-grp.vazio{display:none}
5429.lcb-foot{flex:none;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#0a111e;border-top:1px solid #ffffff14;font-size:.74rem;color:#9fb0c6;text-align:center}
5430.lcb-foot a{color:var(--gold-2);font-weight:700;text-decoration:none}
5431.lcb-foot a:hover{text-decoration:underline}
5432@media (prefers-reduced-motion: reduce){ .lcb-fab{transition:none} .lcb-msgs{scroll-behavior:auto} }
5433`,o=n();function s(){return(0,r.useEffect)(()=>{let e=document.createElement(`script`);e.src=`/leicast-uni/audio.js`;let t=document.createElement(`script`);return t.src=`/leicast-uni/app.js`,e.onload=()=>document.body.appendChild(t),document.body.appendChild(e),()=>{e.remove(),t.remove()}},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`style`,{dangerouslySetInnerHTML:{__html:a}}),(0,o.jsx)(`div`,{dangerouslySetInnerHTML:{__html:i}})]})}export{s as component};

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.