-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbiblioteca.html
More file actions
131 lines (123 loc) · 8 KB
/
Copy pathbiblioteca.html
File metadata and controls
131 lines (123 loc) · 8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biblioteca Legal | EduConta SV</title>
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<meta name="robots" content="noindex, nofollow">
<link href="css/output.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
</head>
<body class="pt-24 pb-12 relative">
<div id="shared-components-root"></div>
<main id="legal-screen" class="max-w-5xl mx-auto px-6 md:px-8 mt-6 md:mt-12 no-print fade-in">
<div class="mb-8 md:mb-12">
<h2 class="text-3xl md:text-4xl font-black text-slate-900 tracking-tight">Biblioteca <span
class="text-emerald-500">Legal</span></h2>
<p class="text-slate-400 font-bold text-[10px] uppercase mt-2 tracking-widest">Base de datos de leyes y
normativas contables</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Secciones Legales -->
<div class="glass-card bg-white p-6 hover:shadow-xl transition-all border border-slate-100">
<div class="flex items-center gap-3 mb-4">
<div class="p-3 bg-emerald-50 rounded-[36px]"><i class="fas fa-university text-emerald-600"></i></div>
<h4 class="font-bold text-slate-800">Sector Financiero</h4>
</div>
<ul class="space-y-2 text-xs text-slate-500 font-medium">
<li class="hover:text-emerald-600 transition-colors cursor-pointer">• Ley de Bancos</li>
<li class="hover:text-emerald-600 transition-colors cursor-pointer">• Ley de Sociedades de Seguros
</li>
<li class="hover:text-emerald-600 transition-colors cursor-pointer">• Ley de Bancos Cooperativos
</li>
<li class="hover:text-emerald-600 transition-colors cursor-pointer">• Ley del Mercado de Valores
</li>
</ul>
</div>
<div class="glass-card bg-white p-6 hover:shadow-xl transition-all border border-slate-100">
<div class="flex items-center gap-3 mb-4">
<div class="p-3 bg-indigo-50 rounded-[36px]"><i
class="fas fa-file-invoice-dollar text-indigo-600"></i>
</div>
<h4 class="font-bold text-slate-800">Normas Contables</h4>
</div>
<ul class="space-y-2 text-xs text-slate-500 font-medium">
<li class="hover:text-indigo-600 transition-colors cursor-pointer">• Disposiciones de las NIC</li>
<li class="hover:text-indigo-600 transition-colors cursor-pointer">• NIIF para PYMES</li>
<li class="hover:text-indigo-600 transition-colors cursor-pointer">• Principios Éticos del Contador
</li>
<li class="hover:text-indigo-600 transition-colors cursor-pointer">• Pronunciamientos del CVPCPA
</li>
</ul>
</div>
<div class="glass-card bg-white p-6 hover:shadow-xl transition-all border border-slate-100">
<div class="flex items-center gap-3 mb-4">
<div class="p-3 bg-sky-50 rounded-[36px]"><i class="fas fa-gavel text-sky-600"></i></div>
<h4 class="font-bold text-slate-800">Administración Pública</h4>
</div>
<ul class="space-y-2 text-xs text-slate-500 font-medium">
<li class="hover:text-sky-600 transition-colors cursor-pointer">• Ley AFI (Adm. Financiera)</li>
<li class="hover:text-sky-600 transition-colors cursor-pointer">• Ley del Servicio Civil</li>
<li class="hover:text-sky-600 transition-colors cursor-pointer">• Ley de Ética Gubernamental</li>
<li class="hover:text-sky-600 transition-colors cursor-pointer">• Ley de Compras Públicas</li>
</ul>
</div>
<div class="glass-card bg-white p-6 hover:shadow-xl transition-all border border-slate-100">
<div class="flex items-center gap-3 mb-4">
<div class="p-3 bg-amber-50 rounded-[36px]"><i class="fas fa-briefcase text-amber-600"></i></div>
<h4 class="font-bold text-slate-800">Derecho Mercantil</h4>
</div>
<ul class="space-y-2 text-xs text-slate-500 font-medium">
<li class="hover:text-amber-600 transition-colors cursor-pointer">• Código de Comercio</li>
<li class="hover:text-amber-600 transition-colors cursor-pointer">• Ley de Sociedades</li>
<li class="hover:text-amber-600 transition-colors cursor-pointer">• Derechos de Registro</li>
<li class="hover:text-amber-600 transition-colors cursor-pointer">• Registro de Comercio</li>
</ul>
</div>
<div class="glass-card bg-white p-6 hover:shadow-xl transition-all border border-slate-100">
<div class="flex items-center gap-3 mb-4">
<div class="p-3 bg-rose-50 rounded-[36px]"><i class="fas fa-users-cog text-rose-600"></i></div>
<h4 class="font-bold text-slate-800">Derecho Laboral</h4>
</div>
<ul class="space-y-2 text-xs text-slate-500 font-medium">
<li class="hover:text-rose-600 transition-colors cursor-pointer">• Código de Trabajo</li>
<li class="hover:text-rose-600 transition-colors cursor-pointer">• Ley del Seguro Social (ISSS)</li>
<li class="hover:text-rose-600 transition-colors cursor-pointer">• Ley de Pensiones (AFP)</li>
<li class="hover:text-rose-600 transition-colors cursor-pointer">• Trámites Administrativos</li>
</ul>
</div>
<div class="glass-card bg-white p-6 hover:shadow-xl transition-all border border-slate-100">
<div class="flex items-center gap-3 mb-4">
<div class="p-3 bg-slate-50 rounded-[36px]"><i class="fas fa-ship text-slate-600"></i></div>
<h4 class="font-bold text-slate-800">Aduanas y Tributos</h4>
</div>
<ul class="space-y-2 text-xs text-slate-500 font-medium">
<li class="hover:text-slate-800 transition-colors cursor-pointer">• Leyes Aduaneras</li>
<li class="hover:text-slate-800 transition-colors cursor-pointer">• Código Tributario</li>
<li class="hover:text-slate-800 transition-colors cursor-pointer">• Ley del IVA / ISR</li>
<li class="hover:text-slate-800 transition-colors cursor-pointer">• Entes Reguladores (SSSF/CVPCPA)
</li>
</ul>
</div>
</div>
</main>
<script src="js/core/supabase.js"></script>
<script src="js/core/auth.js"></script>
<script src="js/core/components.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
if (typeof window.injectSharedUI === 'function') {
window.injectSharedUI('shared-components-root');
}
setTimeout(() => {
const btnVolver = document.getElementById('btn-volver');
if (btnVolver) btnVolver.classList.remove('hidden');
}, 50);
});
</script>
</body>
</html>