.elementor-4604 .elementor-element.elementor-element-7ed08cf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4604 .elementor-element.elementor-element-1ceefde{width:var( --container-widget-width, 18% );max-width:18%;padding:0px 0px 0px 0px;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-1ceefde.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}#header .elementor-element-1ceefde .search-toggle{font-size:22px;}.elementor-4604 .elementor-element.elementor-element-397dfc5{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-397dfc5.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-4604 .elementor-element.elementor-element-397dfc5 .porto_products_filter_form{display:flex;flex-wrap:wrap;--porto-product-filter-select-width:20%;--porto-product-filter-space:41px;--porto-product-filter-select-width-md:20%;--porto-product-filter-space-md:10px;--porto-product-filter-submit-width:10%;--porto-product-filter-submit-width-md:20%;}.elementor-4604 .elementor-element.elementor-element-397dfc5 .porto_products_filter_form .btn-submit{margin-top:0;}.elementor-4604 .elementor-element.elementor-element-397dfc5 .btn-submit{font-weight:bold;text-transform:uppercase;font-style:normal;height:40px;border-radius:1px;}.elementor-4604 .elementor-element.elementor-element-314157a{--display:flex;}.elementor-4604 .elementor-element.elementor-element-e598dbe.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4604 .elementor-element.elementor-element-e598dbe.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:991px){.elementor-4604 .elementor-element.elementor-element-e598dbe.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-4604 .elementor-element.elementor-element-7ed08cf{--content-width:1600px;}}@media(max-width:767px){.elementor-4604 .elementor-element.elementor-element-1ceefde{width:var( --container-widget-width, 316.05px );max-width:316.05px;--container-widget-width:316.05px;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-e598dbe.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for porto_hb_search_form, class: .elementor-element-1ceefde *//* Contenedor general del formulario */
.porto_products_filter_form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* Estilo general para todos los selects */
.porto_products_filter_form select {
  appearance: none;
  background-color: #ffffff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 16px; /* Igual que escritorio */
  min-width: 220px; /* Igual que escritorio */
  transition: border 0.3s ease;
}

.porto_products_filter_form select:focus {
  border-color: #222;
  outline: none;
}

/* Ocultar flechita de IE */
.porto_products_filter_form select::-ms-expand {
  display: none;
}

/* Botón */
.btn-submit {
  background-color: #000;
  color: #fff;
  padding: 12px 24px;
  font-size: 16px; /* Igual que escritorio */
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  min-width: 150px;
}

.btn-submit:hover {
  background-color: #333;
}

/* Responsive para que se apile pero mantenga tamaño de escritorio */
@media (max-width: 768px) {
  .porto_products_filter_form {
    flex-direction: column;
    align-items: center;
  }

  .porto_products_filter_form select,
  .btn-submit {
    width: auto; /* Mantener tamaño original */
  }
}/* End custom CSS */
/* Start custom CSS for porto_products_filter, class: .elementor-element-397dfc5 *//* Contenedor general del formulario */
.porto_products_filter_form {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* Estilo general para todos los selects */
.porto_products_filter_form select {
  appearance: none;
  background-color: #ffffff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  min-width: 180px;
  transition: border 0.3s ease;
}

.porto_products_filter_form select:focus {
  border-color: #222;
  outline: none;
}

/* Icono de flechita */
.porto_products_filter_form select::-ms-expand {
  display: none;
}

/* Botón */
.btn-submit {
  background-color: #000;
  color: #fff;
  padding: 10px 22px;
  font-size: 14px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  min-width: 130px;
}

.btn-submit:hover {
  background-color: #333;
}

/* RESPONSIVE para pantallas pequeñas */
@media (max-width: 768px) {
  .porto_products_filter_form {
    flex-direction: column;
    align-items: stretch;
  }

  .porto_products_filter_form select,
  .btn-submit {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-e598dbe *//* 🎯 Contenedor del producto */
.elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  flex: 1 1 22%; /* ✨ Esto permite que entren 4 por fila y se adapten al ancho */
  max-width: 300px;
  transition: transform 0.3s ease;
}

/* 🧩 Imagen del producto */
.elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 10px;
}

/* 📏 Título */
.elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

/* 💲 Precio */
.elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product .price {
  font-size: 18px;
  color: #111;
  font-weight: bold;
  margin: 10px 0;
}

/* 🛒 Botón de "Agregar al carrito" */
.elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product .button {
  background-color: #111 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: none !important;
  transition: background-color 0.3s ease, transform 0.2s ease;
  margin-top: auto;
  width: 100%;
  max-width: 220px;
}

.elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product .button:hover {
  background-color: #000 !important;
  transform: scale(1.02);
  cursor: pointer;
}

/* 🌐 RESPONSIVE */
@media screen and (max-width: 1200px) {
  .elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product {
    flex: 1 1 28%;
  }
}

@media screen and (max-width: 992px) {
  .elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product {
    flex: 1 1 40%;
  }
}

@media screen and (max-width: 768px) {
  .elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product {
    flex: 1 1 80%;
  }

  .elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product .button {
    font-size: 13px;
    padding: 12px 20px;
  }

  .elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px;
    min-height: 42px;
  }

  .elementor-4604 .elementor-element.elementor-element-e598dbe .woocommerce ul.products li.product .price {
    font-size: 16px;
  }
}/* End custom CSS */