.elementor-2001 .elementor-element.elementor-element-20854cb{--display:flex;--min-height:0px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2001 .elementor-element.elementor-element-f1d54c1{--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:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-2001 .elementor-element.elementor-element-f1d54c1:not(.elementor-motion-effects-element-type-background), .elementor-2001 .elementor-element.elementor-element-f1d54c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-2001 .elementor-element.elementor-element-8c30348{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2001 .elementor-element.elementor-element-8c30348 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#6E6E6E;}.elementor-2001 .elementor-element.elementor-element-810fb3a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2001 .elementor-element.elementor-element-810fb3a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#6E6E6E;}.elementor-2001 .elementor-element.elementor-element-db716fa{--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;}.elementor-2001 .elementor-element.elementor-element-24204f8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2001 .elementor-element.elementor-element-24204f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2001 .elementor-element.elementor-element-7e14b7b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2001 .elementor-element.elementor-element-8cd5d00{--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-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product{text-align:center;}.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#363434;margin-bottom:0px;}.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#363434;margin-bottom:0px;}.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:600;font-style:normal;}.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product .button{color:#FF6A00;background-color:#FFFFFF;border-color:#FF6A00;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product .button:hover{color:#FAFAFA;background-color:#FF6A00;}.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-2001 .elementor-element.elementor-element-20854cb{--width:100%;}.elementor-2001 .elementor-element.elementor-element-24204f8{--width:33.3333%;}.elementor-2001 .elementor-element.elementor-element-8cd5d00{--width:75%;}}@media(max-width:1024px){.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2001 .elementor-element.elementor-element-8168bdb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-7e14b7b *//* ================================
   SIDEBAR AMAZON PRO
================================ */

.filtros-amazon {
    position: sticky;
    top: 100px;
    background: #fff;
    padding: 20px;
    border-radius: 16px;
    width: 280px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.filtros-amazon:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* HEADER */
.filtros-header h3 {
    margin-bottom: 15px;
}

/* BLOQUES */
.filtro-bloque {
    margin-bottom: 20px;
    animation: fadeIn 0.4s ease;
}

.filtro-bloque label {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

/* INPUTS */
.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);
}

/* ================================
   BOTONES TIPO AMAZON
================================ */

.tipo-botones {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tipo-botones input {
    display: none;
}

.tipo-botones label {
    cursor: pointer;
}

/* BOTÓN BASE */
.tipo-botones span {
    display: block;
    padding: 10px 14px;
    border-radius: 20px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    font-size: 14px;
    width: 100%;
    transition: all 0.25s ease;
}

/* HOVER */
.tipo-botones span:hover {
    border-color: #ff9900;
    color: #ff9900;
}

/* ACTIVO */
.tipo-botones input:checked + span {
    background: #ff9900;
    color: #fff;
    border-color: #ff9900;
    box-shadow: 0 3px 8px rgba(255,153,0,0.3);
    transform: scale(1.03);
}

/* ================================
   BOTÓN LIMPIAR
================================ */

#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);
}

/* ================================
   AUTOCOMPLETE (YA LO TIENES 🔥)
================================ */

.buscador-pro {
    position: relative;
}

#resultadosBusqueda {
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    background: white;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    z-index: 999;
    max-height: 250px;
    overflow-y: auto;
    display: none;
}

.resultado-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: 0.2s;
}

.resultado-item:hover {
    background: #f7f7f7;
}

.resultado-item strong {
    font-size: 14px;
}

.resultado-item span {
    font-size: 12px;
    color: #777;
}

/* ================================
   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-8168bdb *//* 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 */