{% macro render_list(items, ordered) %}
{% if ordered %}<ol class="hs-list">{% else %}<ul class="hs-list">{% endif %}
{% for item in items %}
  {% if item is mapping %}
  {% for key, subitems in item.items() %}
  <li>{{ key }}{{ render_list(subitems, ordered) }}</li>
  {% endfor %}
  {% else %}
  <li>{{ item }}</li>
  {% endif %}
{% endfor %}
{% if ordered %}</ol>{% else %}</ul>{% endif %}
{% endmacro %}
<div class="cell cell-list
  {% if cell.params.overflow %}cell-overflow{% else %}cell-clip{% endif %}{% if cell.params.transparent %} cell-transparent{% endif %}
  cell-halign-{{ cell.params.halign }} cell-valign-{{ cell.params.valign }}"
  style="
    grid-column: {{ cell.params.col }} / span {{ cell.params.colspan }};
    grid-row:    {{ cell.params.row }} / span {{ cell.params.rowspan }};
  "
>
  {% if cell.params.copy_button or cell.params.expand_button %}
  <div class="cell-actions">
    {% if cell.params.copy_button %}
    <button class="btn-action" onclick="copyCell(this)" title="Copiar">&#128203;</button>
    {% endif %}
    {% if cell.params.expand_button %}
    <button class="btn-action" onclick="expandCell(this)" title="Expandir">&#x26F6;</button>
    {% endif %}
  </div>
  {% endif %}

  <div class="cell-body list-body">
    {{ render_list(cell.items, cell.ordered) }}
  </div>

  {% if cell.params.caption %}
  <p class="cell-caption">{{ cell.params.caption }}</p>
  {% endif %}
</div>