/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'section-collection-list.css'"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'component-card.css'"
Line 18:0 Unexpected "{"
Line 18:1 Unexpected "{"
Line 18:3 Expected identifier but found "'component-slider.css'"
Line 19:0 Unexpected "{"
... and 271 more hidden warnings

**/
{{ 'section-collection-list.css' | asset_url | stylesheet_tag }}
{{ 'component-card.css' | asset_url | stylesheet_tag }}
{{ 'component-slider.css' | asset_url | stylesheet_tag }}
{%- style -%}
{% if section.settings.design_align == 'center' %}
.home-collect .collection-list-wrapper .card--standard>.card__content.over{
  justify-content: center;
}
{% endif %}
.home-collect .collection-list-wrapper .card--standard>.card__content.over {
  display: flex;
  align-items: center; 
}
{% if section.settings.head_space %}
  .section-{{ section.id }}-padding .title-wrapper-with-link {
    padding: 10px 20px;
  }
{% endif %}
.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}
@media screen and (max-width: 991px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.5 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.5 | round: 0 }}px;
  }
}
{%- endstyle -%}
{%- liquid
  assign products_to_display = section.blocks.size
  assign number_of_row = section.settings.rows
  assign collection_to_show = section.settings.columns_desktop | times: number_of_row
  if products_to_display > collection_to_show
    assign more_in_collection = true
  endif
-%}
<div class="color-{{ section.settings.color_scheme }} gradient home-collect {% if section.settings.design_type == 'over' %}over {% else %}insidecoll {% endif %}">
  <div class="collection-list-wrapper page-width isolate {% if section.settings.title == blank %} no-heading{% endif %} {% if section.settings.show_view_all == false or section.blocks.size > collections.size %} no-mobile-link{% endif %} section-{{ section.id }}-padding collection-card-info flex-direction--{{ section.settings.card_flex_direction }} slider-arrow--{{ section.settings.arrow_position }}">
    <slider-component class="slider-mobile-gutter {% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}">
      <div class="{{ section.settings.head_align }} {% if section.settings.title != blank or section.blocks.size > collection_to_show and section.settings.arrow_position == 'top' or section.settings.description != blank %} content-container title-wrapper-with-link title-wrapper {% endif %} color-{{ section.settings.heading_color_scheme }}">
          <div class="{% if section.settings.title != blank or section.settings.description != blank %} heading {% endif %} inline-richtext">
            {%- if section.settings.title != blank -%}
              <h2 class="{{ section.settings.heading_size }}">
                  {{ section.settings.title }}
              </h2>
            {%- endif %}
            {%- if section.settings.description != blank -%}
              <div class="description {{ section.settings.description_style }} rte">
                {{ section.settings.description -}}
              </div>
            {%- endif %}
          </div>
          {%- if section.settings.arrow_position == 'top' or section.settings.show_view_all and section.settings.view_button_pos == 'top' -%}
          <div class="{% if section.settings.arrow_position == 'top' %} wb_button_combo {% endif %} {% unless section.settings.show_view_all and more_in_collection %}bcombo_auto{% endunless %} {% if section.settings.view_button_pos == 'bottom' %}bcombo_auto{% endif %}">
            {%- if section.settings.show_view_all and more_in_collection -%}
              {%- if section.settings.view_button_pos == 'top' -%}
                <div class="wb_home_sbtn">
                  <a
                    {% if section.settings.button_url == blank %}
                      role="link" aria-disabled="true"
                      {% else %}
                      href="{{ section.settings.button_url }}"
                      {% endif %}
                    class="{% if section.settings.view_all_style == 'link' %} link underlined-link {% elsif section.settings.view_all_style == 'solid' %}button {% else %}button button--secondary{% endif %}"
                    aria-label="{{ section.settings.button_label | t: collection_name: section.settings.collection.title }}">
                    <span>{{ section.settings.button_label }}</span>
                  </a>
                </div>
              {%- endif -%}
            {%- endif -%}
            {% assign collection_to_show = section.settings.columns_desktop | times: section.settings.rows %}
            {% if section.settings.arrow_position == 'top' %}
              <div class="wb_home_sbtn slider-buttons no-js-hidden {% unless section.blocks.size > collection_to_show %} desktop-arrows-hide {% endunless %}">
                <button
                    type="button"
                    class="slider-button slider-button--prev button"
                    name="previous"
                    aria-label="{{ 'general.slider.previous_slide' | t }}"
                    id="slider-button--prev-{{ section.id }}">
                    <span>{% render 'icon-caret' %}</span>
                </button>
                <button
                    type="button"
                    class="slider-button slider-button--next button"
                    name="next"
                    aria-label="{{ 'general.slider.next_slide' | t }}"
                    id="slider-button--next-{{ section.id }}">
                    <span>{% render 'icon-caret' %}</span>
                </button>
              </div>
            {% endif %}
          </div>
          {%- endif -%}
        </div>
        <div class="{% if section.settings.arrow_position == 'inline' %} relative {% endif %} {% if section.settings.image != blank %}pro-part grid__item {% endif %}  section__wrap grid--{{ section.settings.columns_mobile }}-col-tablet-down">
        {% if section.settings.arrow_position == 'inline' %}
          <div class="wb_home_sbtn slider-buttons no-js-hidden {% unless section.blocks.size > collection_to_show %} desktop-arrows-hide {% endunless %}">
            <button
            type="button"
            class="slider-button slider-button--prev button"
            name="previous"
            aria-label="{{ 'general.slider.previous_slide' | t }}"
            id="slider-button--prev-{{ section.id }}">
            <span>{% render 'icon-caret' %}</span>
            </button>
          </div>
        {% endif %} 
        <div class="ul-columns grid grid--{{ section.settings.columns_desktop }}-col-desktop grid--3-col-tablet collection-list contains-card contains-card--collection{% if settings.collection_card_style == 'standard' %} contains-card--standard{% endif %} grid--{{ section.settings.columns_mobile }}-col-tablet-down  slider  slider--desktop slider--tablet collection-list--{{ section.blocks.size }}-items{% if section.settings.card_flex_direction == 'row' %} coll--direction-row{% endif %}" id="Slider-{{ section.id }}">
          {% assign num_row = section.settings.rows | times: 1 %}
          {% assign temp = 0 %}
          {%- for block in section.blocks -%}
            {% if temp == 0 %}
              <ul tabindex="0" class="{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %} grid__item collection-list__item grid__item{% if block.settings.collection.featured_image == null %} collection-list__item--no-media{% endif %} slider__slide{% if section.settings.card_flex_direction == 'row' %} coll-direction-row{% endif %}" id="Slide-{{ section.id }}-{{ forloop.index }}"
              {% if settings.animations_reveal_on_scroll %}
                data-cascade
                style="--animation-order: {{ forloop.index }};"
              {% endif %}>
              {% endif %}
              {% if block.settings.collection != blank %}
                <li {{ block.shopify_attributes }}>
                  {% render 'card-collection-home',
                  design_type: section.settings.design_type,
                  collection_custom_title: block.settings.title,
                  collection_custom_url: block.settings.url,
                  collection_img: block.settings.image,
                  card_collection: block.settings.collection,
                  show_collection_title: settings.show_collection_title,
                  show_item_count: settings.show_item_count,
                  showtext: block.settings.showtext,
                  customb_style: block.settings.customb_style,
                  show_circle: section.settings.show_circle,
                  catheading_size: section.settings.catheading_size,
                  blockcolor_scheme: section.settings.blockcolor_scheme,
                  media_aspect_ratio: section.settings.image_ratio %}
                </li>
              {% else %}
              {%- liquid
                  assign card_color_scheme = settings.collection_card_color_scheme
                  assign card_style = settings.collection_card_style
                  if collection_custom_url != blank
                    assign collection_url = collection_custom_url
                  else
                    assign collection_url = card_collection.url
                  endif
              -%}
                <li>
                  <div class="card-wrapper animate-arrow collection-card-wrapper">
                    <div class="{% if section.settings.show_circle == true %}shadow-corner {% endif %} card card--{{ card_style }} card--media{% if card_style == 'card' %} color-{{ card_color_scheme }} gradient{% endif %} flex-direction--{{ section.settings.card_flex_direction }}">
                      <div class="collection_list_svg wbimgblock card__inner {% if section.settings.show_circle == true %} collection-corner {% endif %} {% if card_style == 'standard' %}color-{{ card_color_scheme }} gradient{% endif %}{% if card_style == 'card' or card_style == 'standard' %} ratio{% endif %}">
                        <div class="{% if section.settings.show_circle == true %} collection-corner {% endif %}">
                        {%- liquid
                          assign placeholder_image_index = forloop.index0 | modulo: 3 | plus: 1
                          assign placeholder_image = 'collection-apparel-' | append: placeholder_image_index
                          capture current
                            cycle 1, 2, 3, 4, 5, 6
                          endcapture
                        -%}
                        {%- if placeholder_image -%}
                          {{ placeholder_image | placeholder_svg_tag: 'placeholder-svg' }}
                        {%- else -%}
                          {{ 'product-apparel-2' | placeholder_svg_tag: 'placeholder-svg' }}
                        {%- endif -%}
                        </div>
                      </div>
                      <div class="card__content {% if section.settings.design_type == 'over' %} over {% endif %} {% if section.settings.design_align == 'left' %} left {% endif %}">
                        <div class="card__information {% if section.settings.design_type == 'over' %} color-{{ section.settings.blockcolor_scheme }} gradient banner--desktop-transparent{% endif %}">
                          <h3 class="card__heading {{ section.settings.catheading_size }}">
                            {{ 'onboarding.collection_title' | t }}
                          </h3>
                          {% if settings.show_item_count == true %}
                            <p class="wp_itom_count">{{ current }} {{ 'wbcustomlabel.wballtext.cartitem' | t }}</p>
                          {% endif %}
                          {% if block.settings.showtext != blank %}
                            <a {% if block.settings.collection == blank %} role="link" aria-disabled="true" {% else %} href="{{ collection_url }}" {% endif %}
                              class="webcolltop {% if block.settings.customb_style == 'link' %}link underlined-link{% elsif block.settings.customb_style == 'solid' %}button{% else %}button button--secondary{% endif %}" {{ block.shopify_attributes }}>
                              <span>{{ block.settings.showtext }}</span>
                            </a>
                          {% endif %}
                        </div>
                      </div>
                    </div>
                </div>
                </li>
              {% endif %}
              {% assign temp = temp | plus: 1 %}
              {% if temp == num_row %}
              </ul>
              {% assign temp = 0 %}{% endif %}
          {% endfor %}
        </div>
      {% if section.settings.arrow_position == 'inline' %}
        <div class="wb_home_sbtn slider-buttons no-js-hidden {% unless section.blocks.size > collection_to_show %} desktop-arrows-hide {% endunless %}">
          <button
              type="button" 
              class="slider-button slider-button--next button"
              name="next"
              aria-label="{{ 'general.slider.next_slide' | t }}"
              id="slider-button--next-{{ section.id }}">
              <span>{% render 'icon-caret' %}</span>
          </button>
      </div>
    {% endif %}
      </div>
    </slider-component>
      {%- if section.settings.show_view_all and more_in_collection -%}
        {%- if section.settings.view_button_pos == 'bottom' -%}
          <div class="wb_home_sbtn center">
            <a
              {% if section.settings.button_url == blank %}
                role="link" aria-disabled="true"
                {% else %}
                href="{{ section.settings.button_url }}"
                {% endif %}
              class="{% if section.settings.view_all_style == 'link' %} link underlined-link {% elsif section.settings.view_all_style == 'solid' %}button {% else %}button button--secondary{% endif %}"
              aria-label="{{ section.settings.button_label | t: collection_name: section.settings.collection.title }}">
              <span>{{ section.settings.button_label }}</span>
            </a>
          </div>
        {%- endif -%}
      {%- endif -%}
  </div>
