@media (min-width: 992px) and (max-width: 1315px) {
  .e-con {
    --container-max-width: 100% !important;
  }
}

/* tienda categorias */
body.woocommerce-shop.post-type-archive:not(.search) .filtro_tienda_movil {
  display: none !important;
}

body.woocommerce-shop.post-type-archive:not(.search) .cre-header-tienda::after {
  content: "Categorías";
  color: var(--neutral-900, #262626);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.archive.post-type-archive:not(.search) .products-container.products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 48px;
}

.archive.post-type-archive:not(.search) .products-container.products > li {
  width: 100% !important;
  padding: 0;
}

@media (max-width: 1224px) {
  .archive.post-type-archive:not(.search) .products-container.products {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-row-gap: 28px;
  }
}

@media (max-width: 767px) {
  .archive.post-type-archive:not(.search) .products-container.products {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-row-gap: 28px;
  }
}

.categoria-principal {
  /* width: calc(20% - 16px); */
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.categoria-principal a {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.categoria-principal a img {
  border-radius: 10px 10px 0 0;
  height: 182px;
  object-fit: cover;
  transition: scale 0.3s ease;
  scale: 1;
}

.categoria-principal a:hover img {
  scale: 1.1;
}

.categoria-principal .card-body-producto {
  /* height: 55px; */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 14px 0 0;
  gap: 6px;

  background: var(--neutral-200, #f5f5f5);
  z-index: 2;
  position: relative;
}

.categoria-principal .card-body-producto h3 {
  color: var(--neutral-950, #1f1f1f);
  font-family: var(--fuente-principal);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin: 0;
  width: calc(100% - 30px);
  text-align: left;
}

.card-body-producto svg path {
  fill: var(--red-600, #9b0b0b);
}

/* ======================================== */
/* ______________Sub Categoria______________ */
/* ======================================== */

@media (min-width: 969px) {
  .container-fluid .e-parent.head-subcategorias {
    margin-top: -48px !important;
    z-index: -1;
  }
}

.icono-color {
  height: 42px;
  display: flex;
  align-items: center !important;
}

.icono-color svg path {
  fill: var(--red-600, #9b0b0b);
}

.categorias-secundarias {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

@media (max-width: 1224px) {
  .categorias-secundarias {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}

@media (max-width: 767px) {
  .categorias-secundarias {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
}

.card-subcategoria {
  border-radius: 10px;
  border: 1px solid var(--neutral-500, #bfbfbf);
  background: #fff;
  padding-top: 21px;

  outline: none;
  outline-offset: 0px;
  /* transition: outline-color 0.3s ease-in-out, outline-width 0.3s ease-in-out; */
}

.card-subcategoria:hover {
  border: 1px solid var(--red-600, #c70e0e);
  background: var(--neutral-100, #fcfcfc);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding-top: 21px;
  outline: 2px solid var(--red-600, #c70e0e);
  outline-offset: -1px;
}

.card-subcategoria img {
  height: 149px !important;
  margin: auto;
  display: block;

  transition: scale 0.3s ease;
  scale: 1;
}

.card-subcategoria a:hover img {
  scale: 1.05;
}

.card-subcategoria .card-body-producto {
  padding: 13px 29px;
}

.card-subcategoria .card-body-producto h3 {
  color: var(--neutral-900, #262626);

  font-family: var(--fuente-principal);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
  min-height: 29px;
  margin: 0;
}

.card-subcategoria:hover .card-body-producto h3 {
  color: var(--red-600, #c70e0e);
}

@media (max-width: 767px) {
  .card-subcategoria .card-body-producto {
    padding: 14px;
  }
}

/* PRODUCTOS DE TIENDA */

/* Modo desktop */
.header-banner-desktop {
  display: block;
  position: relative;
}

.header-banner-mobile {
  display: none;
  position: relative;
}

/* Modo móvil */
@media screen and (max-width: 767px) {
  .header-banner-desktop {
    display: none;
  }

  .header-banner-mobile {
    display: block;
  }
}

.header-banner-desktop:after,
.header-banner-mobile::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(193deg, rgba(0, 0, 0, 0) 10.69%, rgba(0, 0, 0, 0.2) 101.12%), transparent;
  position: absolute;
  top: 0;
}

.header-tienda {
  margin-top: -48px;
  z-index: -1;
  position: relative;
}

.header-tienda__parent-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: -60px;
  height: 60px;
  z-index: 2;
  position: relative;
}

.header-tienda__parent-title-container svg path {
  fill: var(--red-600, #9b0b0b);
}

.header-tienda__parent-title-container .header-tienda__parent-title {
  margin: 0;
  color: var(--neutral-900, #262626);
  font-family: var(--fuente-principal);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.16px;
}

.header-tienda__current-title {
  margin-top: 29px;
  margin-bottom: 23px;
  color: var(--neutral-900, #262626);
  font-family: var(--fuente-principal);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}

.header-tienda__current-title.titulo_buscador {
  margin-top: 58px;
}

.header-tienda_buscador {
  color: var(--red-700, #9b0b0b);
  font-family: var(--fuente-principal);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 0;
}

@media (max-width: 969px) {
  .header-tienda {
    margin-top: 0;
  }

  .header-tienda__parent-title-container .header-tienda__parent-title {
    font-size: 26px;
  }

  .header-tienda__current-title {
    font-size: 18px;
    margin: 18px 0;
  }
}

/* paginacion de tienda */

.pagination a.page-numbers,
.pagination span {
  border: 0;
  transition: 0.3s color, 0.3s background-color;
}

.pagination a.page-numbers:hover,
.pagination span:hover {
  background-color: #a6cbf3;
  color: #19396c;
}

.pagination a.page-numbers:not(.dots):not(.prev):not(.next),
.pagination span:not(.dots) {
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid var(--neutral-400, #d9d9d9);
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #687782;
  line-height: normal;
  /* height: 35px; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
}

.pagination span.current {
  background-color: var(--red-700, #9b0b0b) !important;
  border-color: var(--red-700, #9b0b0b) !important;
  color: #fff !important;
}

.pagination .next:before,
.pagination .prev:before,
.pagination .next i,
.pagination .prev i {
  display: none;
}

.pagination .next,
.pagination .prev {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M22.1693%2017H7C6.71622%2017%206.47867%2016.9042%206.28733%2016.7127C6.09578%2016.5213%206%2016.2838%206%2016C6%2015.7162%206.09578%2015.4787%206.28733%2015.2873C6.47867%2015.0958%206.71622%2015%207%2015H22.1693L15.277%208.10768C15.0788%207.90945%2014.9809%207.67745%2014.9833%207.41168C14.986%207.1459%2015.0907%206.90957%2015.2973%206.70268C15.5042%206.50957%2015.7384%206.40957%2016%206.40268C16.2616%206.39579%2016.4958%206.49579%2016.7027%206.70268L25.1563%2015.1563C25.2812%2015.2812%2025.3692%2015.4129%2025.4203%2015.5513C25.4717%2015.6898%2025.4973%2015.8393%2025.4973%2016C25.4973%2016.1607%2025.4717%2016.3102%2025.4203%2016.4487C25.3692%2016.5871%2025.2812%2016.7188%2025.1563%2016.8437L16.7027%2025.2973C16.518%2025.482%2016.2893%2025.5765%2016.0167%2025.5807C15.744%2025.5849%2015.5042%2025.4905%2015.2973%2025.2973C15.0907%2025.0905%2014.9873%2024.8529%2014.9873%2024.5847C14.9873%2024.3162%2015.0907%2024.0786%2015.2973%2023.8717L22.1693%2017Z%22%20fill%3D%22%231F1F1F%22%2F%3E%0A%3C%2Fsvg%3E")
    center / contain no-repeat;
}

.pagination .prev {
  transform: rotate(180deg);
}

.pagination {
  align-items: center;
}

/* Pagina busqueda sin productos */
.crecima.search-no-results .cre-header-tienda {
  display: none;
}

.crecima.search-no-results .no-results-message {
  width: 1260px;
  max-width: 100%;
  height: 627px;
  margin: auto;
  border-radius: 10px;
  border: 1px solid var(--neutral-500, #bfbfbf);
  background: #fff;
  padding: 45px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 29px;

  & p {
    color: #070618;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
  }
}