/* █████████████ FILTROS Y ORDENAR FLOTANTES █████████████████████████████████████████████████████████ */
/* █████████████ FILTROS Y ORDENAR FLOTANTES █████████████████████████████████████████████████████████ */
/* █████████████ FILTROS Y ORDENAR FLOTANTES █████████████████████████████████████████████████████████ */
/* █████████████ FILTROS Y ORDENAR FLOTANTES █████████████████████████████████████████████████████████ */
/* █████████████ FILTROS Y ORDENAR FLOTANTES █████████████████████████████████████████████████████████ */
/* Dependiente de JS */


/* Result count oculto siempre */
.woocommerce-result-count {
  display: none !important;
}

/* ── MÓVIL ─────────────────────────────────────────────────────────────── */
@media (max-width: 980px) {
  /* Panel sidebar filtros */
  .et_pb_column.sidebarcart {
    position: fixed !important;
    top: 70px !important;
    left: -100% !important;
    width: 80% !important;
    max-width: 430px !important;
    height: 100dvh !important;
    max-height: 100dvh !important; /* dvh = dynamic viewport height, soportado en iOS 15.4+ */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important; /* scroll momentum en iOS */
    overflow-y: auto !important;
    background: #f2f2f2 !important;
    z-index: 999999 !important;
    padding: 20px 25px 80px 25px !important;
    box-shadow: 4px 0 20px rgba(0,0,0,0.0) !important;
    transition: left 0.3s ease !important;
    margin: 0 !important;
    border-radius: 0 2px 2px 0 !important;
	gap: 0px;
  }

  .et_pb_column.sidebarcart.filtro-abierto {
    left: 0 !important;
  }


  /* Botón filtrar */
  #filtro-movil-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 90px;
    right: 70px;
    z-index:1 !important;
    background: #f2f2f2 !important;
    color: #333;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
    cursor: pointer;
    box-shadow: -2px 2px 4px rgba(0,0,0,0.0);
    transition: background 0.2s;
  }
  #filtro-movil-btn:hover { background: #555 !important; }

  /* Overlay */
  #filtro-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999997 !important;
  }
  #filtro-overlay.activo { display: block; }

  /* Botón cerrar dentro del panel */
  #filtro-cerrar {
    display: block !important;
    width: fit-content;
    text-align: right;
    font-size: 26px;
    cursor: pointer;
	font-weight:700;
    margin-bottom: -30px;
	margin-left: auto;
    color: #333;
    background: none;
    border: none;
    line-height: 1;
    padding: 0;
	z-index: 9999;
  }

  /* Ocultar select original de ordenar */
  .woocommerce .woocommerce-ordering {
    display: none !important;
  }

  /* Botón ordenar */
  #ordenar-movil-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 90px;
    right: 15px;
    z-index: 1 !important;
    background: #f2f2f2 !important;
    color: #333;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
    cursor: pointer;
    box-shadow: -2px 2px 8px rgba(0,0,0,0.0);
    transition: background 0.2s;
  }
  #ordenar-movil-btn:hover { 
	background: #555 !important; 
  }


  /* Panel desplegable ordenar */
  #ordenar-panel {
    display: none;
    position: fixed;
    top: 134px;
    right: 54px;
    z-index: 999998;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    overflow: hidden;
    min-width: 200px;
  }
  #ordenar-panel.activo { display: block; }

  #ordenar-panel ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #ordenar-panel ul li {
    padding: 12px 16px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s;
  }
  #ordenar-panel ul li:last-child { border-bottom: none; }
  #ordenar-panel ul li:hover { background: #f5f5f5; }
  #ordenar-panel ul li.activo { font-weight: 700; color: #000; }
}

 /* Ordenar en sitio correcto EN MODO ADMINISTRADOR  presente */
 /* Ordenar en sitio correcto EN MODO ADMINISTRADOR  presente */
 /* Ordenar en sitio correcto EN MODO ADMINISTRADOR  presente */
