I can see the logo image - it shows a circular orange/yellow ring on the left side with white text and an orange accent dot, designed for a dark background (two-color logo style).

Let me find where the logo is used and update it with your new image.

Now I'll save the new logo and update all the references. The logo has orange/white colors so I need to remove the brightness-0 invert filter where it appears on dark backgrounds.

Now I need to update the components. The new logo has white text designed for dark backgrounds, so I should remove the brightness-0 invert filter from the hero and footer (which already have dark backgrounds), but keep it or adjust it for the agendar page header which has a light background.

Now I need to handle the agendar page - since the header there has a light background (bg-card), the white text in the logo won't be visible. I'll add a filter to make it work on light backgrounds:

He actualizado el logo en las tres ubicaciones donde aparece:

1. Hero section - Eliminado el filtro brightness-0 invert ya que el nuevo logo tiene colores blanco y naranja diseñados para fondos oscuros
2. Footer - Igual, eliminado el filtro para mostrar los colores originales del logo
3. Pagina de agendar - Agregado un filtro CSS para convertir el logo a tonos teal/verdes que funcionen sobre el fondo claro del header

El nuevo logo con el aro naranja y texto blanco ahora se muestra correctamente en toda la aplicacion.

Listo. He cambiado el color de los valores de las estadisticas (24/7, 100%, 50%, 3, $1000) de text-primary (que era amarillo/naranja) a text-white para que ahora se muestren en blanco sobre el fondo teal oscuro.