<table>
  <!-- Fila de encabezados -->
  <tr>
    {% for columna in columnas_con_ancho %}
      {% if forloop.first %}
        <td class="celda-i" style="width: {{ columna.ancho }}; padding: 5px 5px 5px 20px;">
      {% elif forloop.last %}
        <td class="celda-d" style="width: {{ columna.ancho }}; padding: 5px 20px 5px 5px;">
      {% else %}
        <td class="celda-c" style="width: {{ columna.ancho }}; padding: 5px 5px 5px 5px;">
      {% endif %}
          <label style="margin-bottom: 0px; font-weight: bold;">{{ columna.nombre }}</label>
        </td>
    {% endfor %}
  </tr>
  
  <!-- Filas vacías para diligenciar -->
  {% for i in filas_range %}
  <tr>
    {% for columna in columnas_con_ancho %}
      {% if forloop.first %}
        <td class="celda-i" style="width: {{ columna.ancho }}; padding: 5px 5px 5px 20px;">
      {% elif forloop.last %}
        <td class="celda-d" style="width: {{ columna.ancho }}; padding: 5px 20px 5px 5px;">
      {% else %}
        <td class="celda-c" style="width: {{ columna.ancho }}; padding: 5px 5px 5px 5px;">
      {% endif %}
          {% if columna.tipo == 'checkbox' %}
          <div style="text-align: center; height: 50px; line-height: 50px; white-space: nowrap;">
            <i class="fa-regular fa-square" style="font-size: 16px; color: #ccc; vertical-align: middle;"></i>
            <span style="font-size: 13px; color: #002857; margin-right: 5px; vertical-align: middle;">Si</span>
            <i class="fa-regular fa-square" style="font-size: 16px; color: #ccc; vertical-align: middle;"></i>
            <span style="font-size: 13px; color: #002857; vertical-align: middle;">No</span>
          </div>
          {% else %}
          <input type="text" value="" style="min-height: 50px;">
          {% endif %}
        </td>
    {% endfor %}
  </tr>
  {% endfor %}
</table>