.elementor-1987 .elementor-element.elementor-element-fa4ad97{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1987 .elementor-element.elementor-element-fa4ad97:not(.elementor-motion-effects-element-type-background), .elementor-1987 .elementor-element.elementor-element-fa4ad97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecopro.com.co/wp-content/uploads/2026/06/9259619f-a564-4b91-a86a-df6e01e4eb6b.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1987 .elementor-element.elementor-element-b71c821 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-1987 .elementor-element.elementor-element-b71c821{text-align:center;font-size:14px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-blocksy_palette_1 );}.elementor-1987 .elementor-element.elementor-element-86e8377{text-align:center;}.elementor-1987 .elementor-element.elementor-element-86e8377 .elementor-heading-title{font-size:70px;line-height:1.2em;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1987 .elementor-element.elementor-element-6c4c17e{--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-1987 .elementor-element.elementor-element-6c4c17e:not(.elementor-motion-effects-element-type-background), .elementor-1987 .elementor-element.elementor-element-6c4c17e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20962600;}.elementor-1987 .elementor-element.elementor-element-06171f8{width:var( --container-widget-width, 98.161% );max-width:98.161%;--container-widget-width:98.161%;--container-widget-flex-grow:0;}.elementor-1987 .elementor-element.elementor-element-06171f8 > .elementor-widget-container{padding:37px 0px 0px 0px;}.elementor-1987 .elementor-element.elementor-element-06171f8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1987 .elementor-element.elementor-element-dfcb8a6{--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-1987 .elementor-element.elementor-element-ec0014f{--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-0548de3{--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-0330361{--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-8b09a93{--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-0fe514d{--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:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1987 .elementor-element.elementor-element-8506c6f{--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-radius:30px 30px 30px 30px;}.elementor-1987 .elementor-element.elementor-element-8506c6f:not(.elementor-motion-effects-element-type-background), .elementor-1987 .elementor-element.elementor-element-8506c6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://images.unsplash.com/photo-1491147334573-44cbb4602074?q=80&w=387&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");background-position:center center;background-repeat:repeat;background-size:auto;}.elementor-1987 .elementor-element.elementor-element-8506c6f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1987 .elementor-element.elementor-element-4a6ed78 > .elementor-widget-container{border-style:none;border-radius:30px 30px 30px 30px;}.elementor-1987 .elementor-element.elementor-element-7d72c8f{--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-7d72c8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-products-inner li.product{width:33.33%;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-products-details-wrap, .elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-product__link{text-align:center;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woocommerce:not(.premium-woo-products-marquee) li.product{padding-right:calc( 63px/2 );padding-left:calc( 63px/2 );}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woocommerce:not(.premium-woo-products-marquee) ul.products{margin-left:calc( -63px/2 );margin-right:calc( -63px/2 );}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-products-marquee ul.products{--pa-marquee-spacing:63px;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-load-more{text-align:center;}#premium-woo-quick-view-e69f494{--pa-qv-align:inline;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-product-wrapper{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:groove;border-color:#0EA300;border-radius:30px 30px 30px 30px;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woocommerce .woocommerce-loop-product__link img{object-fit:cover;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-products-details-wrap .premium-woo-atc-button .button, .elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-cart-btn .premium-woo-add-cart-icon{color:#FFFFFF;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-products-details-wrap .premium-woo-atc-button .button, .elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-cart-btn{background-color:#83B713;border-radius:30px 30px 30px 30px;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woocommerce .premium-woo-products-details-wrap .premium-woo-atc-button .button:hover, .elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-cart-btn:hover{background-color:#ED8807;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woocommerce li.product .price{color:#209626;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woocommerce .premium-woo-product-category{color:#FD9B00;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-load-more-btn{color:#FFFFFF;background-color:#FF8800;border-radius:30px;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-load-more-btn .premium-loader{border-color:#FFFFFF;}.elementor-1987 .elementor-element.elementor-element-0a3a096{--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:47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1987 .elementor-element.elementor-element-5c5a2d1 img{max-width:100%;border-style:solid;border-width:3px 3px 3px 3px;border-color:#209626;border-radius:30px 30px 30px 30px;}@media(min-width:768px){.elementor-1987 .elementor-element.elementor-element-ec0014f{--width:25%;}.elementor-1987 .elementor-element.elementor-element-0548de3{--width:25%;}.elementor-1987 .elementor-element.elementor-element-0330361{--width:25%;}.elementor-1987 .elementor-element.elementor-element-8b09a93{--width:25%;}.elementor-1987 .elementor-element.elementor-element-8506c6f{--width:21.504%;}.elementor-1987 .elementor-element.elementor-element-7d72c8f{--width:77.384%;}}@media(max-width:1024px){.elementor-1987 .elementor-element.elementor-element-fa4ad97{--padding-top:120px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1987 .elementor-element.elementor-element-86e8377 .elementor-heading-title{font-size:35px;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-products-inner li.product{width:50%;}}@media(max-width:767px){.elementor-1987 .elementor-element.elementor-element-b71c821 > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-1987 .elementor-element.elementor-element-e69f494 .premium-woo-products-inner li.product{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-06171f8 *//* --- Personalización de la barra FiboSearch --- */

/* Estilo principal del campo de búsqueda */
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    border: 3px solid #209626 !important; /* Color verde del borde */
    border-radius: 50px !important; /* Bordes redondeados tipo píldora */
    background-color: #ffffff !important;
    padding: 15px 20px 15px 45px !important; /* Espaciado interno */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important; /* Sombra suave */
    transition: all 0.3s ease !important; /* Animación suave */
    font-size: 16px !important; /* Tamaño del texto */
    color: #333333 !important;
}

/* Efecto al hacer clic (Focus) */
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
    box-shadow: 0 0 12px rgba(32, 150, 38, 0.3) !important; /* Brillo verde */
    outline: none !important;
    border-color: #1a7a1f !important; /* Verde un poco más oscuro */
}

/* Ajuste del ícono de la lupa */
.dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier,
.dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier svg {
    fill: #209626 !important; /* Lupa de color verde */
    width: 20px !important;
    height: 20px !important;
}

/* Quitar fondo gris por defecto del contenedor si lo tiene */
.dgwt-wcas-search-wrapp {
    background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4a6ed78 *//* --- Diseño Premium para WooBeWoo Filter - FONDO BLANCO --- */

/* 1. Contenedor Principal (Fondo Blanco y limpio) */
.wpfMainWrapper {
    background: #ffffff !important; 
    padding: 30px 25px !important; 
    border-radius: 24px !important; 
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important; /* Sombra elegante para separar del fondo de la web */
    border: 1px solid #eaeaea !important;
}

/* 2. Títulos de cada bloque (Verdes para contrastar) */
.wpfFilterTitle, 
label.wpfFilterTitle {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #209626 !important; /* Títulos en verde de la marca */
    margin-bottom: 20px !important;
    text-transform: uppercase;
    border-bottom: 2px dashed #209626 !important; /* Línea verde discontinua */
    padding-bottom: 12px !important;
    width: 100%;
}

/* 3. Textos y etiquetas de las opciones (Grises oscuros para máxima lectura) */
.wpfFilterContent, 
.wpfFilterContent ul li label,
.wpfPriceInputs {
    color: #333333 !important; /* Texto oscuro de alto contraste */
    font-size: 15px !important;
    font-weight: 500 !important;
}

.wpfFilterContent ul li label {
    margin: 0 !important;
    cursor: pointer !important;
}

/* Efecto Hover dinámico (El texto se vuelve verde al pasar el ratón) */
.wpfFilterContent ul li:hover label {
    color: #209626 !important; 
    transform: translateX(4px); /* Pequeño salto a la derecha */
}

/* 4. Campos numéricos del precio */
.wpfPriceInputs input[type="number"],
.wpfPriceInputs input[type="text"] {
    color: #333333 !important; 
    background: #f9f9f9 !important; /* Fondo ligeramente gris para la caja de texto */
    border: 1px solid #dddddd !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    font-weight: 600 !important;
    text-align: center;
}

/* 5. Diseño de Checkboxes y Radio Buttons */
.wpfFilterContent input[type="radio"],
.wpfFilterContent input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    border: 2px solid #b3b3b3 !important; /* Borde gris visible cuando no está marcado */
    margin-right: 12px !important;
    cursor: pointer !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    background: #ffffff !important;
}

/* Checkboxes con esquinas suaves */
.wpfFilterContent input[type="checkbox"] {
    border-radius: 6px !important; 
}

/* Radio buttons completamente redondos */
.wpfFilterContent input[type="radio"] {
    border-radius: 50% !important; 
}

/* Estado Seleccionado (Se llenan de Verde) */
.wpfFilterContent input[type="radio"]:checked,
.wpfFilterContent input[type="checkbox"]:checked {
    border-color: #209626 !important;
    background-color: #209626 !important; 
}

/* Punto interior BLANCO para Radio Buttons activos */
.wpfFilterContent input[type="radio"]:checked::after {
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #ffffff !important; /* Punto blanco */
    border-radius: 50% !important;
    position: absolute !important;
}

/* Palomita (Check) BLANCA para Checkboxes activos */
.wpfFilterContent input[type="checkbox"]:checked::after {
    content: '✔' !important;
    color: #ffffff !important; /* Palomita blanca */
    font-size: 14px !important;
    position: absolute !important;
    font-weight: 900 !important;
}

/* 6. Diseño del Menú Desplegable (Select) */
.wpfFilterContent select {
    width: 100% !important;
    padding: 12px 15px !important;
    border-radius: 12px !important;
    border: 1px solid #dddddd !important;
    color: #333333 !important;
    background-color: #fcfcfc !important; 
    font-size: 14px !important;
    outline: none !important;
    appearance: auto !important;
    cursor: pointer;
}

.wpfFilterContent select:focus {
    border-color: #209626 !important;
}/* End custom CSS */