/** Shopify CDN: Minification failed

Line 111:2 Unexpected "{"
Line 111:3 Expected identifier but found "%"
Line 111:30 Expected identifier but found "%"

**/

    side-bar .accordion-body-tag {
      padding: 0 10px;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      max-height: 0;
    }

    side-bar .accordion-header-tag {
      cursor: pointer;
      position: relative;
      font-weight: bold;
    }

    side-bar .accordion-header-tag::after {
      content: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.71428 8L10.663 0.5H0.765564L5.71428 8Z' fill='black'/%3E%3C/svg%3E%0A");
      position: absolute;
      top: 0;
      right: 0;
    }

    side-bar .active::after {
      content: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.71428 0L10.663 7.5H0.765564L5.71428 0Z' fill='black'/%3E%3C/svg%3E%0A");
    }


  .side-bar__wrapper {
        width: 100%;
  }
  
  @media only screen and (min-width: 750px) {
    .side-bar__wrapper {
          width: var(--sidebar-width, 250px);
    }
  }
  input.tag-filter[type="checkbox"] {
    display: none;
  }

  input.tag-filter[type="checkbox"]+label {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 1em;
    gap: .5em;
  }

  input.tag-filter[type="checkbox"]+label:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M22 2v20h-20v-20h20zm2-2h-24v24h24v-24z"/></svg>');
    display: inline-block;
    line-height: 1;
    width: 1em;
    height: 1em;
  }

  input.tag-filter[type="checkbox"]:checked+label {
    font-weight: bold;
  }

  input.tag-filter[type="checkbox"]:checked+label:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M0 0v24h24v-24h-24zm11 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z"/></svg>');
  }

  @media screen and (min-width: 748px) {
    .collection {
      display: grid;
      grid-template-columns: auto 1fr;
      padding-bottom: 40px;
      gap: 25px;
    }

    .pagination-wrapper.pagination-wrapper {
      width: 100%;
      grid-column: span 2;
    }
  }

  menu-drawer side-bar {
    padding: 10px
  }

  .haciendola-tag-filter {
    display: block;
    display: flex;
    flex-direction: column-reverse;
  }
  .haciendola-tag-filter h5 {
    padding: 20px 16px 0 20px;
    margin: 0;
    font-size: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .haciendola-tag-filter__list:empty + h5 {
    display: none;
  }

  .haciendola-filter-block:not(:last-child) .haciendola-tag-filter__list:not(:empty) {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }

  {%- comment -%} Animación {%- endcomment -%}
  .haciendola-tag-filter__list {
    transition: all .5s;
    max-height: 0;
    overflow: hidden;
    margin-top: 20px;
    padding: 0 20px;
  }
  .haciendola-tag-filter.visible .haciendola-tag-filter__list {
    max-height: 100vh;
    margin-top: 0;
    padding-top: 20px;
  }
@media only screen and (max-width: 750px) {
    .haciendola-tag-filter.visible .haciendola-tag-filter__list {
      overflow: auto;
    }
}
  .haciendola-tag-filter h5 svg {
    transition: all .5s;
    transform: rotate(90deg);
  }
  .haciendola-tag-filter.visible h5 svg {
    transform: rotate(0deg);
  }
  .side-bar__wrapper input[type='checkbox'] + .show_color {
    border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
    background-color: rgb(var(--color-background));
    color: rgba(var(--color-foreground));
    border-radius: var(--variant-pills-radius);
    color: rgb(var(--color-foreground));
    display: inline-flex;
    gap: 6px;
    margin: 0;
    padding: 0.5rem;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    line-height: 1;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    position: relative;
  }
  .side-bar__wrapper input.tag-filter[type="checkbox"]:checked+.show_color {
    border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
    background-color: #DFD2B4;
    color: #3F3F3F;
    font-weight: bold;
  }

  .side-bar__wrapper input[type='checkbox'] + .show_color:before {
    content: '' !important;
    background: var(--background-image);
    height: 28px;
    width: 28px;
    border-radius: 50%;
    position: static;
    vertical-align: middle;
    display: inline-block;
    z-index: 2;
    border: 2px solid white;
  }
  .visible .flexit.haciendola-tag-filter__list {
    padding-bottom: 20px;
  }
  .side-bar__wrapper input[type='checkbox'] + .show_color {
    width: 100%;
  }
  .flexit.haciendola-tag-filter__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }