.elementor-895 .elementor-element.elementor-element-98c1d33{--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;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}@media(max-width:1366px){.elementor-895 .elementor-element.elementor-element-98c1d33{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-895 .elementor-element.elementor-element-98c1d33{--content-width:1300px;}}@media(max-width:767px){.elementor-895 .elementor-element.elementor-element-98c1d33{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-2373ae6 *//* Crea el recuadro y centra el contenido */
.woocommerce ul.products li.product {
    border: 1px solid #e0e0e0 !important;
    padding: 20px !important;
    background: #ffffff !important;
    text-align: center !important;
    border-radius: 8px !important;
}

/* Cambia el color del título y la fuente */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #1a1a1a !important;
    font-weight: 700 !important;
    margin-top: 15px !important;
}

/* Ajusta los botones al mismo ancho */
.woocommerce ul.products li.product .button, 
.woocommerce ul.products li.product .joincat-button { 
    width: 100% !important;
    display: block !important;
    margin: 10px 0 0 0 !important;
}
/* Efecto de elevación al pasar el mouse */
.woocommerce ul.products li.product {
    transition: all 0.3s ease-in-out !important; /* Suaviza el movimiento */
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-8px); /* Eleva el producto */
    box-shadow: 0px 10px 25px rgba(0,0,0,0.1) !important; /* Crea la sombra */
    border-color: #00c853 !important; /* Cambia el borde al verde de tu marca */
}
/* Personalización de etiqueta de OFERTA */
.woocommerce span.onsale {
    background-color: #00c853 !important; /* Verde vibrante de tu marca */
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    min-height: auto !important;
    line-height: 1 !important;
}/* End custom CSS */