Rafael Lopez / ppto

Go to a project
Toggle navigation Toggle navigation pinning
Rafael Lopez
8912fef8 1 parent 5076b62d

cred

Inline Side-by-side
Showing 2 changed files with 227 additions and 0 deletions
...@@ -244,6 +244,20 @@ ...@@ -244,6 +244,20 @@
244 </svg> 244 </svg>
245 <span class="text-sm font-medium" style="color: var(--theme-accent);">Descargas</span> 245 <span class="text-sm font-medium" style="color: var(--theme-accent);">Descargas</span>
246 </a> 246 </a>
247 +
248 + <!-- Créditos -->
249 + <a
250 + href="/creditos"
251 + onclick={closeDrawer}
252 + class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg transition-colors text-left mt-2"
253 + onmouseenter={(e) => e.currentTarget.style.backgroundColor = 'var(--theme-fill)'}
254 + onmouseleave={(e) => e.currentTarget.style.backgroundColor = 'transparent'}
255 + >
256 + <svg class="w-4 h-4 flex-shrink-0" style="color: var(--theme-texto);" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
257 + <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"/>
258 + </svg>
259 + <span class="text-sm" style="color: var(--theme-texto);">Créditos institucionales</span>
260 + </a>
247 </nav> 261 </nav>
248 262
249 <!-- Footer --> 263 <!-- Footer -->
......
1 +<svelte:head>
2 + <title>Créditos institucionales | Presupuesto Abierto</title>
3 + <link rel="preconnect" href="https://fonts.googleapis.com" />
4 + <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,300;1,8..60,400&family=JetBrains+Mono:wght@400&display=swap" rel="stylesheet" />
5 +</svelte:head>
6 +
7 +<div class="creditos-outer">
8 + <div class="creditos-inner">
9 +
10 + <div class="creditos-label">
11 + Créditos institucionales
12 + </div>
13 +
14 + <section class="creditos-section">
15 + <ul class="creditos-list">
16 + <li><span class="creditos-nombre">José Gabriel Espinoza Yañez</span><span class="creditos-cargo">Ministro de Economía y Finanzas Públicas</span></li>
17 + <li><span class="creditos-nombre">Jaime Osvaldo Coronado Quintanilla</span><span class="creditos-cargo">Viceministro de Presupuesto y Contabilidad Fiscal</span></li>
18 + </ul>
19 +
20 + </section>
21 +
22 + <section class="creditos-section">
23 + <h3 class="creditos-subheading">Dirección General de Sistemas de Gestión de Información Fiscal</h3>
24 + <ul class="creditos-list">
25 + <li><span class="creditos-nombre">Karin del Rosario Daza Vega</span><span class="creditos-cargo">Directora General</span></li>
26 + <li><span class="creditos-nombre">José Luis Batuani Rivamontan</span><span class="creditos-cargo">Jefe de Unidad de Sistemas de Información</span></li>
27 + <li><span class="creditos-nombre">Carola Sara García Pérez</span><span class="creditos-cargo">Profesional de Sistemas de Información</span></li>
28 + <li><span class="creditos-nombre">Omar Flores Mamani</span><span class="creditos-cargo">Profesional de Sistemas de Información</span></li>
29 + <li><span class="creditos-nombre">Erick Wilmer Mamani Gutiérrez</span><span class="creditos-cargo">Técnico de Sistemas de Información</span></li>
30 + </ul>
31 +
32 + <h3 class="creditos-subheading">Dirección General de Contabilidad Fiscal</h3>
33 + <ul class="creditos-list">
34 + <li><span class="creditos-nombre">Pablo Roberto Laura Soto</span><span class="creditos-cargo">Director General (a.i.)</span></li>
35 + <li><span class="creditos-nombre">Juan Javier Mariscal Zeballos</span><span class="creditos-cargo">Jefe de Unidad de Información y Análisis Financiero (a.i.)</span></li>
36 + <li><span class="creditos-nombre">Kevin Daniel Canaviri Sarmiento</span><span class="creditos-cargo">Profesional de Información y Análisis Financiero</span></li>
37 + </ul>
38 +
39 + <h3 class="creditos-subheading">Unidad de Tecnologías de Información</h3>
40 + <ul class="creditos-list">
41 + <li><span class="creditos-nombre">Roberto Mustafá Saenz</span><span class="creditos-cargo">Jefe de Unidad</span></li>
42 + <li><span class="creditos-nombre">Freddy Thompson Camacho</span><span class="creditos-cargo">Responsable de Infraestructura Tecnológica</span></li>
43 + <li><span class="creditos-nombre">Nataly Mamani Mamani</span><span class="creditos-cargo">Responsable de Análisis y Desarrollo de Sistemas</span></li>
44 + </ul>
45 + </section>
46 +
47 + <hr class="creditos-regla" />
48 +
49 + <section class="creditos-section">
50 + <h2 class="creditos-heading">Realización</h2>
51 + <ul class="creditos-list">
52 + <li><span class="creditos-nombre">Rafael López Valverde</span><span class="creditos-cargo">Coordinación general, diseño e interfaz</span></li>
53 + <li><span class="creditos-nombre">Mauricio Foronda</span><span class="creditos-cargo">Curaduría de datos y documentación</span></li>
54 + <li><span class="creditos-nombre">Gabriel Weisse</span><span class="creditos-cargo">Infraestructura y servicios de datos</span></li>
55 + </ul>
56 + <p class="creditos-apoyo">Apoyo técnico: Diego Vargas, Lily Peñaranda</p>
57 + </section>
58 +
59 + <div class="creditos-cierre">
60 + <p class="creditos-cierre-sub">Ministerio de Economía y Finanzas Públicas · Bolivia</p>
61 + </div>
62 +
63 + </div>
64 +</div>
65 +
66 +<style>
67 + .creditos-outer {
68 + min-height: 100vh;
69 + background: var(--creditos-bg);
70 + padding-top: 60px;
71 + }
72 +
73 + .creditos-inner {
74 + max-width: 640px;
75 + margin: 0 auto;
76 + padding: 48px 48px 88px;
77 + font-family: 'Source Serif 4', Georgia, serif;
78 + color: var(--creditos-text);
79 + }
80 +
81 + .creditos-label {
82 + font-family: 'JetBrains Mono', monospace;
83 + font-size: 10px;
84 + letter-spacing: 0.18em;
85 + color: var(--creditos-muted);
86 + text-transform: uppercase;
87 + margin-bottom: 48px;
88 + display: flex;
89 + align-items: center;
90 + gap: 12px;
91 + }
92 + .creditos-label::after {
93 + content: '';
94 + flex: 1;
95 + height: 0.5px;
96 + background: var(--creditos-rule);
97 + }
98 +
99 + .creditos-apoyo {
100 + font-size: 13px;
101 + font-weight: 300;
102 + color: var(--creditos-muted);
103 + margin-top: 32px;
104 + }
105 +
106 + .creditos-section {
107 + margin-bottom: 40px;
108 + }
109 +
110 + .creditos-heading {
111 + font-family: 'Source Serif 4', Georgia, serif;
112 + font-size: 22px;
113 + font-weight: 400;
114 + color: var(--creditos-text);
115 + margin: 0 0 20px;
116 + letter-spacing: -0.01em;
117 + }
118 +
119 + .creditos-subheading {
120 + font-family: 'Source Serif 4', Georgia, serif;
121 + font-size: 15px;
122 + font-weight: 400;
123 + color: var(--creditos-muted);
124 + margin: 28px 0 12px;
125 + letter-spacing: 0.01em;
126 + }
127 +
128 + .creditos-list {
129 + list-style: none;
130 + padding: 0;
131 + margin: 0;
132 + }
133 +
134 + .creditos-list li {
135 + display: flex;
136 + flex-direction: column;
137 + padding: 8px 0;
138 + border-bottom: 0.5px solid var(--creditos-rule);
139 + }
140 + .creditos-list li:last-child {
141 + border-bottom: none;
142 + }
143 +
144 + .creditos-list-simple li {
145 + font-size: 17px;
146 + font-weight: 300;
147 + color: var(--creditos-body);
148 + line-height: 1.6;
149 + }
150 +
151 + .creditos-nombre {
152 + font-size: 17px;
153 + font-weight: 400;
154 + color: var(--creditos-text);
155 + line-height: 1.4;
156 + }
157 +
158 + .creditos-cargo {
159 + font-size: 13px;
160 + font-weight: 300;
161 + color: var(--creditos-muted);
162 + line-height: 1.4;
163 + margin-top: 2px;
164 + }
165 +
166 + .creditos-regla {
167 + border: none;
168 + border-top: 0.5px solid var(--creditos-rule);
169 + margin: 44px 0;
170 + }
171 +
172 + .creditos-cierre {
173 + margin-top: 48px;
174 + padding-top: 32px;
175 + border-top: 0.5px solid var(--creditos-rule);
176 + }
177 +
178 + .creditos-cierre-sub {
179 + font-family: 'JetBrains Mono', monospace;
180 + font-size: 10px;
181 + letter-spacing: 0.16em;
182 + color: var(--creditos-muted);
183 + text-transform: uppercase;
184 + margin: 0;
185 + }
186 +
187 + /* Modo oscuro (default) */
188 + .creditos-outer {
189 + --creditos-bg: #0C0C0C;
190 + --creditos-text: #EDE9E1;
191 + --creditos-body: #D9D4CB;
192 + --creditos-muted: #5A5650;
193 + --creditos-rule: #2A2822;
194 + }
195 +
196 + /* Modo claro */
197 + :global(html:not(.dark)) .creditos-outer {
198 + --creditos-bg: #FAFAF8;
199 + --creditos-text: #1a1a1a;
200 + --creditos-body: #3a3a3a;
201 + --creditos-muted: #8a8a8a;
202 + --creditos-rule: #e0e0e0;
203 + }
204 +
205 + @media (max-width: 600px) {
206 + .creditos-inner {
207 + padding: 36px 24px 64px;
208 + }
209 + .creditos-heading {
210 + font-size: 20px;
211 + }
212 + }
213 +</style>