Hugging Face's logo

Spaces:
maralvic
/
tributosync-navigator
Running

App Files Community
maralvic commited on
Commit
904fdce
·
verified ·
1 Parent(s): 1a77203

Incluir os seguintes elementos na página dentro da Hero Section: Lei 13.988/2020: O Conceito e a Virada da Advocacia Entendimento da Natureza Jurídica da Transação Tributária (TT) A Lei nº 13.988/2020 instituiu a transação tributária na esfera federal, sendo um instrumento estratégico para a regularização de débitos fiscais, inscritos ou não em dívida ativa,. Lei nº 13.988/2020

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +621 -19
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Tributosync Navigator
3
- emoji: 😻
4
- colorFrom: red
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: TributoSync Navigator 🌐⚖️
3
+ colorFrom: pink
4
+ colorTo: red
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://huggingface.co/deepsite).
index.html CHANGED
@@ -1,19 +1,621 @@
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
+
2
+ <!DOCTYPE html>
3
+ <html lang="pt-BR">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta name="description" content="Legislação sobre Transações Tributárias - Material de apoio do Prof. Marcelo Vicente">
8
+ <title>Legislação | Transações Tributárias | Prof. Marcelo Vicente</title>
9
+
10
+ <!-- Font Awesome -->
11
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12
+
13
+ <style>
14
+ * {
15
+ margin: 0;
16
+ padding: 0;
17
+ box-sizing: border-box;
18
+ }
19
+
20
+ :root {
21
+ --background: hsl(150, 100%, 2%);
22
+ --foreground: hsl(0, 0%, 98%);
23
+ --card: hsl(150, 50%, 8%);
24
+ --primary: hsl(145, 71%, 45%);
25
+ --primary-foreground: hsl(0, 0%, 100%);
26
+ --muted-foreground: hsl(0, 0%, 65%);
27
+ --border: hsl(150, 30%, 20%);
28
+ }
29
+
30
+ body {
31
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
32
+ background: linear-gradient(to bottom, hsl(150, 100%, 2%), hsl(150, 80%, 3%));
33
+ color: var(--foreground);
34
+ min-height: 100vh;
35
+ line-height: 1.6;
36
+ }
37
+
38
+ .container {
39
+ max-width: 1200px;
40
+ margin: 0 auto;
41
+ padding: 0 1rem;
42
+ }
43
+
44
+ /* Header */
45
+ header {
46
+ border-bottom: 1px solid var(--border);
47
+ background: rgba(0, 20, 10, 0.95);
48
+ backdrop-filter: blur(10px);
49
+ position: sticky;
50
+ top: 0;
51
+ z-index: 50;
52
+ padding: 1rem 0;
53
+ }
54
+
55
+ .header-content {
56
+ display: flex;
57
+ justify-content: space-between;
58
+ align-items: center;
59
+ }
60
+
61
+ .logo {
62
+ font-size: 1.5rem;
63
+ font-weight: bold;
64
+ color: var(--foreground);
65
+ text-decoration: none;
66
+ transition: color 0.3s;
67
+ }
68
+
69
+ .logo:hover {
70
+ color: var(--primary);
71
+ }
72
+
73
+ .social-links {
74
+ display: flex;
75
+ gap: 1rem;
76
+ }
77
+
78
+ .social-links a {
79
+ color: var(--foreground);
80
+ transition: color 0.3s;
81
+ }
82
+
83
+ .social-links a:hover {
84
+ color: var(--primary);
85
+ }
86
+
87
+ /* Hero Section */
88
+ .hero {
89
+ position: relative;
90
+ min-height: 40vh;
91
+ display: flex;
92
+ align-items: center;
93
+ padding: 3rem 0;
94
+ overflow: hidden;
95
+ }
96
+
97
+ .hero::before {
98
+ content: '';
99
+ position: absolute;
100
+ inset: 0;
101
+ background: linear-gradient(to bottom right, rgba(42, 191, 102, 0.3), rgba(42, 191, 102, 0.1), transparent);
102
+ z-index: 1;
103
+ }
104
+
105
+ .hero::after {
106
+ content: '';
107
+ position: absolute;
108
+ inset: 0;
109
+ background: radial-gradient(circle at 30% 50%, rgba(42, 191, 102, 0.15), transparent 50%);
110
+ z-index: 1;
111
+ }
112
+
113
+ .hero-content {
114
+ position: relative;
115
+ z-index: 10;
116
+ text-align: center;
117
+ max-width: 900px;
118
+ margin: 0 auto;
119
+ }
120
+
121
+ .hero h1 {
122
+ font-size: clamp(2.5rem, 8vw, 4rem);
123
+ font-weight: bold;
124
+ margin-bottom: 1.5rem;
125
+ line-height: 1.1;
126
+ }
127
+ .hero p {
128
+ font-size: clamp(1.125rem, 3vw, 1.5rem);
129
+ color: var(--muted-foreground);
130
+ margin-bottom: 2rem;
131
+ }
132
+
133
+ .hero-highlights {
134
+ display: grid;
135
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
136
+ gap: 1.5rem;
137
+ margin: 2rem 0;
138
+ width: 100%;
139
+ }
140
+
141
+ .highlight-card {
142
+ background: rgba(15, 40, 25, 0.5);
143
+ border: 1px solid var(--border);
144
+ border-radius: 0.5rem;
145
+ padding: 1.5rem;
146
+ transition: all 0.3s;
147
+ }
148
+
149
+ .highlight-card:hover {
150
+ transform: translateY(-5px);
151
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
152
+ }
153
+
154
+ .highlight-card h3 {
155
+ font-size: 1.25rem;
156
+ margin-bottom: 0.75rem;
157
+ color: var(--primary);
158
+ display: flex;
159
+ align-items: center;
160
+ gap: 0.5rem;
161
+ }
162
+
163
+ .highlight-card p {
164
+ font-size: 1rem;
165
+ color: var(--muted-foreground);
166
+ margin: 0;
167
+ }
168
+ /* Button */
169
+ .btn {
170
+ display: inline-flex;
171
+ align-items: center;
172
+ justify-content: center;
173
+ padding: 1rem 1.5rem;
174
+ font-size: 1rem;
175
+ font-weight: 600;
176
+ background: var(--primary);
177
+ color: var(--primary-foreground);
178
+ border: none;
179
+ border-radius: 0.5rem;
180
+ cursor: pointer;
181
+ transition: all 0.3s;
182
+ text-decoration: none;
183
+ box-shadow: 0 10px 25px rgba(42, 191, 102, 0.25);
184
+ gap: 0.5rem;
185
+ }
186
+
187
+ .btn:hover {
188
+ background: hsl(145, 71%, 40%);
189
+ transform: translateY(-2px);
190
+ box-shadow: 0 15px 30px rgba(42, 191, 102, 0.3);
191
+ }
192
+
193
+ .btn-small {
194
+ padding: 0.5rem 1rem;
195
+ font-size: 0.9rem;
196
+ }
197
+
198
+ /* Card */
199
+ .card {
200
+ background: var(--card);
201
+ border: 1px solid var(--border);
202
+ border-radius: 0.5rem;
203
+ padding: 2rem;
204
+ margin: 2rem 0;
205
+ }
206
+
207
+ .card-title {
208
+ font-size: 1.875rem;
209
+ font-weight: 600;
210
+ margin-bottom: 1.5rem;
211
+ text-align: center;
212
+ display: flex;
213
+ align-items: center;
214
+ justify-content: center;
215
+ gap: 0.75rem;
216
+ }
217
+
218
+ /* Legislation Section */
219
+ .legislation-section {
220
+ padding: 3rem 0;
221
+ }
222
+
223
+ .legislation-content {
224
+ max-width: 900px;
225
+ margin: 0 auto;
226
+ }
227
+
228
+ .legislation-category {
229
+ margin-bottom: 2.5rem;
230
+ }
231
+
232
+ .category-title {
233
+ font-size: 1.5rem;
234
+ font-weight: 600;
235
+ margin-bottom: 1.5rem;
236
+ color: var(--primary);
237
+ display: flex;
238
+ align-items: center;
239
+ gap: 0.5rem;
240
+ }
241
+
242
+ .legislation-item {
243
+ background: rgba(15, 40, 25, 0.5);
244
+ border-left: 3px solid var(--primary);
245
+ padding: 1.5rem;
246
+ margin-bottom: 1.5rem;
247
+ border-radius: 0 0.5rem 0.5rem 0;
248
+ }
249
+
250
+ .legislation-header {
251
+ display: flex;
252
+ justify-content: space-between;
253
+ align-items: flex-start;
254
+ margin-bottom: 1rem;
255
+ }
256
+
257
+ .legislation-title {
258
+ font-size: 1.1rem;
259
+ font-weight: 600;
260
+ color: var(--foreground);
261
+ display: flex;
262
+ align-items: flex-start;
263
+ gap: 0.75rem;
264
+ }
265
+
266
+ .legislation-icon {
267
+ color: var(--primary);
268
+ margin-top: 0.25rem;
269
+ }
270
+
271
+ .legislation-description {
272
+ color: var(--muted-foreground);
273
+ margin-bottom: 1rem;
274
+ line-height: 1.5;
275
+ }
276
+
277
+ .legislation-link {
278
+ display: inline-flex;
279
+ align-items: center;
280
+ gap: 0.5rem;
281
+ background: rgba(42, 191, 102, 0.1);
282
+ color: var(--primary);
283
+ padding: 0.5rem 1rem;
284
+ border-radius: 0.5rem;
285
+ text-decoration: none;
286
+ font-weight: 600;
287
+ border: 1px solid rgba(42, 191, 102, 0.3);
288
+ transition: all 0.3s;
289
+ }
290
+
291
+ .legislation-link:hover {
292
+ background: rgba(42, 191, 102, 0.2);
293
+ transform: translateY(-2px);
294
+ }
295
+
296
+ /* About Section */
297
+ .about-section {
298
+ padding: 4rem 0;
299
+ }
300
+
301
+ .about-content {
302
+ max-width: 900px;
303
+ margin: 0 auto;
304
+ }
305
+
306
+ .about-content p {
307
+ margin-bottom: 1rem;
308
+ color: var(--muted-foreground);
309
+ }
310
+
311
+ .about-content p:last-child {
312
+ font-weight: 600;
313
+ color: var(--foreground);
314
+ }
315
+
316
+ /* Footer */
317
+ footer {
318
+ border-top: 1px solid var(--border);
319
+ padding: 3rem 0;
320
+ margin-top: 4rem;
321
+ }
322
+
323
+ .footer-content {
324
+ display: flex;
325
+ justify-content: space-between;
326
+ align-items: center;
327
+ flex-wrap: wrap;
328
+ gap: 2rem;
329
+ margin-bottom: 2rem;
330
+ }
331
+
332
+ .footer-text {
333
+ text-align: center;
334
+ width: 100%;
335
+ color: var(--muted-foreground);
336
+ font-size: 0.875rem;
337
+ }
338
+
339
+ .footer-link {
340
+ color: var(--muted-foreground);
341
+ text-decoration: none;
342
+ transition: color 0.3s;
343
+ }
344
+
345
+ .footer-link:hover {
346
+ color: var(--primary);
347
+ }
348
+
349
+ /* Floating Buttons */
350
+ .floating-buttons {
351
+ position: fixed;
352
+ bottom: 1.5rem;
353
+ right: 1.5rem;
354
+ display: flex;
355
+ flex-direction: column;
356
+ gap: 1rem;
357
+ z-index: 50;
358
+ }
359
+
360
+ .floating-btn {
361
+ width: 3.5rem;
362
+ height: 3.5rem;
363
+ border-radius: 50%;
364
+ display: flex;
365
+ align-items: center;
366
+ justify-content: center;
367
+ background: var(--primary);
368
+ color: var(--primary-foreground);
369
+ text-decoration: none;
370
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
371
+ transition: all 0.3s;
372
+ }
373
+
374
+ .floating-btn:hover {
375
+ transform: scale(1.1);
376
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
377
+ }
378
+
379
+ .floating-btn.pulse {
380
+ animation: pulse 2s infinite;
381
+ }
382
+
383
+ @keyframes pulse {
384
+ 0%, 100% { opacity: 1; }
385
+ 50% { opacity: 0.7; }
386
+ }
387
+
388
+ /* Icons */
389
+ .icon {
390
+ width: 1.5rem;
391
+ height: 1.5rem;
392
+ fill: currentColor;
393
+ }
394
+
395
+ /* Responsive */
396
+ @media (max-width: 768px) {
397
+ .legislation-header {
398
+ flex-direction: column;
399
+ gap: 1rem;
400
+ }
401
+
402
+ .footer-content {
403
+ flex-direction: column;
404
+ text-align: center;
405
+ }
406
+
407
+ .legislation-title {
408
+ font-size: 1rem;
409
+ }
410
+ }
411
+ </style>
412
+ </head>
413
+ <body>
414
+ <!-- Header -->
415
+ <header>
416
+ <div class="container">
417
+ <div class="header-content">
418
+ <a href="/" class="logo">@profmarcelovicente</a>
419
+ <div class="social-links">
420
+ <a href="https://instagram.com/profmarcelovicente" target="_blank" rel="noopener noreferrer">
421
+ <i class="fab fa-instagram"></i>
422
+ </a>
423
+ <a href="https://facebook.com/profmarcelovicente" target="_blank" rel="noopener noreferrer">
424
+ <i class="fab fa-facebook"></i>
425
+ </a>
426
+ <a href="https://youtube.com/@profmarcelovicente" target="_blank" rel="noopener noreferrer">
427
+ <i class="fab fa-youtube"></i>
428
+ </a>
429
+ <a href="https://www.linkedin.com/company/profmarcelovicente" target="_blank" rel="noopener noreferrer">
430
+ <i class="fab fa-linkedin"></i>
431
+ </a>
432
+ </div>
433
+ </div>
434
+ </div>
435
+ </header>
436
+
437
+ <!-- Hero Section -->
438
+ <section class="hero">
439
+ <div class="container">
440
+ <div class="hero-content">
441
+ <h1>Transações Tributárias</h1>
442
+ <h1>Legislação</h1>
443
+ <div class="hero-highlights">
444
+ <div class="highlight-card">
445
+ <h3><i class="fas fa-gavel"></i> Lei 13.988/2020</h3>
446
+ <p>O Conceito e a Virada da Advocacia Tributária</p>
447
+ </div>
448
+ <div class="highlight-card">
449
+ <h3><i class="fas fa-balance-scale"></i> Natureza Jurídica</h3>
450
+ <p>Entendimento da Natureza Jurídica da Transação Tributária (TT)</p>
451
+ </div>
452
+ <div class="highlight-card">
453
+ <h3><i class="fas fa-landmark"></i> Instrumento Estratégico</h3>
454
+ <p>A Lei nº 13.988/2020 instituiu a transação tributária na esfera federal</p>
455
+ </div>
456
+ </div>
457
+ <a href="#legislation" class="btn">
458
+ <i class="fas fa-gavel"></i>
459
+ CONSULTAR LEGISLAÇÃO
460
+ </a>
461
+ </div>
462
+ </div>
463
+ </section>
464
+
465
+ <!-- Legislation Section -->
466
+ <section class="legislation-section" id="legislation">
467
+ <div class="container">
468
+ <div class="legislation-content">
469
+ <div class="card">
470
+ <h2 class="card-title">
471
+ <i class="fas fa-scale-balanced"></i>
472
+ Legislação de Transações Tributárias
473
+ </h2>
474
+
475
+ <!-- Legislação Básica -->
476
+ <div class="legislation-category">
477
+ <h3 class="category-title">
478
+ <i class="fas fa-book"></i>
479
+ Legislação Básica
480
+ </h3>
481
+
482
+ <div class="legislation-item">
483
+ <div class="legislation-header">
484
+ <div class="legislation-title">
485
+ <i class="fas fa-file-contract legislation-icon"></i>
486
+ CTN - Código Tributário Nacional, Lei n. 5.172/1966
487
+ </div>
488
+ <a href="https://www.planalto.gov.br/ccivil_03/leis/l5172compilado.htm" target="_blank" rel="noopener noreferrer" class="legislation-link">
489
+ <i class="fas fa-external-link-alt"></i>
490
+ Acessar
491
+ </a>
492
+ </div>
493
+ <p class="legislation-description">
494
+ Art. 156, II e Art. 171 - Disposições sobre transações tributárias e composição de litígios fiscais.
495
+ </p>
496
+ </div>
497
+
498
+ <div class="legislation-item">
499
+ <div class="legislation-header">
500
+ <div class="legislation-title">
501
+ <i class="fas fa-gavel legislation-icon"></i>
502
+ Lei n. 13.988/2020
503
+ </div>
504
+ <a href="https://www.planalto.gov.br/ccivil_03/_Ato2019-2022/2020/Lei/L13988.htm" target="_blank" rel="noopener noreferrer" class="legislation-link">
505
+ <i class="fas fa-external-link-alt"></i>
506
+ Acessar
507
+ </a>
508
+ </div>
509
+ <p class="legislation-description">
510
+ Dispõe sobre o parcelamento de débitos tributários da União, inclusive aqueles não inscritos em dívida ativa, e dá outras providências.
511
+ </p>
512
+ </div>
513
+
514
+ <div class="legislation-item">
515
+ <div class="legislation-header">
516
+ <div class="legislation-title">
517
+ <i class="fas fa-file-alt legislation-icon"></i>
518
+ Portaria PGFN n. 6.757/2022
519
+ </div>
520
+ <a href="https://normasinternet2.receita.fazenda.gov.br/#/consulta/externa/125274" target="_blank" rel="noopener noreferrer" class="legislation-link">
521
+ <i class="fas fa-external-link-alt"></i>
522
+ Acessar
523
+ </a>
524
+ </div>
525
+ <p class="legislation-description">
526
+ Estabelece procedimentos para transação tributária e parcelamento de débitos fiscais junto à Procuradoria-Geral da Fazenda Nacional.
527
+ </p>
528
+ </div>
529
+ </div>
530
+
531
+ <!-- Legislação Complementar -->
532
+ <div class="legislation-category">
533
+ <h3 class="category-title">
534
+ <i class="fas fa-file-circle-plus"></i>
535
+ Legislação Complementar
536
+ </h3>
537
+
538
+ <div class="legislation-item">
539
+ <div class="legislation-header">
540
+ <div class="legislation-title">
541
+ <i class="fas fa-bullhorn legislation-icon"></i>
542
+ Edital n. 11/2025
543
+ </div>
544
+ <a href="https://www.in.gov.br/en/web/dou/-/edital-pgdau-n-11-de-30-de-maio-de-2025-633209137" target="_blank" rel="noopener noreferrer" class="legislation-link">
545
+ <i class="fas fa-external-link-alt"></i>
546
+ Acessar
547
+ </a>
548
+ </div>
549
+ <p class="legislation-description">
550
+ Edital PGDau n° 11, de 30 de maio de 2025 - Dispõe sobre procedimentos de transação tributária.
551
+ </p>
552
+ </div>
553
+
554
+ <div class="legislation-item">
555
+ <div class="legislation-header">
556
+ <div class="legislation-title">
557
+ <i class="fas fa-handshake legislation-icon"></i>
558
+ Portaria Conjunta PGFN/RFB n. 19/2025
559
+ </div>
560
+ <a href="https://www.in.gov.br/en/web/dou/-/portaria-conjunta-pgfn/rfb-n-19-de-29-de-setembro-de-2025-659325759" target="_blank" rel="noopener noreferrer" class="legislation-link">
561
+ <i class="fas fa-external-link-alt"></i>
562
+ Acessar
563
+ </a>
564
+ </div>
565
+ <p class="legislation-description">
566
+ Portaria Conjunta PGFN/RFB n° 19, de 29 de setembro de 2025 - Estabelece normas complementares para transações tributárias.
567
+ </p>
568
+ </div>
569
+ </div>
570
+ </div>
571
+ </div>
572
+ </div>
573
+ </section>
574
+
575
+
576
+ <!-- Footer -->
577
+ <footer>
578
+ <div class="container">
579
+ <div class="footer-content">
580
+ <div>
581
+ <h3 style="font-size: 1.25rem; font-weight: bold; margin-bottom: 0.5rem;">
582
+ <a href="/" class="footer-link" style="color: var(--foreground);">@profmarcelovicente</a>
583
+ </h3>
584
+ <p style="color: var(--muted-foreground);">Prof. Marcelo Vicente | Tributarista</p>
585
+ </div>
586
+ <div class="social-links">
587
+ <a href="https://instagram.com/profmarcelovicente" target="_blank" rel="noopener noreferrer">
588
+ <i class="fab fa-instagram"></i>
589
+ </a>
590
+ <a href="https://facebook.com/profmarcelovicente" target="_blank" rel="noopener noreferrer">
591
+ <i class="fab fa-facebook"></i>
592
+ </a>
593
+ <a href="https://youtube.com/@profmarcelovicente" target="_blank" rel="noopener noreferrer">
594
+ <i class="fab fa-youtube"></i>
595
+ </a>
596
+ <a href="https://www.linkedin.com/company/profmarcelovicente" target="_blank" rel="noopener noreferrer">
597
+ <i class="fab fa-linkedin"></i>
598
+ </a>
599
+ </div>
600
+ </div>
601
+ <div class="footer-text">
602
+ <p>© 2025 ECOJURIS - Educação Corporativa e Jurídica SS Ltda. Todos os direitos reservados.</p>
603
+ <a href="https://www.ecojuris.online/termos" target="_blank" rel="noopener noreferrer" class="footer-link" style="margin-top: 0.5rem; display: inline-block;">
604
+ Termos Legais
605
+ </a>
606
+ </div>
607
+ </div>
608
+ </footer>
609
+
610
+ <!-- Floating Buttons -->
611
+ <div class="floating-buttons">
612
+ <a href="/live1947" class="floating-btn pulse">
613
+ <i class="fas fa-play-circle"></i>
614
+ </a>
615
+ <a href="#legislation" class="floating-btn">
616
+ <i class="fas fa-gavel"></i>
617
+ </a>
618
+ </div>
619
+ <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
620
+ </body>
621
+ </html>