@media (min-width: 981px) {
  body.admin-bar #ordenar-movil-btn {
    top: 145px !important;
  }
}

@media (max-width: 980px) {
  body.admin-bar #filtro-movil-btn,
  body.admin-bar #ordenar-movil-btn {
    top: 135px; /* o ajusta según donde tengas el botón de filtro */
  }
}

/* ── ESCRITORIO ────────────────────────────────────────────────────────── */





@media (min-width: 981px) {

  /* Ocultar elementos exclusivos de móvil */
  #filtro-movil-btn,
  #filtro-overlay,
  #filtro-cerrar {
    display: none !important;
  }

  /* Botón ordenar flotante alineado con el contenedor */
  #ordenar-movil-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 120px;
    right: max(20px, calc((100vw - 1200px) / 2 + 0vw)) !important;
    z-index: 1 !important;
    background: #f2f2f2 !important;
    color: #333;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
    transition: background 0.2s;
  }
  #ordenar-movil-btn:hover { background: #555 !important; }





  /* Panel ordenar en escritorio */
  #ordenar-panel {
    display: none;
    position: fixed;
    top: 174px;
    right: max(20px, calc((100vw - 1200px) / 2 + 2.5vw)) !important;
    z-index: 999998;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    overflow: hidden;
    min-width: 200px;
	padding: 15px 20px;
    line-height: 1.8em;
    cursor: pointer;
  }
  #ordenar-panel.activo { display: block; }

/* Colores hover y activo en orderby escritorio */
  #ordenar-panel ul li:hover{ color:#6c6c6c; }
  #ordenar-panel ul li.activo{font-weight:800; }

  /* Ocultar select original en escritorio también */
  .woocommerce .woocommerce-ordering {
    display: none !important;
  }
}

/* █████████████ BARRA LATERAL DE FILTROS █████████████████████████████████████████████████████████ */
/* █████████████ BARRA LATERAL DE FILTROS █████████████████████████████████████████████████████████ */
/* █████████████ BARRA LATERAL DE FILTROS █████████████████████████████████████████████████████████ */
/* █████████████ BARRA LATERAL DE FILTROS █████████████████████████████████████████████████████████ */
/* █████████████ BARRA LATERAL DE FILTROS █████████████████████████████████████████████████████████ */

/* Titulos de los filtros */
/* Titulos de los filtros */

.wpf_item_name {
    font-family: 'Source Sans 3', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600!important;
    color: #6d6d6d !important;
    font-size: 18px!important;
    margin: 0px!important;
    padding-bottom: 15px!important;
    border-bottom:0px!important;
}

@media (max-width: 980px) {
.wpf_item_name {
 font-size: 16px!important;
}
}
  
/* Aspecto del slider del precio */
/* Aspecto del slider del precio */

.wpf_slider.ui-slider {
    height: 5px!important;
    margin: 10px 0px 20px 10px!important;
	background: #ddd!important;
	max-width: 75%;
}

@media (max-width: 980px) {
.wpf_slider.ui-slider {
	max-width: 75%;
}
}



.wpf_slider.ui-slider .ui-widget-header {
    background: #adadad!important;
}
  
.wpf_slider.ui-slider .ui-slider-handle {
    border-radius: 2px!important;
    cursor: pointer!important;
    height: 18px!important;
    top: -.4em!important;
    width: 10px!important;
    color:var(--gcid-primary-color)!important;
    border:0px!important;
	background:#6d6d6d!important;
}
  
.wpf-slider-label {
    color: #333!important;
    font-size: 16px!important;
}

/* Aspecto de las Categorías */ 
/* Aspecto de las Categorías */

