/* **************************NUEVO************************** */
/* Para el contenedor del filtro y los productos */
.shop-category-area{
  margin-top: 10px;
}

/* Para el filtro */
.shop-top-bar2 {
  display: grid;
  grid-template-columns: 1fr auto; /* Define columnas: 1fr para "Monstrando..." y auto para "Ordenado por" */
  align-items: center;
}

.col-left,
.col-right {
  padding: 0px 40px; /* Aplica padding a ambos elementos */
  justify-content: center; /* Centra el contenido horizontalmente */
}

.col-left span{
  margin: auto;
}

.col-right {
  justify-self: end; /* Alinea "Ordenado por" a la derecha de la celda */
}

.col-right label{
  margin: auto;
}

.col-right select {
  width: 150px;
}

.fa-th-large, .fa-bars{
  border: 1px double rgb(124, 124, 124);
  padding: 2px;
  font-size: 15px;
}

@media (max-width: 767px) {
  .shop-top-bar2 {
    grid-template-columns: 1fr; /* En pantallas pequeñas, muestra uno debajo del otro */
  }

  .shop-category-area{
    margin-top: 10px;
  }
}
/* Para el filtro */


/* Para el boton que sale en el evento hower */

.product-inner:hover img {
  filter: blur(1.5px);
}
.product-inner:hover .btn-comprar {
  height:6%;
  width: 50%;
  color: white;
  font-size: 15px;
  font-weight: 700;  
  border-radius: 10px;
  border-color: 0px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: appear 0.3s ease-in-out forwards;
}

@keyframes appear {
  from { opacity: 0; }
  to { opacity: 1; }
}

.separador-item {
  margin: 0px;
  width: 100%;
  /* color: inherit; */
  /* background-color: currentColor; */
  opacity: .25;
}

.main-carousel {}

.carousel-cell {
  align-items: center;
}

.carousel-cell img {
  max-width: 100%;
  /* max-height: 80%; */
}

.flickity-slider {
  text-align: center;
}

.product-decs {
  text-align: center;
}
.btn-comprar,
.pricing-meta .precio_aplica_descuento,
.pricing-meta .precio-entero,
.pricing-meta .precio-decimal {
  display: none;
}
.text-refine{
  padding: 8px 0px 8px 16px;
  font-size: var(--font-size-menu-text-title);
}

.text-refine, .pricing-meta{  
  font-family: 'Exo ExtraBold';
  color: black;
}

.pricing-meta .precio-entero,
.pricing-meta .precio-decimal,
.pricing-meta .precio-anterior,
.pricing-meta .tipo-moneda {
  font-size: 24px;
  font-weight: bold;
}

@media(min-width:540px) {
  .product-inner:hover .btn-comprar {
    height:10%;
  }

  .carousel-cell img {
    max-width: 70%;
  }

}

@media(min-width:575px) {

  .list-product {
    height: 245px;
  }

}

@media(min-width:767px) {
  .product-inner:hover .btn-comprar {
    height:13%;
    width: 70%;
  }

  .carousel-cell img {
    max-width: 100%;
  }

  .list-product {
    height: 220px;
  }

  .pricing-meta .precio-entero,
  .pricing-meta .precio-decimal,
  .pricing-meta .precio-anterior,
  .pricing-meta .tipo-moneda {
    font-size: 18px;
    font-weight: bold;
  }

}


@media(min-width:1200px) {
  .pseudo-search {
    display: inline;
    border-radius: 100px;
    padding: 10px 15px;
    vertical-align: middle;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

  .list-product {
    height: 251px;
  }

  .carousel-cell img {
    max-width: 100%;
  }  

  .pricing-meta .precio-entero,
  .pricing-meta .precio-decimal,
  .pricing-meta .precio-anterior,
  .pricing-meta .tipo-moneda {
    font-size: 18px;
    font-weight: bold;
  }

}

@media(min-width:1400px) {

  .list-product {
    height: 280px;
  }

  .carousel-cell img {
    max-width: 100%;
  }  

  .pricing-meta .precio-entero,
  .pricing-meta .precio-decimal,
  .pricing-meta .precio-anterior,
  .pricing-meta .tipo-moneda {
    font-size: 18px;
    font-weight: bold;
  }

}

/************ Para la paginacion  ************/
.pro-pagination-style {
  margin: 20px 0px;
}

.pro-pagination-style a {
  /* font-weight: 400; */
  color: #282828;
  height: 30px;
  line-height: 30px;
  font-size: var(--font-size-page-text);
  display: inline-block;
  width: 30px;
  text-align: center;
  vertical-align: top;
}
.pro-pagination-style a.active {
  color: var(--color-page-text-active);
  background-color: var(--color-page-back-active);
}
.pro-pagination-style a:hover {
  color: var(--color-page-text-active);
  background-color: var(--color-page-back-active);
}

.pages ul li{
  padding: 5px; 
}

.pages ul li a{
  border: 1px solid #ccc;
  border-radius: 5px;  
}