.slider-productos__item .product.featured {
  background-color: var(--bg-c3);
  color: var(--tx-c1);
}
@media (max-width: 1096px) {
  .slider-productos__item .product.featured {
    grid-row-start: 1;
    text-shadow: 1px 1px 1px #000;
  }
}
@media (min-width: 1096px) {
  .slider-productos__item .product.featured {
    grid-area: featured;
  }
}
.slider-productos__item .product.featured .product__image img {
  object-position: center;
  mix-blend-mode: normal;
  filter: initial;

}
.slider-productos__item .product.featured .product__description {
  color: var(--tx-c1);
}
.slider-productos__item .product.featured .product__description_txt {
  max-width: 270px;
}
.slider-productos__item .product.featured .product__description_txt h2 {
  font-size: 1.4706rem;
}
.slider-productos__item .product.featured .product__buttons_like,
.slider-productos__item .product.featured .product__buttons_more {
  filter: var(--fl-c1);
}
.product {
  width: 100%;
  min-height: 300px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  text-shadow: 1px 1px 1px var(--bg-c4);
}
@media (min-width: 577px) {
  .product {
    text-shadow: none;
    min-height: 370px;
  }
}
.product:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: var(--bg-c4);
}
@media (max-width: 558px) {
  .product:nth-child(odd) {
    background-color: var(--bg-c5);
  }
}
@media (min-width: 558px) and (max-width: 827px) {
  .product:nth-child(4n + 1),
  .product:nth-child(4n + 4) {
    background-color: var(--bg-c5);
  }
}
@media (min-width: 827px) and (max-width: 1095px) {
  .product:nth-child(odd) {
    background-color: var(--bg-c5);
  }
}
@media (min-width: 1095px) {
  .product:nth-child(8n + 1),
  .product:nth-child(8n + 3),
  .product:nth-child(8n + 6),
  .product:nth-child(8n + 8) {
    background-color: var(--bg-c5);
  }
}
.product .product__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.product .product__image img {
  /*object-position: top;
  width: 100%;*/
  position: relative;
  top: 45px;
  max-width: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s;
  margin: 0 auto;
  mix-blend-mode: multiply;
  filter: contrast(1);
}
.product:hover .product__image img {
  transform: scale(1.1);
}
.product__buttons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 20px 20px 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  z-index: 1;
  pointer-events: none;
}
.product__buttons_like {
  filter: var(--fl-c2);
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='37'%20height='34'%20fill='none'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20d='M34.654%205.088c-1.47-2.054-3.773-3.685-6.158-4.362-3.554-1.008-6.927-.494-10.028%201.521C15.371.246%2012.026-.272%208.519.709%203.67%202.062.167%206.536.007%2011.587c-.097%202.962.864%206.173%202.777%209.286A29.73%2029.73%200%200%200%2014.11%2031.585c1.151.623%202.222%201.088%203.181%201.378a4.18%204.18%200%200%200%201.215.185c.543%200%201.088-.11%201.628-.329%205.384-2.183%209.836-5.796%2013.234-10.732%204.252-6.18%204.708-12.219%201.285-17zm-14.456%2022.61l-.365-.005-.049.178c-.394.265-.849.404-1.322.404-.506%200-.991-.158-1.402-.46l-.382-.28-.097.08c-3.49-1.862-6.448-4.437-8.799-7.655-1.244-1.704-3.301-5.056-3.094-8.373.117-1.901.986-3.649%202.441-4.917%201.465-1.275%203.325-1.896%205.236-1.748%202.217.173%203.994%201.19%205.428%203.108a.86.86%200%200%200%20.168.17c.372.282.908.209%201.195-.17.582-.779%201.159-1.361%201.818-1.828a7.13%207.13%200%200%201%209.814%201.512c1.719%202.254%201.935%205.277.601%208.303l-2.018%203.641c-2.334%203.332-5.418%206.037-9.169%208.042l-.005-.002z'%20fill='%23000'/%3e%3c/svg%3e")
    center center no-repeat;
  background-size: 100%;
  border: none;
  width: 22px;
  height: 22px;
  cursor: pointer;
  pointer-events: initial;
}

span.tag-product {
  position: absolute;
  padding: 3px 17px;
  color: #fff;
}

span.tag-product.sale {
  top: 18px;
  left: 0px;
  background: #009688;

}
span.tag-product.new {
  top: 52px;
  left: 0px;
  background: #2196f3;

}