.wpf_item input[type=checkbox] {
    -webkit-appearance: none!important;
    background: #fff!important;
    border: 0px!important;
    border-radius: 100px!important;
    clear: none!important;
    color: #ffffff00!important;
    cursor: pointer!important;
    display: inline-block!important;
    font-size: 12px!important;
    height: 15px!important;
    line-height: 15px!important;
    margin: 0 5px 0 0!important;
    outline: none!important;
    padding: 0!important;
    text-align: center!important;
    transition: border-color .05s ease-in-out!important;
    vertical-align: middle!important;
    width: 15px!important;
}  
  
.wpf_item input[type='checkbox']:checked:before {
    background: none #6c6c6c!important;
    -webkit-border-radius: 100px!important;
    -moz-border-radius: 100px!important;
    border-radius: 100px!important;
    opacity:1!important;
    top: 1.6px!important;
    left: 1.6px!important;
}  
  
.wpf_item label {
    color:#333;
    width: 87%!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
}

  .wpf_item li {
    margin: 0 0 5px!important;
}
  
  .wpf_item ul ul li {
    margin: 5px 0 0 10px!important;
}
  

  .wpf_layout_vertical .wpf_item .wpf_hierachy ul {
    margin-top: 5px!important;
	border:none;
}


@media (max-width: 980px) {

  .wpf_item li {
    margin: 0 0 10px!important;
}
  
  .wpf_item ul ul li {
    margin: 10px 0 0 10px!important;
}
  

  .wpf_layout_vertical .wpf_item .wpf_hierachy ul {
    margin-top: 10px!important;
	border:none;
}
}

/* Etiquetas TAGS - transformado a nube de etiquetas manualmente para poder pulsar con AJAX y no recargar - */
/* Etiquetas TAGS - transformado a nube de etiquetas manualmente para poder pulsar con AJAX y no recargar - */

.wpf_links a {
    background-color: #595959;
    padding: 2px 10px;
    border-radius: 2px;
    margin-right: -10px;
}  

.wpf_item.wpf_item_wpf_tag label {
    width:fit-content!important;
    padding: 4px 8px;
	background:#fff;
} 

.wpf_item.wpf_item_wpf_tag input[type=checkbox] {
    display:none!important;
}

.wpf_item.wpf_item_wpf_tag ul li {
    background-color: #595959;;
    margin:0px 4px 6px 0px!important;
    border-radius: 2px;
    line-height:0;
}  

/* Color del la etiqueta seleccionada */

.wpf_item_wpf_tag ul li input[type="checkbox"]:checked + label {
    background-color: #dadada;
    border-radius: 2px;
    color: #090909 !important;
}

.wpf_item input[type="checkbox"]:checked + label {
	color:#6c6c6c!important;
}
  
/* Boton Reiniciar Filtros */
/* Boton Reiniciar Filtros */

.wpf_reset_btn {   
    background-color:#8e8e8e;
    border-radius: 2px;
    padding: 6px!important; 
    margin-top: 20px;
}

@media (max-width: 981px) {
.wpf_reset_btn {   
    margin-top: 10px; 
	}
}

.wpf_reset_btn:before,.wpf_reset_btn:after {
    display:none!important;
}

.wpf_reset_btn input[type=reset] {
    padding: 0 10px!important;;
    width: auto!important;
    pointer-events:none!important;
    font-family: 'Source Sans 3', Helvetica, Arial, Lucida, sans-serif!important;
    font-weight: 600!important;
    color: #f7f7f7!important; 
    font-size: 14px!important;
}

.wpf_reset_btn:hover {   
    background-color:#333;
	
}

/* Tipo de envio */

.wpf_hide_text li label {
    border-radius: 2px!important;
	width:100%!important;
	text-align:left!important;
	padding-left:10px!important;
}

/* Estado activo/seleccionado */
.wpf_hide_text li input:checked + label {
    background-color:#dadada!important;
	color:#090909!important;
}

