/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'historias-futebol.css'"
Line 18:0 Unexpected "{"
Line 18:1 Expected identifier but found "%"
Line 19:12 Unexpected "{"
Line 19:21 Expected ":"
Line 20:16 Expected identifier but found whitespace
Line 20:18 Unexpected "{"
Line 20:27 Expected ":"
... and 132 more hidden warnings

**/
{{ 'historias-futebol.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

{%- paginate blog.articles by 7 -%}
  <div class="hf-blog section-{{ section.id }}-padding">

    <div class="hf-hero">
      <div class="hf-wrap">
        <p class="hf-hero-eyebrow">{{ shop.name }} &middot; desde 2002</p>
        <h1>{{ blog.title | escape }}</h1>
        <p>Crônicas, guias de torcedor e a história por trás dos mantos que colecionamos.</p>
        <div class="hf-pitchline">
          <span class="hf-dash"></span>
          <span class="hf-dot"></span>
          <span class="hf-dash"></span>
        </div>
      </div>
    </div>

    <div class="hf-wrap">

      {%- for article in blog.articles -%}
        {%- if forloop.first -%}
          {%- assign hf_words = article.content | strip_html | split: ' ' | size -%}
          {%- assign hf_minutes = hf_words | divided_by: 200 -%}
          {%- if hf_minutes == 0 -%}{%- assign hf_minutes = 1 -%}{%- endif -%}
          {%- if article.tags.size > 0 -%}
            {%- assign hf_cat = article.tags.first -%}
          {%- else -%}
            {%- assign hf_cat = 'Histórias' -%}
          {%- endif -%}

          <div class="hf-featured">
            <div class="hf-featured-card">
              <a href="{{ article.url }}" class="hf-featured-media">
                {%- if article.image -%}
                  {{ article.image | image_url: width: 900 | image_tag: loading: 'eager', widths: '450,700,900', alt: article.image.alt | escape }}
                {%- endif -%}
                <span class="hf-tag">Capa da semana</span>
              </a>
              <div class="hf-featured-body">
                <p class="hf-kicker">{{ hf_cat }} <span class="hf-clock">&middot;</span> <span class="hf-clock">{{ hf_minutes }}&prime; de leitura</span></p>
                <h2><a href="{{ article.url }}">{{ article.title | escape }}</a></h2>
                <p class="hf-excerpt">{{ article.excerpt_or_content | strip_html | truncatewords: 34 }}</p>
                <a class="hf-read-link" href="{{ article.url }}">Ler história completa</a>
              </div>
            </div>
          </div>

          <div class="hf-section-label">
            <span>Últimas publicações</span>
            <span class="hf-rule"></span>
          </div>

          <div class="hf-grid">
        {%- else -%}
          {%- assign hf_words = article.content | strip_html | split: ' ' | size -%}
          {%- assign hf_minutes = hf_words | divided_by: 200 -%}
          {%- if hf_minutes == 0 -%}{%- assign hf_minutes = 1 -%}{%- endif -%}
          {%- if article.tags.size > 0 -%}
            {%- assign hf_cat = article.tags.first -%}
          {%- else -%}
            {%- assign hf_cat = 'Histórias' -%}
          {%- endif -%}
          {%- assign hf_tone = forloop.index0 | modulo: 3 -%}

            <div class="hf-stub">
              <a href="{{ article.url }}" class="hf-stub-media">
                {%- if article.image -%}
                  {{ article.image | image_url: width: 500 | image_tag: loading: 'lazy', widths: '300,400,500', alt: article.image.alt | escape }}
                {%- endif -%}
                <span class="hf-stub-cat{% if hf_tone == 1 %} hf-barro{% elsif hf_tone == 2 %} hf-ouro{% endif %}">{{ hf_cat }}</span>
              </a>
              <div class="hf-stub-body">
                <h3><a href="{{ article.url }}">{{ article.title | escape }}</a></h3>
                <p>{{ article.excerpt_or_content | strip_html | truncatewords: 22 }}</p>
                <div class="hf-stub-foot">
                  <span>{{ article.published_at | date: '%d de %B' }}</span>
                  <span class="hf-min">{{ hf_minutes }}&prime;</span>
                </div>
              </div>
            </div>
        {%- endif -%}
      {%- endfor -%}

          </div>

      {%- if paginate.pages > 1 -%}
        <div class="hf-pager-wrap">
          {%- render 'pagination', paginate: paginate -%}
        </div>
      {%- endif -%}

    </div>
  </div>
{%- endpaginate -%}

{% schema %}
{
  "name": "t:sections.main-blog.name",
  "tag": "section",
  "class": "section",
  "settings": [
    { "type": "select", "id": "layout", "options": [ { "value": "grid", "label": "t:sections.main-blog.settings.layout.options__1.label" }, { "value": "collage", "label": "t:sections.main-blog.settings.layout.options__2.label" } ], "default": "grid", "label": "t:sections.main-blog.settings.layout.label" },
    { "type": "checkbox", "id": "show_image", "default": true, "label": "t:sections.main-blog.settings.show_image.label" },
    { "type": "select", "id": "image_height", "options": [ { "value": "adapt", "label": "t:sections.main-blog.settings.image_height.options__1.label" }, { "value": "small", "label": "t:sections.main-blog.settings.image_height.options__2.label" }, { "value": "medium", "label": "t:sections.main-blog.settings.image_height.options__3.label" }, { "value": "large", "label": "t:sections.main-blog.settings.image_height.options__4.label" } ], "default": "medium", "label": "t:sections.main-blog.settings.image_height.label" },
    { "type": "checkbox", "id": "show_date", "default": true, "label": "t:sections.main-blog.settings.show_date.label" },
    { "type": "checkbox", "id": "show_author", "default": false, "label": "t:sections.main-blog.settings.show_author.label" },
    { "type": "header", "content": "t:sections.all.padding.section_padding_heading" },
    { "type": "range", "id": "padding_top", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_top", "default": 0 },
    { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_bottom", "default": 36 }
  ]
}
{% endschema %}