.elementor-205 .elementor-element.elementor-element-25d1697 > .elementor-container{min-height:350px;}.elementor-205 .elementor-element.elementor-element-25d1697:not(.elementor-motion-effects-element-type-background), .elementor-205 .elementor-element.elementor-element-25d1697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tecnogran.antsolutions.xyz/wp-content/uploads/2024/05/man-worker-with-protective-mask-and-suit-disinfect-HWJBBDP-scaled.jpg");background-position:center center;}.elementor-205 .elementor-element.elementor-element-25d1697 > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-205 .elementor-element.elementor-element-25d1697{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-205 .elementor-element.elementor-element-69d8017 .elementor-heading-title{color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:54px;font-weight:600;}.elementor-205 .elementor-element.elementor-element-193269a:not(.elementor-motion-effects-element-type-background), .elementor-205 .elementor-element.elementor-element-193269a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-205 .elementor-element.elementor-element-193269a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:25px 100px 100px 0px;}.elementor-205 .elementor-element.elementor-element-193269a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}body{background-color:#00BD58;}@media(max-width:767px){.elementor-205 .elementor-element.elementor-element-25d1697{padding:0px 25px 0px 25px;}.elementor-205 .elementor-element.elementor-element-69d8017{text-align:left;}.elementor-205 .elementor-element.elementor-element-69d8017 .elementor-heading-title{font-size:38px;}.elementor-205 .elementor-element.elementor-element-193269a{padding:25px 25px 25px 25px;}.elementor-205 .elementor-element.elementor-element-00fb40d.elementor-column > .elementor-widget-wrap{justify-content:center;}}/* Start custom CSS *//*
 * ============================================================
 *  TECNOGRAN — WooCommerce Shop Enhancement CSS v3
 *  Paleta: #00AA4F / #00BD58
 *  Basado en HTML real de JetWooBuilder + Elementor
 * ============================================================
*/

:root {
  --tg-green:   #00AA4F;
  --tg-lime:    #00BD58;
  --tg-border:  #d8eee2;
  --tg-light:   #f5faf7;
  --tg-text:    #111111;
  --tg-muted:   #6b7c6d;
  --tg-radius:  10px;
  --tg-shadow:  0 2px 10px rgba(0, 0, 0, 0.07);
  --tg-shadow-hover: 0 8px 24px rgba(0, 170, 79, 0.15);
}

/* ─── GRID ───────────────────────────────────────────────── */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ─── TARJETA ────────────────────────────────────────────── */
ul.products li.product {
  background: #ffffff !important;
  border: 1px solid var(--tg-border) !important;
  border-radius: var(--tg-radius) !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: var(--tg-shadow) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  position: relative !important;
}

ul.products li.product:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--tg-shadow-hover) !important;
  border-color: var(--tg-lime) !important;
}

/* ─── LINK WRAPPER (wrappea imagen + título + precio) ────── */
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  text-decoration: none !important;
  padding: 0 !important;
}

/* ─── IMAGEN ─────────────────────────────────────────────── */
ul.products li.product a.woocommerce-LoopProduct-link img,
ul.products li.product a.woocommerce-loop-product__link img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  background: var(--tg-light) !important;
  padding: 16px !important;
  display: block !important;
  transition: transform 0.28s ease !important;
  margin: 0 !important;
}

ul.products li.product:hover a.woocommerce-LoopProduct-link img {
  transform: scale(1.04) !important;
}

/* ─── TÍTULO ─────────────────────────────────────────────── */
ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #111111 !important;
  line-height: 1.3 !important;
  /* ← ESTE es el padding que te faltaba */
  padding: 12px 14px 4px 14px !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.6em !important;
}

ul.products li.product:hover .woocommerce-loop-product__title {
  color: var(--tg-green) !important;
}

/* ─── PRECIO ─────────────────────────────────────────────── */
ul.products li.product .price {
  display: block !important;
  padding: 2px 14px 8px 14px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--tg-green) !important;
  margin: 0 !important;
}