/* █████████████ TARJETAS DE PRODUCTOS DE TIENDA █████████████████████████████████████████████████████████ */
/* █████████████ TARJETAS DE PRODUCTOS DE TIENDA █████████████████████████████████████████████████████████ */
/* █████████████ TARJETAS DE PRODUCTOS DE TIENDA █████████████████████████████████████████████████████████ */
/* █████████████ TARJETAS DE PRODUCTOS DE TIENDA █████████████████████████████████████████████████████████ */
/* █████████████ TARJETAS DE PRODUCTOS DE TIENDA █████████████████████████████████████████████████████████ */
/* Dependiente de JS una parte */


/* Cartel Iva no incluido generado por woocommerce al activar la funcion (ojo que hay otro para productos variables generado por js) */
/* Cartel Iva no incluido generado por woocommerce al activar la funcion (ojo que hay otro para productos variables generado por js) */
.post-type-archive-product small.woocommerce-price-suffix,
.post-type-archive-product span.vat-notice,
.related.products small.woocommerce-price-suffix,
.related.products span.vat-notice {
    width: fit-content !important;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; 
    letter-spacing: -0.3px;
    font-weight: 500;
    font-size: 11px !important;
    color: #bfbfbf !important;
    background-color: #fff !important;
    border-radius: 0px 10px 10px 10px;
    padding: 5px 10px;
    line-height: 1em;
    display: block;
    margin: 8px 0 2px 0px !important;
}
  
/* Botón COMPRAR */
/* Botón COMPRAR */

.woocommerce ul.products li.product .button {
	font-size:14px!important;
	font-weight:600!important;
	padding: 2px 12px 2px 12px !important;
	background-color:#ff0832!important;
	border-radius: 2px!important;
	width: fit-content;
	margin-top: 10px!important;
	text-transform:uppercase!important;
}

.woocommerce ul.products li.product .button:hover{
	background-color:#f7f7f7!important;
	color:#333!important;
}
  
/* Ajustar estilo de precios y precios de oferta */
/* Ajustar estilo de precios y precios de oferta */

.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price .amount{
	font-weight:600!important;
	color: #ff0832;
    font-size: 20px!important;
    line-height: 0.8em!important;
	letter-spacing: -0.5px;
}

.woocommerce-page ul.products li.product .price del {
	font-weight: 500 !important;
    color: #8f8f8f!important; 
    font-size: 18px !important;
    line-height: 0.8em !important;
    margin-right: 2px !important;
    letter-spacing: -0.5px;
}

span.desde {
    display: block !important;
    font-size: 12px!important;
    color: #8f8f8f;
	font-weight: 500 !important;
	margin: 20px 5px -2px 0!important;
}

@media only screen and (max-width: 981px) {
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price .amount{
	font-weight:600!important;
    font-size: 18px!important;
    line-height: 0.8em!important;
	letter-spacing: -0.5px;
}

.woocommerce-page ul.products li.product .price del {
	font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 0.8em !important;
    margin-right: 0px !important;
    letter-spacing: -0.5px;
}

span.desde {
    font-size: 11px!important;
	font-weight: 500 !important;
	margin: 10px 5px -5px 0!important;
	}
}

/* Imagenes de productos en la misma proporción aunque estén mal subidas */ 
/* Imagenes de productos en la misma proporción aunque estén mal subidas */

 .et_shop_image img {
    width: 100%;
    aspect-ratio: 1 / 1;   /* todas cuadradas */
    object-fit: cover;     /* recorta sin deformar */
    background-color:#fff;
	margin-bottom:20px;
	/*transform:scale(1.08);*/
}
 
/* Reducir los títulos de productos de ms de 3 líneas en la descripción */
/* Reducir los títulos de productos de ms de 3 líneas en la descripción */

h2.woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* máximo 2 líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	padding:0px!important;
    max-height: 3em;           /* 2 líneas x line-height */
	margin-bottom: auto !important;
    margin-top: 2px !important;
}
  
/* Quitar la opción de overlay al pasar el ratón por encima de las fotos de los productos */
/* Quitar la opción de overlay al pasar el ratón por encima de las fotos de los productos */

.et_overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .9);
    opacity: 0;
    pointer-events: none;
    border: 0px solid #e5e5e5;
}

/* Ajustar altura de las tarjetas mediante JS + CSS - EL JS se llama tarjetas-shop.js - */ 
/* Ajustar altura de las tarjetas mediante JS + CSS - EL JS se llama tarjetas-shop.js - */ 
/* Ajustar altura de las tarjetas mediante JS + CSS - EL JS se llama tarjetas-shop.js - */ 
/* Ajustar altura de las tarjetas mediante JS + CSS - EL JS se llama tarjetas-shop.js - */ 


/* Dependiente del JS - Ajustar el flujo de las tarjetas */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	display: flex;
    flex-direction: column;
	background-color: #f2f2f2;
    padding: 15px;
    border-radius: 2px;
	/*box-shadow:0px 0px 2px 0px rgba(0,0,0,0.3);*/
}

 /* Dependiente del JS - Oculta las tarjetas antes del Javascript */
.et_pb_shop ul.products li.product {
    visibility: hidden;
}
   
/* Dependiente del JS - Css texto "iva no incluido" y el "desde" generados por el JS */
/* (Ojo que el iva incluido en productos simples lo genera woocommerce, pero en variables lo generamos nosotros con JS) */
span.iva-no-incluido {
    display:block!important;
    margin-top: 6px!important;
    font-size:12px!important;
	color:#666!important;
}

/* Barra de ordenar productos en la tienda order by */
/* Barra de ordenar productos en la tienda order by */
/* Barra de ordenar productos en la tienda order by */
/* Barra de ordenar productos en la tienda order by */

.orderby{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url('/wp-content/uploads/ordernarq.png');
background-repeat: no-repeat, repeat;
background-position: right 0em top 50%, 0 0;
background-size:1.5em auto, 100%;
display: block;
outline-color: initial;
outline-style: none;
outline-width: initial;
white-space: nowrap;
text-overflow: ellipsis;
background-color: transparent;
box-shadow: none;
cursor: pointer;
width: 100%;
height: 22px;
padding:0px 32px 0px 0px;
z-index: 1;
font-size: 14px;
margin-right:10px;
color:#707070!important;
float: right;}

.orderby:hover {
opacity: 0.6;}



@media all and (min-width: 768px) and (max-width: 980px){
.orderby{
width: 100%;
height: 25px;
float: right;}

.woocommerce .woocommerce-ordering {
margin-bottom: 15px!important;
margin-right: 1%!important;}}

@media all and (max-width:768px) {
.orderby{
width:1px;
background-size:22px auto, 100%;
padding:0px 30px 0px 0px;
height: 25px;
float: right;
margin-right: 4px;
font-size: 13px;}}

.woocommerce .woocommerce-ordering {
margin-bottom: 15px;}

@media all and (max-width:768px) {
.woocommerce .woocommerce-ordering {
margin:2px 0px 12px 0px !important;}}

	
	
/* Cambia el alineado del texto del selector de ordenar */
.woocommerce-ordering select.orderby {
direction: rtl;}

/* Mostrando resultados */
.woocommerce .woocommerce-result-count {
color:#707070;
margin-bottom: 15px !important;
margin-left:0px;}

@media all and (max-width:980px) {
.woocommerce .woocommerce-result-count {
padding-top: 2px;}}

@media all and (min-width: 768px) and (max-width: 980px) {
.woocommerce .woocommerce-result-count {
margin-bottom: 20px!important;
margin-left: 1.5%!important;}}

@media all and (max-width:768px) {
.woocommerce .woocommerce-result-count {
margin:2px 0px 14px 0px !important;
font-size:13px;}}



