.elementor-484 .elementor-element.elementor-element-beee487{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:center;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:15px;--e-filter-normal-text-color:var( --e-global-color-astglobalcolor4 );--e-filter-hover-text-color:var( --e-global-color-astglobalcolor4 );--e-filter-active-text-color:var( --e-global-color-astglobalcolor4 );--e-filter-item-border-radius:25px 25px 25px 25px;}.elementor-484 .elementor-element.elementor-element-beee487 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-text );}.elementor-484 .elementor-element.elementor-element-beee487 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-primary );}.elementor-484 .elementor-element.elementor-element-beee487 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-primary );}.elementor-484 .elementor-element.elementor-element-beee487 .e-filter-item{padding:7px 28px 7px 28px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-484 .elementor-element.elementor-element-0f4f8ff{--grid-columns:3;}.elementor-484 .elementor-element.elementor-element-0f4f8ff .elementor-loop-container{grid-auto-rows:1fr;}.elementor-484 .elementor-element.elementor-element-0f4f8ff .e-loop-item > .elementor-section, .elementor-484 .elementor-element.elementor-element-0f4f8ff .e-loop-item > .elementor-section > .elementor-container, .elementor-484 .elementor-element.elementor-element-0f4f8ff .e-loop-item > .e-con, .elementor-484 .elementor-element.elementor-element-0f4f8ff .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-484 .elementor-element.elementor-element-0f4f8ff{--grid-columns:2;}}@media(max-width:767px){.elementor-484 .elementor-element.elementor-element-beee487{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-space-between:10px;}.elementor-484 .elementor-element.elementor-element-beee487 .e-filter-item{font-size:14px;}.elementor-484 .elementor-element.elementor-element-0f4f8ff{--grid-columns:1;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-beee487 *//* -----------------------------------------
   FILTRO DE BLOG - COLORES PERSONALIZADOS
----------------------------------------- */

/* Animación suave general para los cambios de color */
#filtro-blog .e-filter-item {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 1. Botón "Todas" */
#filtro-blog .e-filter-item[data-filter="__all"] {
    background-color: #000000;
    color: #ffffff; /* Texto blanco inicial para asegurar contraste */
}
#filtro-blog .e-filter-item[data-filter="__all"]:hover,
#filtro-blog .e-filter-item[data-filter="__all"][aria-pressed="true"] {
    background-color: #071b0d;
    /* El texto mantiene su color heredado */
}

/* 2. Botón "Casos de Éxito" */
#filtro-blog .e-filter-item[data-filter="casos-de-exito"] {
    background-color: #15882e;
    color: #ffffff; /* Texto blanco inicial como se ve en la captura */
}
#filtro-blog .e-filter-item[data-filter="casos-de-exito"]:hover,
#filtro-blog .e-filter-item[data-filter="casos-de-exito"][aria-pressed="true"] {
    background-color: #44a058;
    color: #000000; /* Pasa a negro */
}

/* 3. Botón "Tecnología" */
#filtro-blog .e-filter-item[data-filter="tecnologia"] {
    background-color: #c3ec45;
    color: #000000; /* Texto negro inicial por el fondo claro */
}
#filtro-blog .e-filter-item[data-filter="tecnologia"]:hover,
#filtro-blog .e-filter-item[data-filter="tecnologia"][aria-pressed="true"] {
    background-color: #1c4b42;
    color: #ffffff; /* Pasa a blanco */
}/* End custom CSS */