.elementor-1705 .elementor-element.elementor-element-5c3de857{--display:flex;}.elementor-1705 .elementor-element.elementor-element-5b569aea{--display:flex;}.elementor-1705 .elementor-element.elementor-element-6057b075{--display:flex;}.elementor-1705 .elementor-element.elementor-element-5ba0bc39{width:100%;max-width:100%;}.elementor-1705 .elementor-element.elementor-element-4a23681{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-36a3cb1 *//* =========================================
   TIGER PROMOTION - FEATURED PRODUCTS
   ========================================= */

/* GRID PRINCIPAL */
.woocommerce ul.products,
.woocommerce-page ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;

  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  list-style:none !important;
}

/* MUY IMPORTANTE:
   QUITA LAS CELDAS FANTASMA DE WOOCOMMERCE */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{
  content:none !important;
  display:none !important;
}

/* CADA PRODUCTO */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  float:none !important;
  clear:none !important;

  margin:0 !important;
  padding:0 0 18px !important;

  box-sizing:border-box !important;

  display:flex !important;
  flex-direction:column !important;

  background:#fff !important;
  border:1px solid #eeeeee !important;

  overflow:hidden !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

/* QUITAR ANCHOS NATIVOS DE WOOCOMMERCE */
.woocommerce.columns-4 ul.products li.product,
.woocommerce-page.columns-4 ul.products li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  float:none !important;
  clear:none !important;
}

/* HOVER TARJETA */
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.08);
}

/* =========================================
   IMAGEN
   ========================================= */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img{
  width:100% !important;
  height:auto !important;

  aspect-ratio:1 / 1;
  object-fit:cover !important;

  display:block !important;

  margin:0 0 16px !important;

  transition:transform .3s ease;
}

.woocommerce ul.products li.product:hover img{
  transform:scale(1.02);
}

/* =========================================
   TITULO
   ========================================= */
.woocommerce ul.products li.product
.woocommerce-loop-product__title,
.woocommerce-page ul.products li.product
.woocommerce-loop-product__title{
  padding:0 16px !important;
  margin:0 0 8px !important;

  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:700 !important;

  color:#111 !important;
}

/* =========================================
   PRECIO
   ========================================= */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
  display:block !important;

  padding:0 16px !important;
  margin:0 0 12px !important;

  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:500 !important;

  color:#333 !important;
}

/* =========================================
   ESTRELLAS
   ========================================= */
.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating{
  margin:0 16px 10px !important;
  color:#ff6a00 !important;
}

/* =========================================
   VARIACIONES
   ========================================= */
.woocommerce ul.products li.product .variations,
.woocommerce ul.products li.product .variable-items-wrapper,
.woocommerce-page ul.products li.product .variations,
.woocommerce-page ul.products li.product .variable-items-wrapper{
  max-width:calc(100% - 32px) !important;

  margin-left:16px !important;
  margin-right:16px !important;

  box-sizing:border-box !important;
}

/* SWATCHES / TALLAS */
.woocommerce ul.products li.product .variable-item,
.woocommerce-page ul.products li.product .variable-item{
  min-width:32px !important;
  min-height:32px !important;

  font-size:11px !important;

  box-sizing:border-box !important;
}

/* EVITA QUE LAS VARIACIONES ROMPAN LA TARJETA */
.woocommerce ul.products li.product form,
.woocommerce-page ul.products li.product form{
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* =========================================
   BOTONES
   ========================================= */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:calc(100% - 32px) !important;
  min-height:44px !important;

  margin:14px 16px 0 !important;
  padding:11px 10px !important;

  background:#ff6a00 !important;
  color:#fff !important;

  border:none !important;
  border-radius:0 !important;

  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:800 !important;

  text-transform:uppercase !important;
  letter-spacing:.7px !important;

  text-align:center !important;

  transition:
    background .25s ease,
    color .25s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover{
  background:#111 !important;
  color:#fff !important;
}

/* =========================================
   TABLET
   ========================================= */
@media (max-width:1024px) and (min-width:768px){

  .woocommerce ul.products,
  .woocommerce-page ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  .woocommerce ul.products li.product
  .woocommerce-loop-product__title{
    font-size:14px !important;
  }

  .woocommerce ul.products li.product .price{
    font-size:12px !important;
  }

  .woocommerce ul.products li.product .button{
    font-size:10px !important;
  }
}

/* =========================================
   MOVIL
   ========================================= */
@media (max-width:767px){

  .woocommerce ul.products,
  .woocommerce-page ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    padding-bottom:12px !important;
  }

  .woocommerce ul.products li.product
  .woocommerce-loop-product__title{
    padding:0 10px !important;
    margin-bottom:6px !important;

    font-size:12px !important;
    line-height:1.3 !important;
  }

  .woocommerce ul.products li.product .price{
    padding:0 10px !important;
    margin-bottom:8px !important;

    font-size:11px !important;
  }

  .woocommerce ul.products li.product .star-rating{
    margin-left:10px !important;
    margin-right:10px !important;
  }

  .woocommerce ul.products li.product .variations,
  .woocommerce ul.products li.product .variable-items-wrapper{
    max-width:calc(100% - 20px) !important;

    margin-left:10px !important;
    margin-right:10px !important;
  }

  .woocommerce ul.products li.product .variable-item{
    min-width:28px !important;
    min-height:28px !important;
    font-size:9px !important;
  }

  .woocommerce ul.products li.product .button{
    width:calc(100% - 20px) !important;

    margin:10px 10px 0 !important;
    padding:9px 6px !important;

    min-height:40px !important;

    font-size:9px !important;
    letter-spacing:.4px !important;
  }
}/* End custom CSS */