@media (max-width: 577px) {
  .product__buttons_like {
    width: 48px;
    height: 48px;
    background-size: 50%;
    background-position: left top;
    margin-right: -18px;
  }
}
.product__buttons_like:hover {
  filter: var(--fl-c3);
}
.product__buttons_like.active {
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='37'%20height='34'%20fill='none'%20version='1.1'%20id='svg1'%20sodipodi:docname='like.svg'%20inkscape:version='1.3.2%20(091e20ef0f,%202023-11-25,%20custom)'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23ffffff'%20bordercolor='%23000000'%20borderopacity='0.25'%20inkscape:showpageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23d1d1d1'%20inkscape:zoom='25.060696'%20inkscape:cx='21.527734'%20inkscape:cy='16.499941'%20inkscape:window-width='2540'%20inkscape:window-height='1382'%20inkscape:window-x='910'%20inkscape:window-y='48'%20inkscape:window-maximized='1'%20inkscape:current-layer='svg1'%20/%3e%3cpath%20d='M%2034.654,5.088%20C%2033.184,3.034%2030.881,1.403%2028.496,0.726%2024.942,-0.282%2021.569,0.232%2018.468,2.247%2015.371,0.246%2012.026,-0.272%208.519,0.709%203.67,2.062%200.167,6.536%200.007,11.587%20c%20-0.097,2.962%200.864,6.173%202.777,9.286%202.7552995,4.514542%206.6650496,8.212339%2011.326,10.712%201.151,0.623%202.222,1.088%203.181,1.378%200.393673,0.121194%200.803097,0.183534%201.215,0.185%200.543,0%201.088,-0.11%201.628,-0.329%205.384,-2.183%209.836,-5.796%2013.234,-10.732%204.252,-6.18%204.708,-12.219%201.285,-17%20z'%20fill='%23000000'%20id='path1'%20sodipodi:nodetypes='ccccccccccccc'%20/%3e%3c/svg%3e")
    center center no-repeat;
  background-size: 100%;
  filter: var(--fl-c3);
}
@media (max-width: 577px) {
  .product__buttons_like.active {
    width: 48px;
    height: 48px;
    background-size: 50%;
    background-position: left top;
  }
}
.product__buttons_more {
  filter: var(--fl-c2);
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='%23000'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20d='M4.035%202.61c-.869.128-1.332.686-1.437%201.506-.075.589-.102%201.211-.079%201.863.018.55-.141%201.052-.633%201.34-.782.458-1.815-.08-1.862-.986-.138-2.698.261-5.254%203.09-6.066.957-.276%202.218-.29%203.223-.251.87.034%201.397.984%201.027%201.762-.241.51-.684.754-1.329.735-.729-.024-1.395.009-1.999.098zM16.156.118c2.003.24%203.397%201.568%203.704%203.606.117.779.157%201.633.12%202.561-.054%201.36-1.908%201.7-2.408.402-.069-.177-.098-.446-.088-.806.019-.745-.02-1.387-.116-1.924-.14-.783-.63-1.233-1.472-1.35a9.22%209.22%200%200%200-1.68-.086c-.373.016-.68-.02-.922-.106-.735-.264-1.002-1.151-.604-1.813.258-.427.68-.591%201.163-.596.845-.008%201.613.029%202.302.112zM5.944%2015.882c0-.012-.011-.022-.022-.022l-3.756%203.745c-.659.662-1.712.44-2.064-.402-.236-.566-.021-1.059.398-1.476l3.628-3.62c.012-.011.012-.029%200-.041-.005-.005-.013-.009-.021-.009a95.37%2095.37%200%200%200-2.308.007c-.27.004-.505-.03-.702-.106-.669-.251-.959-1.058-.65-1.681a1.22%201.22%200%200%201%201.196-.719l2.444-.005c.959-.013%201.592.014%201.898.084%201.485.336%202.458%201.609%202.456%203.146l.007%203.451c0%20.303-.046.553-.141.746-.451.921-1.829.942-2.251-.038a1.59%201.59%200%200%201-.117-.645l.005-2.416h.001zm13.893.562c-.357%202.213-2.121%203.376-4.236%203.495L13.996%2020c-2.002.04-1.961-2.569-.055-2.518l1.53-.037c1.004-.076%201.767-.393%201.922-1.517a12.34%2012.34%200%200%200%20.099-2.035c-.054-1.807%202.496-1.887%202.508-.038.007%201.018-.047%201.881-.162%202.589z'/%3e%3c/svg%3e")
    center center no-repeat;
  background-size: 100%;
  border: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.product__description {
  position: relative;
  width: 90%;
  height: 96%;
  top: 5%;
  left: 5%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
}
.product__description_price {
  font-size: 1.1765rem;
  font-weight: 400;
  margin: 0 0 5px;
}
.product__description_txt h2 {
  font-size: 19px;
  margin: 0 5px 0 0;
  line-height: 83%;
  letter-spacing: -1px;
  display: inline;
}
.product__description_txt span {
  display: inline-block;
  font-size: 22px;
  margin: 0;
  line-height: 83%;
  letter-spacing: -1px;
}
.product__description_description {
  font-size: 1.2941rem;
  margin: 0;
}