</div>
{%- comment -%} ===== WB: marquesina infinita de marcas (bloque agregado) ===== {%- endcomment -%}
{%- liquid
  assign mq_on = section.settings.wb_mq_enabled
  assign mq_w = section.settings.wb_mq_item_width | default: 180
  assign mq_gap = section.settings.wb_mq_gap | default: 24
  assign mq_dim = section.settings.wb_mq_dim | default: 55
  assign mq_dim_value = mq_dim | divided_by: 100.0
  assign mq_fade = section.settings.wb_mq_fade_edges | default: 'both'
  assign mq_fade_size = section.settings.wb_mq_fade_size | default: 60
  assign mq_min = section.settings.wb_mq_min_width | default: 750
-%}

{%- if mq_on -%}
  {%- style -%}
    /* ==========================================================
       Todo el bloque de la marquesina vive dentro de este media
       query. Por debajo de {{ mq_min }}px no se aplica ninguna de estas
       reglas, asi que el carrusel vuelve a ser el nativo del tema:
       deslizamiento manual con el dedo, scroll-snap y flechas.
       ========================================================== */
    @media screen and (min-width: {{ mq_min }}px) {

      /* Las flechas no tienen sentido con desplazamiento continuo */
      #shopify-section-{{ section.id }} .slider-buttons,
      #shopify-section-{{ section.id }} .slider-button {
        display: none !important;
      }

      /* Ventana que recorta la cinta */
      #shopify-section-{{ section.id }} .wb-mq-viewport {
        width: 100%;
        overflow: hidden;
        position: relative;
      }

      {%- if mq_fade != 'none' and mq_fade_size > 0 -%}
        /* Desvanecido de bordes con mascara: un logo se va perdiendo a
           medida que sale en vez de cortarse contra el borde. */
        #shopify-section-{{ section.id }} .wb-mq-viewport {
          -webkit-mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 {{ mq_fade_size }}px
            {%- if mq_fade == 'both' -%}
            , #000 calc(100% - {{ mq_fade_size }}px), transparent 100%
            {%- endif -%}
          );
          mask-image: linear-gradient(
            to right,
            transparent 0,
            #000 {{ mq_fade_size }}px
            {%- if mq_fade == 'both' -%}
            , #000 calc(100% - {{ mq_fade_size }}px), transparent 100%
            {%- endif -%}
          );
        }
      {%- endif -%}

      /* La cinta: fila unica, ancho natural, sin scroll ni animacion CSS.
         El desplazamiento lo lleva el JS cuadro a cuadro. */
      #Slider-{{ section.id }} {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: {{ mq_gap }}px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        will-change: transform;
      }

      /* Ancho fijo por item: en flex, los porcentajes de .grid__item se
         calcularian contra un contenedor de ancho max-content. */
      #Slider-{{ section.id }} > * {
        flex: 0 0 {{ mq_w }}px !important;
        width: {{ mq_w }}px !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transition: filter 0.3s ease;
      }

      /* Mouse sobre un logo: el resto se atenua */
      #shopify-section-{{ section.id }} .wb-mq-viewport.is-hovering #Slider-{{ section.id }} > * {
        filter: brightness({{ mq_dim_value }});
      }

      #shopify-section-{{ section.id }} .wb-mq-viewport.is-hovering #Slider-{{ section.id }} > .wb-mq-hovered {
        filter: none;
      }
    }
  {%- endstyle -%}

  <script>
    (function () {
      var sid = {{ section.id | json }};
      var speed = {{ section.settings.wb_mq_speed | default: 60 }};
      var goRight = {{ section.settings.wb_mq_direction | default: 'left' | json }} === 'right';
      var minW = {{ mq_min }};

      // Debajo de este ancho no se arma nada: el carrusel queda como lo
      // trae el tema y se mueve con el dedo.
      var mqDesktop = window.matchMedia('(min-width: ' + minW + 'px)');

      // Solo hay hover real con mouse. En tactil, tocar dispara mouseenter
      // y el mouseleave puede no llegar nunca.
      var canHover = window.matchMedia('(hover: hover) and (pointer: fine)').matches;

      var teardown = null;

      function start() {
        var track = document.getElementById('Slider-' + sid);
        if (!track) return null;

        var stale = track.querySelectorAll('[data-wb-mq-clone]');
        for (var q = 0; q < stale.length; q++) {
          stale[q].parentNode.removeChild(stale[q]);
        }

        var originals = Array.prototype.slice.call(track.children);
        if (!originals.length) return null;

        // El tema anima este elemento con su "revelar al hacer scroll".
        // Una animacion CSS gana sobre el estilo en linea, asi que mientras
        // corra, el transform del JS no se aplica. Se mata desde el propio
        // elemento con prioridad important: eso vence a cualquier hoja de
        // estilos, sin depender de adivinar el selector que la puso.
        track.style.setProperty('animation', 'none', 'important');
        track.style.setProperty('opacity', '1', 'important');

        var vp = track.parentNode;
        var createdVp = false;
        if (!vp || !vp.classList.contains('wb-mq-viewport')) {
          vp = document.createElement('div');
          vp.className = 'wb-mq-viewport';
          track.parentNode.insertBefore(vp, track);
          vp.appendChild(track);
          createdVp = true;
        }

        var period = 0;
        var offset = 0;
        var paused = false;
        var visible = true;
        var reduced = false;
        var built = false;
        var raf = null;
        var lastT = 0;
        var io = null;
        var ro = null;
        var resizeTimer = null;

        function clearClones() {
          var clones = track.querySelectorAll('[data-wb-mq-clone]');
          for (var i = 0; i < clones.length; i++) {
            clones[i].parentNode.removeChild(clones[i]);
          }
        }

        function addSet() {
          for (var i = 0; i < originals.length; i++) {
            var clone = originals[i].cloneNode(true);
            clone.setAttribute('data-wb-mq-clone', '');
            clone.setAttribute('aria-hidden', 'true');
            clone.removeAttribute('id');

            // Los clones heredan las clases de animacion del tema y se
            // quedarian en opacity 0.01, porque el observador del tema ya
            // corrio y nunca los va a mirar.
            clone.classList.remove('scroll-trigger', 'animate--slide-in');
            clone.style.setProperty('animation', 'none', 'important');
            clone.style.setProperty('opacity', '1', 'important');
            clone.style.transform = 'none';

            var withId = clone.querySelectorAll('[id]');
            for (var d = 0; d < withId.length; d++) {
              withId[d].removeAttribute('id');
            }

            var focusable = clone.querySelectorAll('a, button, [tabindex]');
            for (var f = 0; f < focusable.length; f++) {
              focusable[f].setAttribute('tabindex', '-1');
            }

            track.appendChild(clone);
          }
        }

        function contentWidth() {
          var kids = track.children;
          if (!kids.length) return 0;
          var firstRect = kids[0].getBoundingClientRect();
          var lastRect = kids[kids.length - 1].getBoundingClientRect();
          return lastRect.right - firstRect.left;
        }

        function build() {
          clearClones();
          period = 0;

          var n = originals.length;
          var vpWidth = vp.clientWidth;
          if (vpWidth <= 0 || n === 0) return false;

          addSet();

          var kids = track.children;
          if (!kids[n]) return false;

          // El periodo es UN set, medido en el DOM con getBoundingClientRect
          // para no arrastrar el redondeo a entero de offsetLeft.
          period =
            kids[n].getBoundingClientRect().left -
            kids[0].getBoundingClientRect().left;

          if (period <= 0) return false;

          var guard = 0;
          while (contentWidth() - period < vpWidth + period && guard < 40) {
            addSet();
            guard++;
          }

          offset = offset % period;
          return true;
        }

        function render() {
          var x = goRight ? offset - period : -offset;
          track.style.transform = 'translate3d(' + x.toFixed(2) + 'px, 0, 0)';
        }

        function frame(t) {
          if (!lastT) lastT = t;
          var dt = Math.min(t - lastT, 100) / 1000;
          lastT = t;

          if (period > 0) {
            offset += speed * dt;
            if (offset >= period) offset = offset % period;
            render();
          }

          raf = window.requestAnimationFrame(frame);
        }

        function play() {
          if (raf || paused || reduced || !visible || !built) return;
          lastT = 0;
          raf = window.requestAnimationFrame(frame);
        }

        function halt() {
          if (!raf) return;
          window.cancelAnimationFrame(raf);
          raf = null;
        }

        function wireHover() {
          if (!canHover) return;
          var kids = track.children;
          for (var i = 0; i < kids.length; i++) {
            (function (el) {
              if (el.wbMqWired) return;
              el.wbMqWired = true;

              el.addEventListener('mouseenter', function () {
                paused = true;
                halt();
                vp.classList.add('is-hovering');
                el.classList.add('wb-mq-hovered');
              });

              el.addEventListener('mouseleave', function () {
                paused = false;
                vp.classList.remove('is-hovering');
                el.classList.remove('wb-mq-hovered');
                play();
              });
            })(kids[i]);
          }
        }

        function setup() {
          if (!build()) { built = false; return false; }
          built = true;
          render();
          wireHover();
          return true;
        }

        function onSize() {
          if (resizeTimer) window.clearTimeout(resizeTimer);
          resizeTimer = window.setTimeout(function () {
            var w = vp.clientWidth;
            if (w <= 0) return;
            if (!built) { lastWidth = w; if (setup()) play(); return; }
            if (Math.abs(w - lastWidth) < 40) return;
            lastWidth = w;
            halt();
            setup();
            play();
          }, 200);
        }

        var lastWidth = 0;

        if (setup()) { lastWidth = vp.clientWidth; play(); }

        // ResizeObserver en vez de reintentos por tiempo: construye en cuanto
        // el contenedor tiene ancho, tarde lo que tarde.
        if (window.ResizeObserver) {
          ro = new ResizeObserver(onSize);
          ro.observe(vp);
        } else {
          window.addEventListener('resize', onSize);
        }

        var rm = window.matchMedia('(prefers-reduced-motion: reduce)');
        function applyRM() {
          reduced = rm.matches;
          if (reduced) { halt(); } else { play(); }
        }
        applyRM();
        if (rm.addEventListener) { rm.addEventListener('change', applyRM); }
        else if (rm.addListener) { rm.addListener(applyRM); }

        if (window.IntersectionObserver) {
          io = new IntersectionObserver(function (entries) {
            visible = entries[0].isIntersecting;
            if (visible) { play(); } else { halt(); }
          }, { threshold: 0 });
          io.observe(vp);
        }

        function onVis() {
          if (document.hidden) { halt(); } else { play(); }
        }
        document.addEventListener('visibilitychange', onVis);

        function unstick() {
          if (!paused) return;
          paused = false;
          vp.classList.remove('is-hovering');
          var marked = vp.querySelectorAll('.wb-mq-hovered');
          for (var i = 0; i < marked.length; i++) marked[i].classList.remove('wb-mq-hovered');
          play();
        }
        window.addEventListener('touchend', unstick, { passive: true });

        // Devuelve como desarmarlo todo y dejar el DOM como estaba, para
        // poder volver al carrusel nativo al cruzar el breakpoint.
        return function () {
          halt();
          if (resizeTimer) window.clearTimeout(resizeTimer);
          if (io) io.disconnect();
          if (ro) ro.disconnect();
          window.removeEventListener('resize', onSize);
          window.removeEventListener('touchend', unstick);
          document.removeEventListener('visibilitychange', onVis);
          if (rm.removeEventListener) { rm.removeEventListener('change', applyRM); }
          else if (rm.removeListener) { rm.removeListener(applyRM); }

          clearClones();
          track.style.removeProperty('transform');
          track.style.removeProperty('animation');
          track.style.removeProperty('opacity');
          vp.classList.remove('is-hovering');

          if (createdVp && vp.parentNode) {
            vp.parentNode.insertBefore(track, vp);
            vp.parentNode.removeChild(vp);
          }
        };
      }

      function sync() {
        if (mqDesktop.matches) {
          if (!teardown) teardown = start();
        } else if (teardown) {
          teardown();
          teardown = null;
        }
      }

      function init() {
        if (teardown) { teardown(); teardown = null; }
        sync();
      }

      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
      } else {
        init();
      }

      if (mqDesktop.addEventListener) { mqDesktop.addEventListener('change', sync); }
      else if (mqDesktop.addListener) { mqDesktop.addListener(sync); }

      document.addEventListener('shopify:section:load', function (e) {
        if (e.detail.sectionId === sid) init();
      });
    })();
  </script>
{%- endif -%}
{%- comment -%} ===== WB: fin del bloque agregado ===== {%- endcomment -%}

