Product pagination does not display products correctly

Technical Q&A
1

I have the product pagination configured like this

    {% paginate collection.products by 16 %}
    {% if collection.products.count > 0 %}
          {% for product in collection.products %}
            <div>
              {% render 'single-product' %}
            </div>
          {%- endfor -%}
        {{- paginate | default_pagination }}
    {% endpaginate %}

In the first render, it only shows me 12 products and the pagination has the option to go to the second page.

Why it does not display the 16 products if have more pages?