La imagen muestra una sección de filtros con: título "Filtros de búsqueda" y link "Ocultar filtros" en la cabecera, filtros en grid de 4 columnas en 2 filas, y en el pie "Filtros aplicados: 2" a la izquierda con botón "Limpiar Filtros" azul a la derecha.
Ahora actualizo el componente de filtros para que coincida con el diseño de la imagen: título "Filtros de búsqueda" con "Ocultar filtros" a la derecha (como link), filtros en grid, y en el pie "Filtros aplicados: X" a la izquierda con "Limpiar Filtros" a la derecha y botones Aplicar + Exportar separados.
Ahora actualizo el componente principal para calcular y pasar el contador de filtros aplicados:
He actualizado la cabecera de filtros siguiendo el diseño de la imagen:
Ahora actualizo el componente principal para quitar los props y lógica que ya no se usan:
Ahora necesito cambiar la lógica para que los filtros se apliquen automáticamente en lugar de esperar a "Consultar". Actualizo el filtrado para usar filters directamente:
He realizado los cambios solicitados: