.elementor-2718 .elementor-element.elementor-element-448c7c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2718 .elementor-element.elementor-element-a29de63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2718 .elementor-element.elementor-element-b608b4d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2718 .elementor-element.elementor-element-b608b4d.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-2718 .elementor-element.elementor-element-b608b4d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2718 .elementor-element.elementor-element-b608b4d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-9fe4e78 *//* ============================
   🔥 HEADER PÁGINA DESCUENTOS
   ============================ */

.descuentos-header {
    text-align: center;
    padding: 60px 20px;
    margin-bottom: 40px;
    border-radius: 16px;
    
    /* Fondo moderno elegante */
    background: linear-gradient(135deg, #111827, #1f2937);
    
    /* Sombra profesional */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    
    position: relative;
    overflow: hidden;
}

/* Efecto brillo suave */
.descuentos-header::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at top left, rgba(255,255,255,0.08), transparent 60%);
    top: -50%;
    left: -50%;
}

/* Título principal */
.descuentos-header h1 {
    font-size: 42px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 15px;
    letter-spacing: -1px;
    position: relative;
    z-index: 2;
}

/* Subtítulo */
.descuentos-header p {
    font-size: 18px;
    color: #d1d5db;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Responsive */
@media (max-width: 768px) {
    .descuentos-header {
        padding: 40px 15px;
    }
    
    .descuentos-header h1 {
        font-size: 28px;
    }
    
    .descuentos-header p {
        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-b608b4d *//* ===============================
   ✅ MERCADONICAS - FIX GLOBAL DUPLICADO TÍTULOS / SHOP GRID
   =============================== */

/* 1) Tamaño del título en grid */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  margin: 8px 0 6px !important;
}

/* 2) Limitar título a 2 líneas */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.5em;
}

/* 3) ✅ ELIMINAR TÍTULO DUPLICADO (cuando el tema lo imprime dos veces) */
.woocommerce ul.products li.product .woocommerce-loop-product__title + .woocommerce-loop-product__title{
  display: none !important;
}

/* 4) También cubre duplicados si vienen como h2/h3/entry-title repetidos */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title:nth-of-type(n+2),
.woocommerce ul.products li.product h3.woocommerce-loop-product__title:nth-of-type(n+2),
.woocommerce ul.products li.product .entry-title:nth-of-type(n+2){
  display: none !important;
}

/* 5) Precios */
.woocommerce ul.products li.product .price{
  font-size: 14px !important;
  font-weight: 600 !important;
}
.woocommerce ul.products li.product .price del{
  font-size: 13px !important;
  opacity: .6 !important;
}

/* 6) Botón */
.woocommerce ul.products li.product .button{
  font-size: 14px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
}

/* 7) Badge “Descuento” duplicado */
.woocommerce ul.products li.product .onsale + .onsale{
  display: none !important;
}/* End custom CSS */