{% schema %}
{
  "name": "t:sections.collection-list.name",
  "tag": "section",
  "class": "section section-collection-list",
  "max_blocks": 15,
  "disabled_on": {
    "groups": [
      "header",
      "footer",
      "custom.overlay"
    ]
  },
  "settings": [
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.all.colors.label",
      "default": "background-1"
    },
    {
      "type": "header",
      "content": "t:sections.all.heading.content"
    },
    {
      "type": "inline_richtext",
      "id": "title",
      "default": "Collections",
      "label": "t:sections.all.heading.title"
    },
    {
      "type": "select",
      "id": "heading_size",
      "options": [
        {
          "value": "h2",
          "label": "t:sections.all.heading_size.options__1.label"
        },
        {
          "value": "h1",
          "label": "t:sections.all.heading_size.options__2.label"
        },
        {
          "value": "h0",
          "label": "t:sections.all.heading_size.options__3.label"
        }
      ],
      "default": "h2",
      "label": "t:sections.all.heading.size"
    },
    {
      "type": "select",
      "id": "head_align",
      "options": [
        {
          "value": "left",
          "label": "t:sections.featured-collection.settings.head_alignment.options1.label"
        },
        {
          "value": "center",
          "label": "t:sections.featured-collection.settings.head_alignment.options2.label"
        }
      ],
      "default": "left",
      "label": "t:sections.all.heading.alignment"
    },
    {
      "type": "color_scheme",
      "id": "heading_color_scheme",
      "label": "t:sections.all.heading_color_scheme.label",
      "default": "scheme-abe3bc68-5409-41dd-abcf-8f9ac474947a"
    },
    {
      "type": "checkbox",
      "id": "head_space",
      "default": true,
      "label": "t:sections.all.heading_space.label"
    },
    {
      "type": "header",
      "content": "t:sections.all.description.content"
    },
    {
      "type": "richtext",
      "id": "description",
      "label": "t:sections.all.description.title"
    },
    {
      "type": "select",
      "id": "description_style",
      "label": "t:sections.all.style",
      "options": [
        {
          "value": "body",
          "label": "t:sections.featured-collection.settings.description_style.options__1.label"
        },
        {
          "value": "subtitle",
          "label": "t:sections.featured-collection.settings.description_style.options__2.label"
        },
        {
          "value": "uppercase",
          "label": "t:sections.featured-collection.settings.description_style.options__3.label"
        }
      ],
      "default": "body"
    },
    {
      "type": "header",
      "content": "t:sections.all.button"
    },
    {
      "type": "select",
      "id": "view_button_pos",
      "label": "View all button position",
      "options": [
        {
          "value": "top",
          "label": "Top"
        },
        {
          "value": "bottom",
          "label": "Bottom"
        }
      ],
      "default": "bottom"
    },
    {
      "type": "text",
      "id": "button_label",
      "label": "t:sections.all.label",
      "default": "View all"
    },
    {
      "type": "url",
      "id": "button_url",
      "label": "t:sections.all.link"
    },
    {
      "type": "select",
      "id": "view_all_style",
      "label": "t:sections.all.style",
      "options": [
        {
          "value": "link",
          "label": "t:sections.featured-collection.settings.view_all_style.options__1.label"
        },
        {
          "value": "outline",
          "label": "t:sections.featured-collection.settings.view_all_style.options__2.label"
        },
        {
          "value": "solid",
          "label": "t:sections.featured-collection.settings.view_all_style.options__3.label"
        }
      ],
      "default": "link"
    },
    {
      "type": "checkbox",
      "id": "show_view_all",
      "default": false,
      "label": "t:sections.collection-list.settings.show_view_all.label"
    },
    {
      "type": "select",
      "id": "arrow_position",
      "options": [
        {
          "value": "top",
          "label": "t:sections.featured-collection.settings.arrow_position.options__1.label"
        },
        {
          "value": "inline",
          "label": "t:sections.featured-collection.settings.arrow_position.options__3.label"
        }
      ],
      "default": "inline",
      "label": "t:sections.featured-collection.settings.arrow_position.label"
    },
    {
      "type": "select",
      "id": "image_ratio",
      "options": [
        {
          "value": "adapt",
          "label": "t:sections.collection-list.settings.image_ratio.options__1.label"
        },
        {
          "value": "portrait",
          "label": "t:sections.collection-list.settings.image_ratio.options__2.label"
        },
        {
          "value": "square",
          "label": "t:sections.collection-list.settings.image_ratio.options__3.label"
        }
      ],
      "default": "square",
      "label": "t:sections.collection-list.settings.image_ratio.label",
      "info": "t:sections.collection-list.settings.image_ratio.info"
    },
    {
      "type": "range",
      "id": "columns_desktop",
      "min": 3,
      "max": 9,
      "step": 1,
      "default": 9,
      "label": "t:sections.collection-list.settings.columns_desktop.label"
    },
    {
      "type": "range",
      "id": "rows",
      "label": "t:sections.collection-list.settings.rows_desktop.label",
      "min": 1,
      "max": 3,
      "step": 1,
      "default": 1,
      "info": "t:sections.collection-list.settings.rows_desktop.info"
    },
    {
      "type": "select",
      "id": "card_flex_direction",
      "options": [
        {
          "value": "row",
          "label": "t:sections.featured-collection.settings.flex_direction.options__1.label"
        },
        {
          "value": "column",
          "label": "t:sections.featured-collection.settings.flex_direction.options__2.label"
        }
      ],
      "default": "column",
      "label": "t:sections.featured-collection.settings.flex_direction.label",
      "info": "t:sections.collection-list.settings.card_flex_direction.info"
    },
    {
      "type": "select",
      "id": "design_type",
      "options": [
        {
          "value": "below",
          "label": "t:sections.collection-list.settings.below.label"
        },
        {
          "value": "over",
          "label": "t:sections.collection-list.settings.over.label"
        }
      ],
      "default": "below",
      "label": "t:sections.collection-list.settings.type.label",
      "info": "t:sections.collection-list.settings.type.info"
    },
    {
      "type": "select",
      "id": "design_align",
      "options": [
        {
          "value": "left",
          "label": "t:settings_schema.global.settings.text_alignment.options__1.label"
        },
        {
          "value": "center",
          "label": "t:settings_schema.global.settings.text_alignment.options__2.label"
        }
      ],
      "default": "center",
      "label": "t:settings_schema.global.settings.text_alignment.label"
    },
    {
      "type": "checkbox",
      "id": "show_circle",
      "default": false,
      "label": "t:sections.collection-list.settings.show-circle.label",
      "info": "Only applicable when image ratio is set to 100%."
    },
    {
      "type": "select",
      "id": "catheading_size",
      "options": [
        {
          "value": "small",
          "label": "t:sections.all.heading_size.options__1.label"
        },
        {
          "value": "medium",
          "label": "t:sections.all.heading_size.options__2.label"
        },
        {
          "value": "large",
          "label": "t:sections.all.heading_size.options__3.label"
        }
      ],
      "default": "small",
      "label": "Collection name size"
    },
    {
      "type": "color_scheme",
      "id": "blockcolor_scheme",
      "label": "Collection text color",
      "default": "background-1",
      "info": "Applicable when text is over the image."
    },
    {
      "type": "header",
      "content": "t:sections.collection-list.settings.header_mobile.content"
    },
    {
      "type": "select",
      "id": "columns_mobile",
      "options": [
        {
          "value": "1",
          "label": "1"
        },
        {
          "value": "2",
          "label": "2"
        },
        {
          "value": "3",
          "label": "3"
        }
      ],
      "default": "1",
      "label": "t:sections.collection-list.settings.columns_mobile.label_2"
    },
    {
      "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": 60
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_bottom",
      "default": 60
    },
    {
      "type": "header",
      "content": "Desplazamiento automatico"
    },
    {
      "type": "checkbox",
      "id": "wb_mq_enabled",
      "label": "Deslizar solo, en bucle infinito",
      "default": true,
      "info": "Reemplaza las flechas por una cinta continua."
    },
    {
      "type": "select",
      "id": "wb_mq_min_width",
      "label": "Desplazarse solo desde",
      "info": "Por debajo de ese ancho el carrusel se mueve con el dedo, como el del tema.",
      "options": [
        { "value": "750", "label": "Tablet y escritorio (750px)" },
        { "value": "990", "label": "Solo escritorio (990px)" }
      ],
      "default": "750"
    },
    {
      "type": "range",
      "id": "wb_mq_speed",
      "min": 10,
      "max": 200,
      "step": 5,
      "unit": "px",
      "label": "Velocidad",
      "default": 60,
      "info": "Pixeles por segundo."
    },
    {
      "type": "select",
      "id": "wb_mq_direction",
      "label": "Direccion",
      "options": [
        { "value": "left", "label": "Hacia la izquierda" },
        { "value": "right", "label": "Hacia la derecha" }
      ],
      "default": "left"
    },
    {
      "type": "range",
      "id": "wb_mq_item_width",
      "min": 80,
      "max": 320,
      "step": 10,
      "unit": "px",
      "label": "Ancho de cada logo",
      "default": 180
    },
    {
      "type": "range",
      "id": "wb_mq_gap",
      "min": 0,
      "max": 80,
      "step": 4,
      "unit": "px",
      "label": "Separacion entre logos",
      "default": 24
    },
    {
      "type": "select",
      "id": "wb_mq_fade_edges",
      "label": "Desvanecer los bordes",
      "options": [
        { "value": "both", "label": "Ambos lados" },
        { "value": "left", "label": "Solo la izquierda" },
        { "value": "none", "label": "Sin desvanecido" }
      ],
      "default": "both"
    },
    {
      "type": "range",
      "id": "wb_mq_fade_size",
      "min": 0,
      "max": 200,
      "step": 10,
      "unit": "px",
      "label": "Ancho del desvanecido",
      "default": 60,
      "info": "Distancia en la que un logo pasa de invisible a opaco al entrar o salir."
    },
    {
      "type": "range",
      "id": "wb_mq_dim",
      "min": 20,
      "max": 100,
      "step": 5,
      "unit": "%",
      "label": "Brillo de los demas al pasar el mouse",
      "default": 55,
      "info": "100% no atenua nada. Valores mas bajos oscurecen mas."
    }
  ],
  "blocks": [
    {
      "type": "featured_collection",
      "name": "t:sections.collection-list.blocks.featured_collection.name",
      "settings": [
        {
          "type": "collection",
          "id": "collection",
          "label": "t:sections.collection-list.blocks.featured_collection.settings.collection.label"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "t:sections.testimonial.blocks.quote.settings.image.label"
        },
        {
          "type": "text",
          "id": "title",
          "label": "t:sections.collection-list.settings.collection-name.label"
        },
        {
          "type": "url",
          "id": "url",
          "label": "t:sections.collection-list.settings.custom-link.label"
        },
        {
          "type": "header",
          "content": "t:sections.all.button"
        },
        {
          "type": "text",
          "id": "showtext",
          "label": "t:sections.all.label",
          "info": "t:sections.image-banner.blocks.buttons.settings.button_label_1.info"
        },
        {
          "type": "select",
          "id": "customb_style",
          "label": "t:sections.all.style",
          "options": [
            {
              "value": "link",
              "label": "t:sections.featured-collection.settings.view_all_style.options__1.label"
            },
            {
              "value": "outline",
              "label": "t:sections.featured-collection.settings.view_all_style.options__2.label"
            },
            {
              "value": "solid",
              "label": "t:sections.featured-collection.settings.view_all_style.options__3.label"
            }
          ],
          "default": "solid"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "t:sections.collection-list.presets.name",
      "blocks": [
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        },
        {
          "type": "featured_collection"
        }
      ]
    }
  ]
}
{% endschema %}