Continuación de CRUDs e inicio de Reportes.

Frontend/src/routes/AppRoutes.tsx

@@ -52,6 +52,10 @@ import GestionarRitmosPage from '../pages/Radios/GestionarRitmosPage';
 import GestionarCancionesPage from '../pages/Radios/GestionarCancionesPage';
 import GenerarListasRadioPage from '../pages/Radios/GenerarListasRadioPage';
 
+// Reportes
+import ReportesIndexPage from '../pages/Reportes/ReportesIndexPage'; // Crear este si no existe
+import ReporteExistenciaPapelPage from '../pages/Reportes/ReporteExistenciaPapelPage';
+
 // Auditorias
 import GestionarAuditoriaUsuariosPage from '../pages/Usuarios/Auditoria/GestionarAuditoriaUsuariosPage';
 
@@ -150,8 +154,12 @@ const AppRoutes = () => {
             <Route path="tiradas" element={<GestionarTiradasPage />} />
           </Route>
 
-          {/* Otros Módulos Principales (estos son "finales", no tienen más hijos) */}
-          <Route path="reportes" element={<PlaceholderPage moduleName="Reportes" />} />
+          {/* Módulo de Reportes */}
+          <Route path="reportes" element={<ReportesIndexPage />}> {/* Página principal del módulo */}
+            <Route index element={<Typography sx={{p:2}}>Seleccione un reporte del menú lateral.</Typography>} /> {/* Placeholder */}
+            <Route path="existencia-papel" element={<ReporteExistenciaPapelPage />} />
+            {/* Aquí se añadirán las rutas para otros reportes */}
+          </Route>
 
           {/* Módulo de Radios (anidado) */}
           <Route path="radios" element={<RadiosIndexPage />}>