.elementor-1987 .elementor-element.elementor-element-c282ee2{--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;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1987 .elementor-element.elementor-element-c282ee2:not(.elementor-motion-effects-element-type-background), .elementor-1987 .elementor-element.elementor-element-c282ee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-1987 .elementor-element.elementor-element-faf058e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#6E6E6E;}.elementor-1987 .elementor-element.elementor-element-7d8a15b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#6E6E6E;}.elementor-1987 .elementor-element.elementor-element-f60f129{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-1987 .elementor-element.elementor-element-4288305{--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-1987 .elementor-element.elementor-element-4288305.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1987 .elementor-element.elementor-element-7fafec8{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6E6E6;--border-color:#E6E6E6;}.elementor-1987 .elementor-element.elementor-element-c2623e8.elementor-wc-products ul.products li.product{text-align:center;}.elementor-1987 .elementor-element.elementor-element-c2623e8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1987 .elementor-element.elementor-element-c2623e8.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-1987 .elementor-element.elementor-element-4288305{--width:30%;}.elementor-1987 .elementor-element.elementor-element-7fafec8{--width:70%;}}@media(max-width:1024px){.elementor-1987 .elementor-element.elementor-element-c2623e8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1987 .elementor-element.elementor-element-c2623e8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-89420b0 */.filtros-amazon {
    position: sticky;
    top: 100px;
    background: #ffffff;
    padding: 20px;
    border-radius: 16px;
    width: 280px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

/* Hover suave tipo Amazon */
.filtros-amazon:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.filtros-header h3 {
    margin-bottom: 10px;
}

/* Bloques */
.filtro-bloque {
    margin-bottom: 20px;
    animation: fadeIn 0.4s ease;
}

.filtro-bloque label {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

/* Input */
.filtros-amazon input[type="text"],
.filtros-amazon select {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    transition: 0.2s;
}

.filtros-amazon input:focus,
.filtros-amazon select:focus {
    border-color: #ff9900;
    box-shadow: 0 0 0 2px rgba(255,153,0,0.2);
}

/* Radios estilo Amazon */
.radio {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    cursor: pointer;
    transition: 0.2s;
}

.radio input {
    accent-color: #ff9900;
}

.radio:hover {
    transform: translateX(3px);
}

/* Botón */
#limpiarFiltros {
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    border: 2px solid #ff6a00;
    background: transparent;
    color: #ff6a00;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

#limpiarFiltros:hover {
    background: #ff6a00;
    color: white;
    transform: scale(1.03);
}

/* Animación */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .filtros-amazon {
        position: relative;
        top: 0;
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-c2623e8 *//* tarjeta del producto */
.woocommerce ul.products li.product{
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

/* efecto al pasar el mouse */
.woocommerce ul.products li.product:hover{
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* animación de la imagen */
.woocommerce ul.products li.product img{
    transition: transform 0.4s ease;
}

/* zoom de imagen */
.woocommerce ul.products li.product:hover img{
    transform: scale(1.08);
}
✅ Resultado

Cada producto ahora:

se mueve independientemente

la tarjeta sube

la imagen hace zoom

aparece una sombra profesional

⚙️ Ajustes rápidos
Subir más el producto
transform: translateY(-15px);
Zoom más fuerte
transform: scale(1.12);
Sombra más fuerte
box-shadow: 0 25px 50px rgba(0,0,0,0.2);

💡 Tip profesional para tu tienda:
Este efecto funciona muy bien en catálogos de refacciones agrícolas, porque hace que cada producto destaque visualmente dentro de WordPress.

🚀 Si quieres, también puedo darte un efecto todavía más profesional que usan muchas tiendas grandes, donde:

aparece botón “Agregar al carrito” al pasar el mouse

aparece overlay con fondo suave

el precio cambia de color

animación tipo Amazon / Shopify

Eso hace que la tienda se vea mucho más premium./* End custom CSS */