.elementor-800 .elementor-element.elementor-element-8651883{--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:250px;--padding-bottom:300px;--padding-left:0px;--padding-right:0px;}.elementor-800 .elementor-element.elementor-element-8651883:not(.elementor-motion-effects-element-type-background), .elementor-800 .elementor-element.elementor-element-8651883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ecoflorgroup.com/wp-content/uploads/2026/04/catalogobg.png");}.elementor-800 .elementor-element.elementor-element-48e7c99{--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-800 .elementor-element.elementor-element-68eaa2c{--display:flex;--min-height:259px;--justify-content:center;}.elementor-800 .elementor-element.elementor-element-64b1669{text-align:center;}.elementor-800 .elementor-element.elementor-element-64b1669 .elementor-heading-title{font-family:"zahrah", Sans-serif;font-weight:600;}.elementor-800 .elementor-element.elementor-element-b60daed{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-800 .elementor-element.elementor-element-b03dbde{--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-800 .elementor-element.elementor-element-f2342a1{--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-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px;padding:10px 10px 10px 10px;background-color:#F8F8F8;border-color:#E0E0E0;}.elementor-800 .elementor-element.elementor-element-3cc0bfd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products  ul.products{grid-column-gap:84px;grid-row-gap:42px;}.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Source Sans Pro", Sans-serif;font-weight:400;}.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#008691;font-family:"Source Sans Pro", Sans-serif;font-weight:400;border-radius:40px 40px 40px 40px;margin-top:0px;}.elementor-800 .elementor-element.elementor-element-3cc0bfd nav.woocommerce-pagination ul li a{color:#008691;}.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-800 .elementor-element.elementor-element-526e0d3{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-800 .elementor-element.elementor-element-8651883{--content-width:100%;}.elementor-800 .elementor-element.elementor-element-b03dbde{--width:15%;}.elementor-800 .elementor-element.elementor-element-f2342a1{--width:50%;}.elementor-800 .elementor-element.elementor-element-526e0d3{--content-width:1032px;}}@media(max-width:767px){.elementor-800 .elementor-element.elementor-element-3cc0bfd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-800 .elementor-element.elementor-element-3cc0bfd.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-3cc0bfd *//* 1. La Tarjeta de Producto */
.productos-pro ul.products li.product {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 25px !important;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    border: 1px solid #f2f2f2 !important;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

/* 2. Efecto Hover en la Tarjeta */
.productos-pro ul.products li.product:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 60px rgba(35, 77, 81, 0.1) !important;
    border-color: #234d51 !important;
}

/* 3. La Imagen de la Flor */
.productos-pro ul.products li.product img {
    border-radius: 15px !important;
    margin-bottom: 20px !important;
    transition: transform 0.8s ease !important;
}

.productos-pro ul.products li.product:hover img {
    transform: scale(1.08); /* Zoom elegante */
}

/* 4. Título del Producto (Estilo Editorial) */
.productos-pro ul.products li.product .woocommerce-loop-product__title,
.productos-pro ul.products li.product h2 {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #234d51 !important; /* Tu verde petróleo */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin: 15px 0 !important;
}

/* 5. El Botón "Leer más" o "Añadir" */
.productos-pro ul.products li.product .button {
    background-color: transparent !important;
    color: #2c7a7b !important; /* Verde de acción */
    border: 2px solid #2c7a7b !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.productos-pro ul.products li.product .button:hover {
    background-color: #2c7a7b !important;
    color: #ffffff !important;
    box-shadow: 0 8px 15px rgba(44, 122, 123, 0.2) !important;
}

/* 6. Ajuste de los párrafos / precios (si los hay) */
.productos-pro ul.products li.product .price,
.productos-pro ul.products li.product p {
    color: #8d8d8d !important; /* Tu color gris solicitado */
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 15px !important;
}/* End custom CSS */