Hugging Face's logo

Spaces:
maralvic
/
undefined
Running

App Files Community
maralvic commited on
Commit
2e2572d
·
verified ·
1 Parent(s): b515fbb

.

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +1051 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 📊
4
- colorFrom: purple
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: undefined
3
+ colorFrom: gray
4
+ colorTo: yellow
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,1052 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TTT - Transação Tributária Total | Prof. Marcelo Vicente [Dashboard]</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
12
+ <style>
13
+ body {
14
+ font-family: 'Poppins', sans-serif;
15
+ scroll-behavior: smooth;
16
+ overflow-x: hidden;
17
+ }
18
+
19
+ .profmarcelovicente-bg {
20
+ background: linear-gradient(135deg, #1a365d 0%, #2a4365 100%);
21
+ }
22
+
23
+ .profmarcelovicente-btn {
24
+ background: linear-gradient(135deg, #00CC88 0%, #00AA6E 100%);
25
+ transition: all 0.3s ease;
26
+ box-shadow: 0 4px 15px rgba(0, 204, 136, 0.3);
27
+ }
28
+
29
+ .profmarcelovicente-btn:hover {
30
+ transform: translateY(-3px);
31
+ box-shadow: 0 8px 25px rgba(0, 204, 136, 0.4);
32
+ }
33
+
34
+ .card-hover {
35
+ transition: all 0.3s ease;
36
+ }
37
+
38
+ .card-hover:hover {
39
+ transform: translateY(-5px);
40
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
41
+ }
42
+
43
+ .pulse {
44
+ animation: pulse 2s infinite;
45
+ }
46
+
47
+ @keyframes pulse {
48
+ 0% { box-shadow: 0 0 0 0 rgba(0, 204, 136, 0.7); }
49
+ 70% { box-shadow: 0 0 0 15px rgba(0, 204, 136, 0); }
50
+ 100% { box-shadow: 0 0 0 0 rgba(0, 204, 136, 0); }
51
+ }
52
+
53
+ .countdown-box {
54
+ background: rgba(255, 255, 255, 0.1);
55
+ border-radius: 10px;
56
+ padding: 15px;
57
+ min-width: 70px;
58
+ text-align: center;
59
+ margin: 0 5px;
60
+ }
61
+
62
+ .video-modal {
63
+ display: none;
64
+ position: fixed;
65
+ top: 0;
66
+ left: 0;
67
+ width: 100%;
68
+ height: 100%;
69
+ background: rgba(0, 0, 0, 0.8);
70
+ z-index: 1000;
71
+ justify-content: center;
72
+ align-items: center;
73
+ }
74
+
75
+ .video-container {
76
+ width: 90%;
77
+ max-width: 800px;
78
+ background: #000;
79
+ padding: 20px;
80
+ border-radius: 10px;
81
+ position: relative;
82
+ }
83
+
84
+ .close-modal {
85
+ position: absolute;
86
+ top: -30px;
87
+ right: 0;
88
+ color: white;
89
+ font-size: 24px;
90
+ cursor: pointer;
91
+ }
92
+
93
+ .benefit-item {
94
+ display: flex;
95
+ align-items: center;
96
+ margin-bottom: 15px;
97
+ }
98
+
99
+ .benefit-icon {
100
+ background: #00CC88;
101
+ color: white;
102
+ width: 30px;
103
+ height: 30px;
104
+ border-radius: 50%;
105
+ display: flex;
106
+ align-items: center;
107
+ justify-content: center;
108
+ margin-right: 15px;
109
+ flex-shrink: 0;
110
+ }
111
+
112
+ .urgency-bar {
113
+ background: #e53e3e;
114
+ color: white;
115
+ padding: 10px;
116
+ text-align: center;
117
+ font-weight: 500;
118
+ position: fixed;
119
+ top: 0;
120
+ left: 0;
121
+ width: 100%;
122
+ z-index: 100;
123
+ }
124
+
125
+ .event-badge {
126
+ background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
127
+ color: #1a365d;
128
+ font-weight: bold;
129
+ font-size: 1.25rem;
130
+ padding: 12px 24px;
131
+ }
132
+
133
+ .highlight-card {
134
+ background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
135
+ color: #1a365d;
136
+ border-radius: 10px;
137
+ padding: 25px;
138
+ margin: 20px 0;
139
+ position: relative;
140
+ overflow: hidden;
141
+ grid-column: 1 / -1;
142
+ }
143
+
144
+ .exclusive-badge {
145
+ position: absolute;
146
+ top: 20px;
147
+ right: -35px;
148
+ background: #000;
149
+ color: #FFD700;
150
+ padding: 8px 45px;
151
+ transform: rotate(45deg);
152
+ font-weight: bold;
153
+ font-size: 16px;
154
+ z-index: 10;
155
+ }
156
+
157
+ .stats-grid {
158
+ display: grid;
159
+ grid-template-columns: repeat(2, 1fr);
160
+ gap: 15px;
161
+ margin: 20px 0;
162
+ }
163
+
164
+ .stat-box {
165
+ background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
166
+ border-radius: 10px;
167
+ padding: 15px;
168
+ text-align: center;
169
+ color: #1a365d;
170
+ }
171
+
172
+ .scenario-card {
173
+ background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
174
+ border-radius: 10px;
175
+ padding: 20px;
176
+ margin-bottom: 15px;
177
+ color: #1a365d;
178
+ }
179
+
180
+ .rocket-float {
181
+ animation: float 3s ease-in-out infinite;
182
+ }
183
+
184
+ @keyframes float {
185
+ 0% { transform: translateY(0px); }
186
+ 50% { transform: translateY(-10px); }
187
+ 100% { transform: translateY(0px); }
188
+ }
189
+
190
+ .form-container {
191
+ background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
192
+ border-radius: 15px;
193
+ padding: 30px;
194
+ }
195
+
196
+ .profile-circle {
197
+ width: 50px;
198
+ height: 50px;
199
+ border-radius: 50%;
200
+ overflow: hidden;
201
+ border: 2px solid white;
202
+ box-shadow: 0 2px 5px rgba(0,0,0,0.1);
203
+ }
204
+
205
+ .profile-circle img {
206
+ width: 100%;
207
+ height: 100%;
208
+ object-fit: cover;
209
+ }
210
+
211
+ .interest-counter {
212
+ background: white;
213
+ border-radius: 10px;
214
+ padding: 15px;
215
+ display: flex;
216
+ align-items: center;
217
+ margin-top: 20px;
218
+ box-shadow: 0 4px 10px rgba(0,0,0,0.1);
219
+ width: fit-content;
220
+ }
221
+
222
+ .progress-bar {
223
+ height: 10px;
224
+ background: #e5e7eb;
225
+ border-radius: 5px;
226
+ overflow: hidden;
227
+ margin: 15px 0;
228
+ position: relative;
229
+ }
230
+
231
+ .progress-fill {
232
+ height: 100%;
233
+ background: linear-gradient(90deg, #00CC88, #00AA6E);
234
+ border-radius: 5px;
235
+ width: 0;
236
+ transition: width 2s ease-in-out;
237
+ position: relative;
238
+ }
239
+
240
+ .progress-fill::after {
241
+ content: '';
242
+ position: absolute;
243
+ top: 0;
244
+ left: 0;
245
+ bottom: 0;
246
+ right: 0;
247
+ background-image: linear-gradient(
248
+ -45deg,
249
+ rgba(255, 255, 255, 0.2) 25%,
250
+ transparent 25%,
251
+ transparent 50%,
252
+ rgba(255, 255, 255, 0.2) 50%,
253
+ rgba(255, 255, 255, 0.2) 75%,
254
+ transparent 75%,
255
+ transparent
256
+ );
257
+ z-index: 1;
258
+ background-size: 20px 20px;
259
+ animation: move 2s linear infinite;
260
+ overflow: hidden;
261
+ }
262
+
263
+ @keyframes move {
264
+ 0% {
265
+ background-position: 0 0;
266
+ }
267
+ 100% {
268
+ background-position: 20px 20px;
269
+ }
270
+ }
271
+
272
+ .cta-background {
273
+ position: relative;
274
+ overflow: hidden;
275
+ }
276
+
277
+ .cta-background::before {
278
+ content: '';
279
+ position: absolute;
280
+ top: 0;
281
+ right: 0;
282
+ width: 40%;
283
+ height: 100%;
284
+ background-image: url('https://marcelovicente.prof/img/pmv/image_(8).png');
285
+ background-size: cover;
286
+ background-position: left center;
287
+ opacity: 0.1;
288
+ z-index: 1;
289
+ }
290
+
291
+ .limited-spots-module {
292
+ background: rgba(255, 255, 255, 0.15);
293
+ border-radius: 12px;
294
+ padding: 15px;
295
+ margin: 20px 0;
296
+ text-align: center;
297
+ position: relative;
298
+ overflow: hidden;
299
+ }
300
+
301
+ .percentage-display {
302
+ font-size: 24px;
303
+ font-weight: bold;
304
+ color: white;
305
+ margin: 10px 0;
306
+ transition: all 1s ease;
307
+ }
308
+
309
+ .punctuality-note {
310
+ display: flex;
311
+ align-items: center;
312
+ justify-content: center;
313
+ background: rgba(255, 255, 255, 0.2);
314
+ border-radius: 8px;
315
+ padding: 10px;
316
+ margin-top: 15px;
317
+ }
318
+
319
+ .event-section-bg {
320
+ background-image: url('https://marcelovicente.prof/img/image_03.jpg');
321
+ background-size: cover;
322
+ background-position: center;
323
+ position: relative;
324
+ }
325
+
326
+ .event-section-bg::before {
327
+ content: '';
328
+ position: absolute;
329
+ top: 0;
330
+ left: 0;
331
+ width: 100%;
332
+ height: 100%;
333
+ background: rgba(26, 54, 93, 0.85);
334
+ }
335
+
336
+ .why-section-bg {
337
+ background-image: url('https://marcelovicente.prof/img/image_05.jpg');
338
+ background-size: cover;
339
+ background-position: center;
340
+ position: relative;
341
+ }
342
+
343
+ .why-section-bg::before {
344
+ content: '';
345
+ position: absolute;
346
+ top: 0;
347
+ left: 0;
348
+ width: 100%;
349
+ height: 100%;
350
+ background: rgba(255, 215, 0, 0.85);
351
+ }
352
+
353
+ .instagram-profile {
354
+ display: flex;
355
+ align-items: center;
356
+ justify-content: center;
357
+ margin-top: 20px;
358
+ }
359
+
360
+ .twinkling-text {
361
+ animation: twinkle 2s infinite;
362
+ }
363
+
364
+ @keyframes twinkle {
365
+ 0% { opacity: 1; }
366
+ 50% { opacity: 0.7; }
367
+ 100% { opacity: 1; }
368
+ }
369
+
370
+ .same-line {
371
+ display: flex;
372
+ justify-content: center;
373
+ align-items: center;
374
+ flex-wrap: wrap;
375
+ gap: 10px;
376
+ }
377
+
378
+ .profile-container {
379
+ position: relative;
380
+ display: inline-block;
381
+ }
382
+
383
+ .instagram-badge {
384
+ position: absolute;
385
+ bottom: 10px;
386
+ left: 50%;
387
+ transform: translateX(-50%);
388
+ background: rgba(0, 0, 0, 0.7);
389
+ color: white;
390
+ padding: 5px 10px;
391
+ border-radius: 20px;
392
+ font-size: 14px;
393
+ display: flex;
394
+ align-items: center;
395
+ justify-content: center;
396
+ }
397
+
398
+ /* Estilos para a nova seção de confirmação */
399
+ .live-card {
400
+ background: white;
401
+ border-radius: 12px;
402
+ overflow: hidden;
403
+ box-shadow: 0 5px 15px rgba(0,0,0,0.1);
404
+ transition: all 0.3s ease;
405
+ margin-bottom: 20px;
406
+ }
407
+
408
+ .live-card:hover {
409
+ transform: translateY(-5px);
410
+ box-shadow: 0 10px 25px rgba(0,0,0,0.15);
411
+ }
412
+
413
+ .live-header {
414
+ background: linear-gradient(135deg, #1a365d 0%, #2a4365 100%);
415
+ color: white;
416
+ padding: 15px 20px;
417
+ display: flex;
418
+ justify-content: space-between;
419
+ align-items: center;
420
+ }
421
+
422
+ .live-date {
423
+ font-weight: 600;
424
+ font-size: 1.1rem;
425
+ }
426
+
427
+ .live-day {
428
+ background: rgba(255,255,255,0.2);
429
+ padding: 5px 10px;
430
+ border-radius: 20px;
431
+ font-size: 0.9rem;
432
+ }
433
+
434
+ .live-content {
435
+ padding: 20px;
436
+ }
437
+
438
+ .live-title {
439
+ font-weight: 600;
440
+ font-size: 1.2rem;
441
+ margin-bottom: 10px;
442
+ color: #1a365d;
443
+ }
444
+
445
+ .live-description {
446
+ color: #4a5568;
447
+ margin-bottom: 15px;
448
+ line-height: 1.5;
449
+ }
450
+
451
+ .live-benefits {
452
+ background: #f7fafc;
453
+ border-left: 4px solid #00CC88;
454
+ padding: 15px;
455
+ margin: 15px 0;
456
+ border-radius: 0 8px 8px 0;
457
+ }
458
+
459
+ .live-benefit {
460
+ display: flex;
461
+ align-items: flex-start;
462
+ margin-bottom: 8px;
463
+ }
464
+
465
+ .live-benefit:last-child {
466
+ margin-bottom: 0;
467
+ }
468
+
469
+ .benefit-bullet {
470
+ color: #00CC88;
471
+ margin-right: 10px;
472
+ flex-shrink: 0;
473
+ margin-top: 2px;
474
+ }
475
+
476
+ .live-button {
477
+ background: linear-gradient(135deg, #00CC88 0%, #00AA6E 100%);
478
+ color: white;
479
+ border: none;
480
+ padding: 12px 20px;
481
+ border-radius: 8px;
482
+ font-weight: 600;
483
+ width: 100%;
484
+ cursor: pointer;
485
+ transition: all 0.3s ease;
486
+ display: flex;
487
+ align-items: center;
488
+ justify-content: center;
489
+ gap: 8px;
490
+ }
491
+
492
+ .live-button:hover {
493
+ transform: translateY(-2px);
494
+ box-shadow: 0 5px 15px rgba(0, 204, 136, 0.3);
495
+ }
496
+
497
+ .live-grid {
498
+ display: grid;
499
+ grid-template-columns: 1fr;
500
+ gap: 20px;
501
+ }
502
+
503
+ .welcome-section {
504
+ background: linear-gradient(135deg, #1a365d 0%, #2a4365 100%);
505
+ color: white;
506
+ padding: 30px;
507
+ border-radius: 15px;
508
+ margin-bottom: 30px;
509
+ text-align: center;
510
+ position: relative;
511
+ overflow: hidden;
512
+ }
513
+
514
+ .welcome-section::before {
515
+ content: '';
516
+ position: absolute;
517
+ top: 0;
518
+ right: 0;
519
+ width: 150px;
520
+ height: 150px;
521
+ background: rgba(255,255,255,0.1);
522
+ border-radius: 50%;
523
+ transform: translate(30%, -30%);
524
+ }
525
+
526
+ .welcome-section::after {
527
+ content: '';
528
+ position: absolute;
529
+ bottom: 0;
530
+ left: 0;
531
+ width: 100px;
532
+ height: 100px;
533
+ background: rgba(255,255,255,0.1);
534
+ border-radius: 50%;
535
+ transform: translate(-30%, 30%);
536
+ }
537
+
538
+ .welcome-icon {
539
+ font-size: 3rem;
540
+ margin-bottom: 15px;
541
+ color: #FFD700;
542
+ }
543
+
544
+ .welcome-title {
545
+ font-size: 2rem;
546
+ font-weight: 700;
547
+ margin-bottom: 10px;
548
+ }
549
+
550
+ .welcome-subtitle {
551
+ font-size: 1.2rem;
552
+ opacity: 0.9;
553
+ margin-bottom: 20px;
554
+ }
555
+
556
+ .welcome-message {
557
+ max-width: 800px;
558
+ margin: 0 auto;
559
+ line-height: 1.6;
560
+ }
561
+
562
+ @media (min-width: 768px) {
563
+ .live-grid {
564
+ grid-template-columns: repeat(2, 1fr);
565
+ }
566
+ }
567
+
568
+ @media (min-width: 1024px) {
569
+ .live-grid {
570
+ grid-template-columns: repeat(3, 1fr);
571
+ }
572
+ }
573
+
574
+ @media (max-width: 768px) {
575
+ .countdown-box {
576
+ padding: 10px;
577
+ min-width: 60px;
578
+ font-size: 0.9rem;
579
+ }
580
+
581
+ .hide-mobile-icons {
582
+ display: none !important;
583
+ }
584
+
585
+ .stats-grid {
586
+ grid-template-columns: 1fr;
587
+ }
588
+
589
+ .event-badge {
590
+ font-size: 1.1rem;
591
+ padding: 10px 20px;
592
+ }
593
+
594
+ .exclusive-badge {
595
+ font-size: 14px;
596
+ padding: 6px 35px;
597
+ right: -30px;
598
+ }
599
+
600
+ .cta-background::before {
601
+ width: 100%;
602
+ opacity: 0.05;
603
+ }
604
+
605
+ .punctuality-note {
606
+ flex-direction: column;
607
+ text-align: center;
608
+ }
609
+
610
+ .same-line {
611
+ flex-direction: column;
612
+ gap: 5px;
613
+ }
614
+
615
+ .live-header {
616
+ flex-direction: column;
617
+ align-items: flex-start;
618
+ gap: 10px;
619
+ }
620
+
621
+ .live-day {
622
+ align-self: flex-end;
623
+ }
624
+ }
625
+ </style>
626
+ </head>
627
+ <body>
628
+ <!-- Header -->
629
+ <header class="profmarcelovicente-bg text-white shadow-lg sticky top-10 z-50">
630
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
631
+ <div class="text-2xl font-bold"><span class="text-white">TTT - Transação Tributária Total</span></div>
632
+ <div class="flex space-x-6">
633
+ <a href="https://instagram.com/profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
634
+ <i class="fab fa-instagram"></i>
635
+ </a>
636
+ <a href="https://youtube.com/@profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
637
+ <i class="fab fa-youtube"></i>
638
+ </a>
639
+ </div>
640
+ </div>
641
+ </header>
642
+
643
+ <!-- Confirmation Section -->
644
+ <section id="confirmacao" class="py-16 bg-gray-50">
645
+ <div class="container mx-auto px-4 max-w-6xl">
646
+ <div class="welcome-section">
647
+ <div class="welcome-icon">
648
+ <i class="fas fa-champagne-glasses"></i>
649
+ </div>
650
+ <h2 class="welcome-title">Agora você faz parte do Grupo Exclusivo do Método TTT!</h2>
651
+ <p class="welcome-subtitle">Seu sucesso está garantido! 🚀</p>
652
+ <div class="welcome-message">
653
+ <p class="mb-4">Parabéns por dar este passo decisivo para dominar a Transação Tributária Total! Você agora tem acesso às 9 lives exclusivas que vão transformar sua atuação profissional.</p>
654
+ <p>Abaixo estão os links para cada uma das lives. Recomendo que você participe de todas para aproveitar ao máximo esta jornada de conhecimento!</p>
655
+ </div>
656
+ </div>
657
+
658
+ <div class="live-grid">
659
+ <!-- Live 1 -->
660
+ <div class="live-card">
661
+ <div class="live-header">
662
+ <div class="live-date">02/out</div>
663
+ <div class="live-day">Quinta-feira</div>
664
+ </div>
665
+ <div class="live-content">
666
+ <h3 class="live-title">A Era da Transação Tributária: Oportunidades e Desafios para a Advocacia em 2025</h3>
667
+ <p class="live-description">Visão panorâmica do cenário atual da transação tributária e por que este é o momento mais estratégico para dominar o tema.</p>
668
+ <div class="live-benefits">
669
+ <div class="live-benefit">
670
+ <span class="benefit-bullet">•</span>
671
+ <span>Descubra por que 2025 será o ano da transação tributária</span>
672
+ </div>
673
+ <div class="live-benefit">
674
+ <span class="benefit-bullet">•</span>
675
+ <span>Entenda o panorama completo que poucos advogados conhecem</span>
676
+ </div>
677
+ <div class="live-benefit">
678
+ <span class="benefit-bullet">•</span>
679
+ <span>Prepare-se para a jornada que vai revolucionar sua prática</span>
680
+ </div>
681
+ </div>
682
+ <a href="https://mvic.pro/livettt01" target="_blank" class="live-button">
683
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 1
684
+ </a>
685
+ </div>
686
+ </div>
687
+
688
+ <!-- Live 2 -->
689
+ <div class="live-card">
690
+ <div class="live-header">
691
+ <div class="live-date">07/out</div>
692
+ <div class="live-day">Terça-feira</div>
693
+ </div>
694
+ <div class="live-content">
695
+ <h3 class="live-title">Parcelamento vs. Transação: Análise Estratégica e Pontos de Inflexão</h3>
696
+ <p class="live-description">Análise comparativa sob a ótica do risco e do benefício para o contribuinte.</p>
697
+ <div class="live-benefits">
698
+ <div class="live-benefit">
699
+ <span class="benefit-bullet">•</span>
700
+ <span>Domine os gatilhos para rescisão de parcelamentos</span>
701
+ </div>
702
+ <div class="live-benefit">
703
+ <span class="benefit-bullet">•</span>
704
+ <span>Aprenda quando a transação é a alternativa estratégica ideal</span>
705
+ </div>
706
+ <div class="live-benefit">
707
+ <span class="benefit-bullet">•</span>
708
+ <span>Tenha argumentos técnicos para orientar a melhor decisão</span>
709
+ </div>
710
+ </div>
711
+ <a href="https://mvic.pro/livettt02" target="_blank" class="live-button">
712
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 2
713
+ </a>
714
+ </div>
715
+ </div>
716
+
717
+ <!-- Live 3 -->
718
+ <div class="live-card">
719
+ <div class="live-header">
720
+ <div class="live-date">09/out</div>
721
+ <div class="live-day">Quinta-feira</div>
722
+ </div>
723
+ <div class="live-content">
724
+ <h3 class="live-title">Dominando a CAPAG: A Chave para Otimizar Resultados</h3>
725
+ <p class="live-description">A metodologia de cálculo da CAPAG e os pontos passíveis de revisão administrativa/judicial.</p>
726
+ <div class="live-benefits">
727
+ <div class="live-benefit">
728
+ <span class="benefit-bullet">•</span>
729
+ <span>Desvende os segredos do cálculo da CAPAG</span>
730
+ </div>
731
+ <div class="live-benefit">
732
+ <span class="benefit-bullet">•</span>
733
+ <span>Aprenda estratégias para reverter classificações desfavoráveis</span>
734
+ </div>
735
+ <div class="live-benefit">
736
+ <span class="benefit-bullet">•</span>
737
+ <span>Transforme a análise da CAPAG em seu diferencial competitivo</span>
738
+ </div>
739
+ </div>
740
+ <a href="https://mvic.pro/livettt03" target="_blank" class="live-button">
741
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 3
742
+ </a>
743
+ </div>
744
+ </div>
745
+
746
+ <!-- Live 4 -->
747
+ <div class="live-card">
748
+ <div class="live-header">
749
+ <div class="live-date">14/out</div>
750
+ <div class="live-day">Terça-feira</div>
751
+ </div>
752
+ <div class="live-content">
753
+ <h3 class="live-title">Transação por Adesão vs. Individual: Estruturando a Melhor Tese</h3>
754
+ <p class="live-description">Critérios técnicos para definir a modalidade mais vantajosa para seu cliente.</p>
755
+ <div class="live-benefits">
756
+ <div class="live-benefit">
757
+ <span class="benefit-bullet">•</span>
758
+ <span>Saiba escolher a modalidade que maximiza resultados</span>
759
+ </div>
760
+ <div class="live-benefit">
761
+ <span class="benefit-bullet">•</span>
762
+ <span>Domine os desafios e oportunidades de cada modalidade</span>
763
+ </div>
764
+ <div class="live-benefit">
765
+ <span class="benefit-bullet">•</span>
766
+ <span>Entenda aspectos processuais e materiais decisivos</span>
767
+ </div>
768
+ </div>
769
+ <a href="https://mvic.pro/livettt04" target="_blank" class="live-button">
770
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 4
771
+ </a>
772
+ </div>
773
+ </div>
774
+
775
+ <!-- Live 5 -->
776
+ <div class="live-card">
777
+ <div class="live-header">
778
+ <div class="live-date">16/out</div>
779
+ <div class="live-day">Quinta-feira</div>
780
+ </div>
781
+ <div class="live-content">
782
+ <h3 class="live-title">Engenharia de Descontos na PGFN: Oportunidades Ocultas</h3>
783
+ <p class="live-description">Leitura técnica das portarias para identificar brechas e benefícios não evidentes.</p>
784
+ <div class="live-benefits">
785
+ <div class="live-benefit">
786
+ <span class="benefit-bullet">•</span>
787
+ <span>Descubra brechas e benefícios que passam despercebidos</span>
788
+ </div>
789
+ <div class="live-benefit">
790
+ <span class="benefit-bullet">•</span>
791
+ <span>Aprenda a interação entre CAPAG e percentuais de desconto</span>
792
+ </div>
793
+ <div class="live-benefit">
794
+ <span class="benefit-bullet">•</span>
795
+ <span>Estude casos práticos de maximização de resultados</span>
796
+ </div>
797
+ </div>
798
+ <a href="https://mvic.pro/livettt05" target="_blank" class="live-button">
799
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 5
800
+ </a>
801
+ </div>
802
+ </div>
803
+
804
+ <!-- Live 6 -->
805
+ <div class="live-card">
806
+ <div class="live-header">
807
+ <div class="live-date">21/out</div>
808
+ <div class="live-day">Terça-feira</div>
809
+ </div>
810
+ <div class="live-content">
811
+ <h3 class="live-title">Precatórios na Transação Tributária: Da Teoria à Estratégia Prática</h3>
812
+ <p class="live-description">Aspectos jurídicos e operacionais do uso de precatórios para quitação de débitos.</p>
813
+ <div class="live-benefits">
814
+ <div class="live-benefit">
815
+ <span class="benefit-bullet">•</span>
816
+ <span>Domine o uso estratégico de precatórios</span>
817
+ </div>
818
+ <div class="live-benefit">
819
+ <span class="benefit-bullet">•</span>
820
+ <span>Aprenda a calcular o ganho real para seu cliente</span>
821
+ </div>
822
+ <div class="live-benefit">
823
+ <span class="benefit-bullet">•</span>
824
+ <span>Conheça o mercado de precatórios e oriente com segurança</span>
825
+ </div>
826
+ </div>
827
+ <a href="https://mvic.pro/livettt06" target="_blank" class="live-button">
828
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 6
829
+ </a>
830
+ </div>
831
+ </div>
832
+
833
+ <!-- Live 7 -->
834
+ <div class="live-card">
835
+ <div class="live-header">
836
+ <div class="live-date">23/out</div>
837
+ <div class="live-day">Quinta-feira</div>
838
+ </div>
839
+ <div class="live-content">
840
+ <h3 class="live-title">Transação como Ferramenta no Simples Nacional</h3>
841
+ <p class="live-description">Atuação estratégica para evitar a exclusão do regime por meio da transação.</p>
842
+ <div class="live-benefits">
843
+ <div class="live-benefit">
844
+ <span class="benefit-bullet">•</span>
845
+ <span>Proteja seus clientes da exclusão do Simples Nacional</span>
846
+ </div>
847
+ <div class="live-benefit">
848
+ <span class="benefit-bullet">•</span>
849
+ <span>Aprenda estratégias para o reingresso de empresas excluídas</span>
850
+ </div>
851
+ <div class="live-benefit">
852
+ <span class="benefit-bullet">•</span>
853
+ <span>Use a transação para regularizar passivos e manter o regime</span>
854
+ </div>
855
+ </div>
856
+ <a href="https://mvic.pro/livettt07" target="_blank" class="live-button">
857
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 7
858
+ </a>
859
+ </div>
860
+ </div>
861
+
862
+ <!-- Live 8 -->
863
+ <div class="live-card">
864
+ <div class="live-header">
865
+ <div class="live-date">28/out</div>
866
+ <div class="live-day">Terça-feira</div>
867
+ </div>
868
+ <div class="live-content">
869
+ <h3 class="live-title">Transação Tributária na Recuperação Judicial</h3>
870
+ <p class="live-description">A sinergia entre o Plano de Recuperação Judicial e a negociação do passivo fiscal.</p>
871
+ <div class="live-benefits">
872
+ <div class="live-benefit">
873
+ <span class="benefit-bullet">•</span>
874
+ <span>Integre transação tributária e recuperação judicial</span>
875
+ </div>
876
+ <div class="live-benefit">
877
+ <span class="benefit-bullet">•</span>
878
+ <span>Proteja sócios e administradores com habilitação de Pessoas Físicas</span>
879
+ </div>
880
+ <div class="live-benefit">
881
+ <span class="benefit-bullet">•</span>
882
+ <span>Estruture estratégias para reestruturar o passivo tributário</span>
883
+ </div>
884
+ </div>
885
+ <a href="https://mvic.pro/livettt08" target="_blank" class="live-button">
886
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 8
887
+ </a>
888
+ </div>
889
+ </div>
890
+
891
+ <!-- Live 9 -->
892
+ <div class="live-card">
893
+ <div class="live-header">
894
+ <div class="live-date">30/out</div>
895
+ <div class="live-day">Quinta-feira</div>
896
+ </div>
897
+ <div class="live-content">
898
+ <h3 class="live-title">Debate Avançado: Desafios Atuais e Futuro da Transação Tributária</h3>
899
+ <p class="live-description">Análise das tendências, novas portarias e o posicionamento do Fisco.</p>
900
+ <div class="live-benefits">
901
+ <div class="live-benefit">
902
+ <span class="benefit-bullet">•</span>
903
+ <span>Fique por dentro das tendências e novas portarias</span>
904
+ </div>
905
+ <div class="live-benefit">
906
+ <span class="benefit-bullet">•</span>
907
+ <span>Discuta casos complexos e soluções práticas</span>
908
+ </div>
909
+ <div class="live-benefit">
910
+ <span class="benefit-bullet">•</span>
911
+ <span>Participe da troca de experiências com colegas</span>
912
+ </div>
913
+ </div>
914
+ <a href="https://mvic.pro/livettt09" target="_blank" class="live-button">
915
+ <i class="fas fa-play-circle"></i> ACESSAR LIVE 9
916
+ </a>
917
+ </div>
918
+ </div>
919
+ </div>
920
+
921
+ <div class="mt-12 text-center">
922
+ <div class="bg-white shadow-lg rounded-xl p-8">
923
+ <h3 class="text-2xl font-bold text-gray-800 mb-4">Aproveite ao máximo esta jornada!</h3>
924
+ <p class="text-lg text-gray-600 mb-6">Participe de todas as lives para construir conhecimento sólido e transformar sua atuação profissional na área tributária.</p>
925
+ <div class="flex justify-center">
926
+ <div class="bg-green-50 border border-green-200 rounded-lg p-4 max-w-md">
927
+ <div class="flex items-center">
928
+ <i class="fas fa-lightbulb text-green-500 text-xl mr-3"></i>
929
+ <p class="text-green-800 font-medium">Dica: Salve esta página nos favoritos para acessar rapidamente os links das lives!</p>
930
+ </div>
931
+ </div>
932
+ </div>
933
+ </div>
934
+ <p><br /></p>
935
+ <p>Obs.: Os temas, o conteúdo das Lives, as plataformas de transmissão e as datas e horários poderão ser alterados sem prévio aviso. Caso haja alguma alteração, serão encaminhadas mensagens via e-mail e ou WhatsApp informando com antecedência, na medida do possível.</p></div>
936
+ </div>
937
+ </section>
938
+
939
+ <!-- Footer -->
940
+ <footer class="profmarcelovicente-bg text-white py-12">
941
+ <div class="container mx-auto px-4">
942
+ <div class="flex flex-col md:flex-row justify-between items-center mb-8">
943
+ <div class="mb-6 md:mb-0">
944
+ <h3 class="text-2xl font-bold mb-2">TTT - Transação Tributária Total</h3>
945
+ <p class="text-white/80">Com o Prof. Marcelo Vicente | Tributarista</p>
946
+ </div>
947
+ <div class="flex space-x-6">
948
+ <a href="https://instagram.com/profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
949
+ <i class="fab fa-instagram"></i>
950
+ </a>
951
+ <a href="https://youtube.com/@profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
952
+ <i class="fab fa-youtube"></i>
953
+ </a>
954
+ </div>
955
+ </div>
956
+
957
+ <div class="border-t border-white/20 pt-8 text-center">
958
+ <p class="text-white/70">© 2025 ECOJURIS - Educação Corporativa e Jurídica SS Ltda. Todos os direitos reservados.</p>
959
+ </div>
960
+ </div>
961
+ </footer>
962
+ <!-- Floating Buttons -->
963
+ <div class="fixed bottom-6 right-6 flex flex-col space-y-3 z-50">
964
+ <button onclick="scrollToTop()" class="bg-green-500 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-green-600 transition-all pulse">
965
+ <i class="fas fa-arrow-up text-xl"></i>
966
+ </button>
967
+ <a href="https://api.whatsapp.com/send?phone=5511999999999&text=Olá%20Prof.%20Marcelo,%20tenho%20dúvidas%20sobre%20o%20método%20TTT" target="_blank" class="bg-green-500 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-green-600 transition-all animate-bounce">
968
+ <i class="fab fa-whatsapp text-xl"></i>
969
+ </a>
970
+ </div>
971
+
972
+ <script>
973
+ // WhatsApp API
974
+ function openWhatsApp() {
975
+ window.open('https://api.whatsapp.com/send?phone=5511999999999&text=Olá%20Prof.%20Marcelo,%20tenho%20dúvidas%20sobre%20o%20método%20TTT', '_blank');
976
+ }
977
+
978
+ // Função para rolar para o topo
979
+ function scrollToTop() {
980
+ window.scrollTo({ top: 0, behavior: 'smooth' });
981
+ }
982
+
983
+ // Ativar animações quando o conteúdo estiver carregado
984
+ document.addEventListener('DOMContentLoaded', function() {
985
+ // Carregar imagens com lazy loading
986
+ const images = document.querySelectorAll('img');
987
+ images.forEach(img => {
988
+ if (!img.hasAttribute('loading')) {
989
+ img.setAttribute('loading', 'lazy');
990
+ }
991
+ });
992
+
993
+ // Animar elementos quando visíveis
994
+ const observer = new IntersectionObserver((entries) => {
995
+ entries.forEach(entry => {
996
+ if (entry.isIntersecting) {
997
+ entry.target.classList.add('animate-fadeIn');
998
+ }
999
+ });
1000
+ }, { threshold: 0.1 });
1001
+
1002
+ document.querySelectorAll('.live-card').forEach(card => {
1003
+ observer.observe(card);
1004
+ });
1005
+ });
1006
+ // Adicionar classe de animação quando o elemento estiver visível
1007
+ document.addEventListener('DOMContentLoaded', function() {
1008
+ const animateOnScroll = function() {
1009
+ const elements = document.querySelectorAll('.live-card');
1010
+ elements.forEach(element => {
1011
+ const elementPosition = element.getBoundingClientRect().top;
1012
+ const windowHeight = window.innerHeight;
1013
+
1014
+ if (elementPosition < windowHeight - 100) {
1015
+ element.classList.add('animate-fadeInUp');
1016
+ }
1017
+ });
1018
+ };
1019
+
1020
+ window.addEventListener('scroll', animateOnScroll);
1021
+ animateOnScroll(); // Executar uma vez no carregamento
1022
+ });
1023
+ </script>
1024
+ <style>
1025
+ .animate-fadeInUp {
1026
+ animation: fadeInUp 0.8s ease-out forwards;
1027
+ opacity: 0;
1028
+ }
1029
+
1030
+ @keyframes fadeInUp {
1031
+ from {
1032
+ opacity: 0;
1033
+ transform: translateY(20px);
1034
+ }
1035
+ to {
1036
+ opacity: 1;
1037
+ transform: translateY(0);
1038
+ }
1039
+ }
1040
+
1041
+ .animate-bounce {
1042
+ animation: bounce 2s infinite;
1043
+ }
1044
+
1045
+ @keyframes bounce {
1046
+ 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
1047
+ 40% {transform: translateY(-10px);}
1048
+ 60% {transform: translateY(-5px);}
1049
+ }
1050
+ </style>
1051
+ </body>
1052
  </html>