ul.products li.product .price del {
  color: var(--tg-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  margin-right: 4px !important;
}

ul.products li.product .price ins {
  text-decoration: none !important;
  color: var(--tg-green) !important;
}

/* ─── BOTÓN (está FUERA del link, directo en li.product) ─── */
ul.products li.product > a.button,
ul.products li.product a.button.product_type_simple,
ul.products li.product a.add_to_cart_button {
  display: block !important;
  margin: 0 14px 14px 14px !important;
  padding: 9px 0 !important;
  text-align: center !important;
  background: var(--tg-green) !important;
  color: #ffffff !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.18s !important;
  line-height: 1.4 !important;
}

ul.products li.product > a.button:hover,
ul.products li.product a.button.product_type_simple:hover,
ul.products li.product a.add_to_cart_button:hover {
  background: var(--tg-lime) !important;
  color: #ffffff !important;
}

/* ─── BADGE SIN STOCK superpuesto ────────────────────────── */
ul.products li.product.outofstock::after {
  content: "Sin stock";
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: rgba(180, 40, 40, 0.85) !important;
  color: #fff !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 3px 9px !important;
  border-radius: 20px !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* ─── BARRA RESULTADOS + ORDENAMIENTO ───────────────────── */
.woocommerce-result-count {
  color: var(--tg-muted) !important;
  font-size: 0.85rem !important;
}

.woocommerce-ordering select {
  border: 1px solid var(--tg-border) !important;
  border-radius: 6px !important;
  padding: 7px 12px !important;
  color: var(--tg-text) !important;
  background: #fff !important;
  font-size: 0.83rem !important;
  cursor: pointer !important;
  transition: border-color 0.2s !important;
}
.woocommerce-ordering select:focus {
  outline: none !important;
  border-color: var(--tg-lime) !important;
}

/* ─── FILTROS (JetSmartFilters checkboxes) ───────────────── */
.jet-filter-label {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--tg-green) !important;
  border-left: 3px solid var(--tg-lime) !important;
  padding-left: 8px !important;
  margin-bottom: 10px !important;
}

.jet-checkboxes-list__label {
  font-size: 0.82rem !important;
  color: #111111 !important;
}

.jet-checkboxes-list__item:hover .jet-checkboxes-list__label {
  color: var(--tg-green) !important;
}

/* Checkbox decorator (el cuadradito) */
.jet-checkboxes-list__decorator {
  border-color: var(--tg-border) !important;
  border-radius: 3px !important;
}

.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__decorator {
  background: var(--tg-green) !important;
  border-color: var(--tg-green) !important;
}

/* ─── PAGINACIÓN ─────────────────────────────────────────── */
.woocommerce-pagination ul,
nav.woocommerce-pagination ul {
  display: flex !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  list-style: none !important;
  padding: 24px 0 !important;
  margin: 0 !important;
}

.woocommerce-pagination ul li a.page-numbers,
.woocommerce-pagination ul li span.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  border: 1px solid var(--tg-border) !important;
  color: var(--tg-text) !important;
  font-size: 0.83rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: #fff !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}

.woocommerce-pagination ul li a.page-numbers:hover {
  background: var(--tg-light) !important;
  border-color: var(--tg-lime) !important;
  color: var(--tg-green) !important;
}

.woocommerce-pagination ul li span.page-numbers.current {
  background: var(--tg-green) !important;
  border-color: var(--tg-green) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* ─── PÁGINA INDIVIDUAL DE PRODUCTO ─────────────────────── */
.woocommerce div.product div.images img {
  border-radius: var(--tg-radius) !important;
  border: 1px solid var(--tg-border) !important;
  background: var(--tg-light) !important;
  padding: 16px !important;
}

.woocommerce div.product .product_title {
  font-size: clamp(1.2rem, 2.5vw, 1.9rem) !important;
  color: #111111 !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 10px !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  color: var(--tg-green) !important;
  margin-bottom: 10px !important;
}

.woocommerce div.product .product_meta {
  background: var(--tg-light) !important;
  border: 1px solid var(--tg-border) !important;
  border-radius: var(--tg-radius) !important;
  padding: 12px 16px !important;
  margin: 14px 0 !important;
  font-size: 0.83rem !important;
  color: #111111 !important;
}

.woocommerce div.product .product_meta a {
  color: var(--tg-green) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--tg-green) !important;
  color: #fff !important;
  border-radius: 7px !important;
  font-weight: 700 !important;
  padding: 11px 26px !important;
  transition: background 0.18s !important;
  border: none !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--tg-lime) !important;
}

.woocommerce div.product .stock.out-of-stock {
  background: #fdecea !important;
  color: #b23c3c !important;
  font-weight: 700 !important;
  font-size: 0.83rem !important;
  padding: 7px 13px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  margin-bottom: 10px !important;
}

/* ─── PRODUCTOS RELACIONADOS ─────────────────────────────── */
.related.products h2,
.up-sells h2 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 18px !important;
  border-bottom: 2px solid var(--tg-lime) !important;
  padding-bottom: 7px !important;
  display: inline-block !important;
}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 768px) {
  ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  ul.products li.product .woocommerce-loop-product__title {
    padding: 10px 12px 4px 12px !important;
    font-size: 0.78rem !important;
  }
  ul.products li.product .price {
    padding: 2px 12px 6px 12px !important;
    font-size: 0.88rem !important;
  }
  ul.products li.product > a.button,
  ul.products li.product a.button.product_type_simple {
    margin: 0 12px 12px 12px !important;
    font-size: 0.7rem !important;
    padding: 8px 0 !important;
  }
}/* End custom CSS */