/* █████████████ AJUSTE DE COLUMNAS DE 4 Y 6 EN LA TIENDA  █████████████████████████████████████████████████████████ */
/* █████████████ AJUSTE DE COLUMNAS DE 4 Y 6 EN LA TIENDA  █████████████████████████████████████████████████████████ */
/* █████████████ AJUSTE DE COLUMNAS DE 4 Y 6 EN LA TIENDA  █████████████████████████████████████████████████████████ */
/* █████████████ AJUSTE DE COLUMNAS DE 4 Y 6 EN LA TIENDA  █████████████████████████████████████████████████████████ */
/* █████████████ AJUSTE DE COLUMNAS DE 4 Y 6 EN LA TIENDA  █████████████████████████████████████████████████████████ */


@media (min-width: 1024px) {
	/* Se activa solo cuando seleccionas "4 Columnas" en Tienda, Relacionados o Upsells */
.woocommerce.columns-4 ul.products li.product, 
.woocommerce-page.columns-4 ul.products li.product,
.et_pb_wc_related_products ul.products.columns-4 li.product, 
.et_pb_wc_upsells ul.products.columns-4 li.product {
    width: 23.125% !important;   /* Cálculo: (100% - (2.5% * 3)) / 4 */
    margin-right: 2.5% !important; 
    margin-bottom: 2.5% !important; 
    float: left !important;
    clear: none !important;
}

/* Quitar margen al 4º producto de cada fila */
.woocommerce.columns-4 ul.products li.product:nth-child(4n),
.woocommerce-page.columns-4 ul.products li.product:nth-child(4n),
.et_pb_wc_related_products ul.products.columns-4 li.product:nth-child(4n),
.et_pb_wc_upsells ul.products.columns-4 li.product:nth-child(4n) {
    margin-right: 0 !important;
    float: right !important;
}

/* Reset de flujo para el inicio de cada fila (cada 5º producto) */
.woocommerce.columns-4 ul.products li.product:nth-child(4n+1),
.woocommerce-page.columns-4 ul.products li.product:nth-child(4n+1),
.et_pb_wc_related_products ul.products.columns-4 li.product:nth-child(4n+1),
.et_pb_wc_upsells ul.products.columns-4 li.product:nth-child(4n+1) {
    clear: both !important;
}


/* Forzar 6 columnas en Tienda, Relacionados y Upsells con 2% de margen */
.et_pb_wc_related_products ul.products.columns-6 li.product, 
.et_pb_wc_upsells ul.products.columns-6 li.product,
.woocommerce.columns-6 ul.products li.product {
    width: 15% !important;          /* Cálculo: (100% - (2% * 5)) / 6 */
    margin-right: 2% !important; 
    margin-bottom: 2% !important; 
    float: left !important;
    clear: none !important;
}

/* Quitar margen al último de cada fila (el 6º) */
.et_pb_wc_related_products ul.products.columns-6 li.product:nth-child(6n),
.et_pb_wc_upsells ul.products.columns-6 li.product:nth-child(6n),
.woocommerce.columns-6 ul.products li.product:nth-child(6n) {
    margin-right: 0 !important;
    float: right !important;
}

/* Reset de flujo para el inicio de cada fila (cada 7º producto) */
.et_pb_wc_related_products ul.products.columns-6 li.product:nth-child(6n+1),
.et_pb_wc_upsells ul.products.columns-6 li.product:nth-child(6n+1),
.woocommerce.columns-6 ul.products li.product:nth-child(6n+1) {
    clear: both !important;
}
}


@media (max-width: 767px) {
    .woocommerce-page ul.products li.product:nth-child(n) {
        margin-bottom: 4% !important;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .woocommerce-page ul.products li.product:nth-child(n) {
		width: 48.5%!important; /* Ajustamos el ancho para que quepan dos */
        margin:0 2.5% 2.5% 0!important;
    }

.woocommerce-page ul.products li.product:nth-child(2n) {
        margin-right: 0 !important;
    }

    /* Limpiamos el flujo para las impares (inicio de cada fila) */
    .woocommerce-page ul.products li.product:nth-child(2n+1) {
        clear: both !important;
    }
}