{# Barra superior del skin v2. Espera `active` con el nombre de la seccion
   ('inicio', 'econometria', 'datos', 'limpiador', 'guia').
   La marca conserva el logo del barco y el wordmark Fraktur de siempre. #}
<div class="cb-topbar">
  <a class="cb-brand" href="{{ url_for('dashboard') }}">
    <span class="cb-brand-logo" aria-hidden="true"></span>
    <span class="cb-brand-name" aria-label="Chart Bay">ℭ𝔥𝔞𝔯𝔱 𝔅𝔞𝔶</span>
  </a>
  <nav class="cb-nav">
    {% if active == 'inicio' %}<strong>Inicio</strong>{% else %}<a href="{{ url_for('dashboard') }}">Inicio</a>{% endif %}
    {% if active == 'econometria' %}<strong>Econometría</strong>{% else %}<a href="{{ url_for('econometria') }}">Econometría</a>{% endif %}
    {% if secciones.base_datos %}
      {% if active == 'base_datos' %}<strong>Base de datos</strong>{% else %}<a href="{{ url_for('economic_database') }}">Base de datos</a>{% endif %}
    {% endif %}
    {% if secciones.datos %}
      {% if active == 'datos' %}<strong>Datos</strong>{% else %}<a href="{{ url_for('frequent_data') }}">Datos</a>{% endif %}
    {% endif %}
    {% if active == 'limpiador' %}<strong>Limpiador</strong>{% else %}<a href="{{ url_for('limpiador') }}">Limpiador</a>{% endif %}
    {% if secciones.chartpython %}
      {% if active == 'chartpython' %}<strong>ChartPython</strong>{% else %}<a href="{{ url_for('chartpython') }}">ChartPython</a>{% endif %}
    {% endif %}
    {% if active == 'guia' %}<strong>Documentación</strong>{% else %}<a href="{{ url_for('guia') }}">Documentación</a>{% endif %}
    <a href="{{ url_for('source_archive') }}" rel="source" download>Código fuente</a>
  </nav>
</div>