/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 22 2025 | 19:37:53 */
/* ===== Shop nativo estilo “UI nueva” (sin columnas forzadas) ===== */
:root{ --pri:#55a2a6; --blk:#000; --gry:#4a4c4c; --bg:#f7f9f9; }

.post-type-archive-product .site,
.tax-product_cat .site { background: var(--bg); }

/* Tarjeta */
.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid #e6eaea;
  border-radius:12px;
  overflow:hidden;
  padding:0 0 12px;
  transition:transform .15s, box-shadow .15s, border-color .15s;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  border-color:#dfe6e7;
}

/* Imagen cuadrada con contain */
.woocommerce ul.products li.product a.woocommerce-LoopProduct__link{ display:block; padding:12px; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct__link img{
  width:100%; height:100%; aspect-ratio:1/1;
  object-fit:contain; background:#fafafa; border-radius:10px;
}

/* Título/Precio centrados */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{ text-align:center; margin:8px 12px 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:700; font-size:15px; line-height:1.25; min-height:2.6em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a{ color:var(--blk); text-decoration:none; }
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover{ color:var(--pri); }
.woocommerce ul.products li.product .price{ color:var(--pri); font-weight:800; font-size:15px; }

/* Botones */
.woocommerce ul.products li.product .button{
  display:inline-block; margin:10px auto 0;
  background:var(--pri); color:#fff; border:1px solid var(--pri);
  border-radius:8px; padding:10px 14px; font-weight:600; transition:all .2s;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover{
  background:#fff; color:var(--pri) !important; border-color:var(--pri);
}
.woocommerce ul.products li.product .added_to_cart{
  display:inline-block; margin:8px auto 0;
  background:#fff; color:var(--pri); border:1px solid var(--pri);
  border-radius:8px; padding:8px 12px; font-weight:600;
}

/* Stepper qty (se inyecta por JS, aquí el look) */
.wc-qty{display:inline-flex;align-items:center;gap:0;border:1px solid #e0e5e6;border-radius:10px;overflow:hidden;background:#f6f8f8}
.wc-qty-btn{appearance:none;border:0;background:#e9eeee;padding:8px 12px;font-weight:700;cursor:pointer;line-height:1}
.wc-qty-input{width:50px;text-align:center;border:0;background:transparent;padding:8px 0;font-weight:700}
.wc-qty-input::-webkit-outer-spin-button,.wc-qty-input::-webkit-inner-spin-button{appearance:none;margin:0}
.wc-qty-input[type=number]{-moz-appearance:textfield}

/* Alertas (fade-out) */
.wc-alert{margin-top:6px;padding:8px 10px;border-radius:8px;background:#fff3f2;color:#c62828;border:1px solid #ffcdd2;font-size:13px;opacity:1;transition:opacity .4s}
.wc-alert.info{background:#f1f8ff;color:#0d47a1;border-color:#bbdefb}
.wc-alert.hide{opacity:0}

/* Overlay AGOTADO */
.woocommerce ul.products li.product.outofstock{
  position:relative;
}
.woocommerce ul.products li.product.outofstock::after{
  content:"AGOTADO"; position:absolute; inset:0; background:rgba(255,255,255,.7);
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:20px; color:var(--blk); pointer-events:none;
}