diff --git a/src/components/calculos/DetalhePensaoAlimenticia.tsx b/src/components/calculos/DetalhePensaoAlimenticia.tsx
index 222b039..24ebcce 100644
--- a/src/components/calculos/DetalhePensaoAlimenticia.tsx
+++ b/src/components/calculos/DetalhePensaoAlimenticia.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams, useNavigate } from 'react-router-dom'; // Adicionar useNavigate
 import { toast } from 'react-toastify';
 import api from '../../services/api';
 
@@ -27,17 +27,18 @@ interface CalculoPensao {
 
 export function DetalhePensaoAlimenticia() {
   const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate(); // Adicionar hook de navegação
   const [calculo, setCalculo] = useState<CalculoPensao | null>(null);
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
     const loadCalculo = async () => {
       try {
-        const response = await api.get(`/pensao-alimenticia/${id}`);
+        const response = await api.get(`/api/pensao-alimenticia/${id}`);
         setCalculo(response.data);
       } catch (error) {
         console.error('Erro ao carregar cálculo:', error);
-        toast.error('Falha ao carregar dados do cálculo');
+        setCalculo(null); // Não exibir erro, apenas não mostrar cálculo
       } finally {
         setLoading(false);
       }
@@ -51,7 +52,17 @@ export function DetalhePensaoAlimenticia() {
   }
 
   if (!calculo) {
-    return <div>Cálculo não encontrado</div>;
+    return (
+      <div className="bg-white shadow-md rounded-lg p-6 flex flex-col items-center">
+        <div className="text-lg mb-4 text-gray-700">Nenhum cálculo de pensão alimentícia encontrado.</div>
+        <button
+          className="px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700"
+          onClick={() => navigate('/pensao-alimenticia/novo')}
+        >
+          Criar novo cálculo
+        </button>
+      </div>
+    );
   }
 
   return (
@@ -90,6 +101,15 @@ export function DetalhePensaoAlimenticia() {
           <p className="text-gray-700">{calculo.observacoes}</p>
         </div>
       )}
+
+      <div className="mt-8 flex justify-end">
+        <button
+          className="px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700"
+          onClick={() => navigate('/pensao-alimenticia/novo')}
+        >
+          Criar novo cálculo
+        </button>
+      </div>
     </div>
   );
 }
\ No newline at end of file
diff --git a/src/server/routes/calculosJudiciais.ts b/src/server/routes/calculosJudiciais.ts
index e2786c7..d08aa89 100644
--- a/src/server/routes/calculosJudiciais.ts
+++ b/src/server/routes/calculosJudiciais.ts
@@ -83,11 +83,9 @@ router.get('/:id', async (req, res) => {
   try {
     const { id } = req.params;
     const calculo = await calculoService.buscarCalculo(id);
-    
     if (!calculo) {
       return res.status(404).json({ error: 'Cálculo não encontrado' });
     }
-    
     res.json(calculo);
   } catch (error) {
     console.error('Erro ao buscar cálculo:', error);
diff --git a/src/server/routes/pensaoAlimenticia.ts b/src/server/routes/pensaoAlimenticia.ts
index 516d433..828c24f 100644
--- a/src/server/routes/pensaoAlimenticia.ts
+++ b/src/server/routes/pensaoAlimenticia.ts
@@ -55,7 +55,6 @@ router.post('/', async (req, res) => {
 router.get('/:id', async (req, res) => {
   try {
     const { id } = req.params;
-    
     const calculo = await prisma.calculoPensaoAlimenticia.findUnique({
       where: { id },
       include: {
@@ -70,11 +69,9 @@ router.get('/:id', async (req, res) => {
         }
       }
     });
-
     if (!calculo) {
       return res.status(404).json({ error: 'Cálculo não encontrado' });
     }
-
     res.json(calculo);
   } catch (error) {
     console.error('Erro ao buscar cálculo:', error);