.woocommerce ul.products li.product-category h2 {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-align: center;
}
.woocommerce ul.products li.product .button {
    display: none !important;
}
html {
  scroll-padding-top: 100px; /* Ajusta según la altura de tu header */
}


.woocommerce ul.products li.product {
    position: relative;
}


/* ==========================================================================
   ETIQUETA DE ENVÍO GRATIS SOBRE LA IMAGEN DE PRODUCTO
   ========================================================================== */

/* 1. Forzar que el contenedor de la imagen sea la referencia absoluta */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative !important;
}

/* 2. Badge sobre la imagen (basado en tu CSS funcional) */
a.badge-envio-gratis,
.badge-envio-gratis {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #00a650;
    color: #ffffff !important;
    padding: 6px 10px;
    border-radius: 4px;
    z-index: 99 !important; /* Asegura quedar SOBRE la imagen */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    max-width: 85%;
    cursor: pointer;
    pointer-events: auto !important; /* Permite hacer clic independientemente de la tarjeta */
    text-decoration: none !important;
    line-height: 1.2;
}

/* 3. Efecto al pasar el cursor (Hover) */
a.badge-envio-gratis:hover,
.badge-envio-gratis:hover {
    background-color: #008741;
    color: #ffffff !important;
}

/* 4. Texto principal */
.badge-envio-gratis .badge-titulo {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    color: #ffffff;
}

/* 5. Subtexto legal */
.badge-envio-gratis .badge-subtexto {
    font-size: 8px;
    font-weight: 400;
    opacity: 0.9;
    margin-top: 2px;
    color: #ffffff;
}

/* Estilo adaptado cuando el badge aparece dentro de la Ficha de Producto */
.single-product .badge-envio-gratis {
    position: relative !important;
    float: none !important;
    margin: 10px 0 !important;
    display: inline-flex !important;
    box-shadow: none;
}