<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>