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 @@
</svg>
<span class="text-sm font-medium" style="color: var(--theme-accent);">Descargas</span>
</a>
<!-- Créditos -->
<a
href="/creditos"
onclick={closeDrawer}
class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg transition-colors text-left mt-2"
onmouseenter={(e) => e.currentTarget.style.backgroundColor = 'var(--theme-fill)'}
onmouseleave={(e) => e.currentTarget.style.backgroundColor = 'transparent'}
>
<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">
<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"/>
</svg>
<span class="text-sm" style="color: var(--theme-texto);">Créditos institucionales</span>
</a>
</nav>
<!-- Footer -->
......
<svelte:head>
<title>Créditos institucionales | Presupuesto Abierto</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<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" />
</svelte:head>
<div class="creditos-outer">
<div class="creditos-inner">
<div class="creditos-label">
Créditos institucionales
</div>
<section class="creditos-section">
<ul class="creditos-list">
<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>
<li><span class="creditos-nombre">Jaime Osvaldo Coronado Quintanilla</span><span class="creditos-cargo">Viceministro de Presupuesto y Contabilidad Fiscal</span></li>
</ul>
</section>
<section class="creditos-section">
<h3 class="creditos-subheading">Dirección General de Sistemas de Gestión de Información Fiscal</h3>
<ul class="creditos-list">
<li><span class="creditos-nombre">Karin del Rosario Daza Vega</span><span class="creditos-cargo">Directora General</span></li>
<li><span class="creditos-nombre">José Luis Batuani Rivamontan</span><span class="creditos-cargo">Jefe de Unidad de Sistemas de Información</span></li>
<li><span class="creditos-nombre">Carola Sara García Pérez</span><span class="creditos-cargo">Profesional de Sistemas de Información</span></li>
<li><span class="creditos-nombre">Omar Flores Mamani</span><span class="creditos-cargo">Profesional de Sistemas de Información</span></li>
<li><span class="creditos-nombre">Erick Wilmer Mamani Gutiérrez</span><span class="creditos-cargo">Técnico de Sistemas de Información</span></li>
</ul>
<h3 class="creditos-subheading">Dirección General de Contabilidad Fiscal</h3>
<ul class="creditos-list">
<li><span class="creditos-nombre">Pablo Roberto Laura Soto</span><span class="creditos-cargo">Director General (a.i.)</span></li>
<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>
<li><span class="creditos-nombre">Kevin Daniel Canaviri Sarmiento</span><span class="creditos-cargo">Profesional de Información y Análisis Financiero</span></li>
</ul>
<h3 class="creditos-subheading">Unidad de Tecnologías de Información</h3>
<ul class="creditos-list">
<li><span class="creditos-nombre">Roberto Mustafá Saenz</span><span class="creditos-cargo">Jefe de Unidad</span></li>
<li><span class="creditos-nombre">Freddy Thompson Camacho</span><span class="creditos-cargo">Responsable de Infraestructura Tecnológica</span></li>
<li><span class="creditos-nombre">Nataly Mamani Mamani</span><span class="creditos-cargo">Responsable de Análisis y Desarrollo de Sistemas</span></li>
</ul>
</section>
<hr class="creditos-regla" />
<section class="creditos-section">
<h2 class="creditos-heading">Realización</h2>
<ul class="creditos-list">
<li><span class="creditos-nombre">Rafael López Valverde</span><span class="creditos-cargo">Coordinación general, diseño e interfaz</span></li>
<li><span class="creditos-nombre">Mauricio Foronda</span><span class="creditos-cargo">Curaduría de datos y documentación</span></li>
<li><span class="creditos-nombre">Gabriel Weisse</span><span class="creditos-cargo">Infraestructura y servicios de datos</span></li>
</ul>
<p class="creditos-apoyo">Apoyo técnico: Diego Vargas, Lily Peñaranda</p>
</section>
<div class="creditos-cierre">
<p class="creditos-cierre-sub">Ministerio de Economía y Finanzas Públicas · Bolivia</p>
</div>
</div>
</div>
<style>
.creditos-outer {
min-height: 100vh;
background: var(--creditos-bg);
padding-top: 60px;
}
.creditos-inner {
max-width: 640px;
margin: 0 auto;
padding: 48px 48px 88px;
font-family: 'Source Serif 4', Georgia, serif;
color: var(--creditos-text);
}
.creditos-label {
font-family: 'JetBrains Mono', monospace;
font-size: 10px;
letter-spacing: 0.18em;
color: var(--creditos-muted);
text-transform: uppercase;
margin-bottom: 48px;
display: flex;
align-items: center;
gap: 12px;
}
.creditos-label::after {
content: '';
flex: 1;
height: 0.5px;
background: var(--creditos-rule);
}
.creditos-apoyo {
font-size: 13px;
font-weight: 300;
color: var(--creditos-muted);
margin-top: 32px;
}
.creditos-section {
margin-bottom: 40px;
}
.creditos-heading {
font-family: 'Source Serif 4', Georgia, serif;
font-size: 22px;
font-weight: 400;
color: var(--creditos-text);
margin: 0 0 20px;
letter-spacing: -0.01em;
}
.creditos-subheading {
font-family: 'Source Serif 4', Georgia, serif;
font-size: 15px;
font-weight: 400;
color: var(--creditos-muted);
margin: 28px 0 12px;
letter-spacing: 0.01em;
}
.creditos-list {
list-style: none;
padding: 0;
margin: 0;
}
.creditos-list li {
display: flex;
flex-direction: column;
padding: 8px 0;
border-bottom: 0.5px solid var(--creditos-rule);
}
.creditos-list li:last-child {
border-bottom: none;
}
.creditos-list-simple li {
font-size: 17px;
font-weight: 300;
color: var(--creditos-body);
line-height: 1.6;
}
.creditos-nombre {
font-size: 17px;
font-weight: 400;
color: var(--creditos-text);
line-height: 1.4;
}
.creditos-cargo {
font-size: 13px;
font-weight: 300;
color: var(--creditos-muted);
line-height: 1.4;
margin-top: 2px;
}
.creditos-regla {
border: none;
border-top: 0.5px solid var(--creditos-rule);
margin: 44px 0;
}
.creditos-cierre {
margin-top: 48px;
padding-top: 32px;
border-top: 0.5px solid var(--creditos-rule);
}
.creditos-cierre-sub {
font-family: 'JetBrains Mono', monospace;
font-size: 10px;
letter-spacing: 0.16em;
color: var(--creditos-muted);
text-transform: uppercase;
margin: 0;
}
/* Modo oscuro (default) */
.creditos-outer {
--creditos-bg: #0C0C0C;
--creditos-text: #EDE9E1;
--creditos-body: #D9D4CB;
--creditos-muted: #5A5650;
--creditos-rule: #2A2822;
}
/* Modo claro */
:global(html:not(.dark)) .creditos-outer {
--creditos-bg: #FAFAF8;
--creditos-text: #1a1a1a;
--creditos-body: #3a3a3a;
--creditos-muted: #8a8a8a;
--creditos-rule: #e0e0e0;
}
@media (max-width: 600px) {
.creditos-inner {
padding: 36px 24px 64px;
}
.creditos-heading {
font-size: 20px;
}
}
</style>