diff --git a/components/Section/Calendario/Forms/Form1.vue b/components/Section/Calendario/Forms/Form1.vue
index a9a161fe..50c4dc81 100644
--- a/components/Section/Calendario/Forms/Form1.vue
+++ b/components/Section/Calendario/Forms/Form1.vue
@@ -1,91 +1,230 @@
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { useQueryClient } from '@tanstack/vue-query';
+import { useForm } from 'vee-validate';
+import { computed } from 'vue';
+import * as yup from 'yup';
+import { useApiClient, useApiCursosFindOne } from '~/composables';
 
+const $emit = defineEmits(['close', 'next']);
 
-interface Calendario {
-  cor: string;
-  inicio: string; 
-  fim: string; 
-}
-
+const nextForm = () => {
+  $emit('next'); // Emitir o evento de próximo
+};
 
-const calendario = ref<Calendario>({
-  cor: '#000000',
-  inicio: '',
-  fim: '',
-});
+const years = [2024, 2023, 2022, 2021, 2020, 2019];
 
-// Emitindo eventos
 const closeForm = () => {
   $emit('close');
 };
 
-const nextForm = () => {
-  $emit('next');
+
+type Props = {
+  editId?: string | null;
 };
 
-const $emit = defineEmits(['close', 'next']);
-</script>
+const props = withDefaults(defineProps<Props>(), {
+  editId: null,
+});
+
+//
+
+const editIdRef = toRef(props, 'editId');
+
+
+const apiClient = useApiClient();
+const queryClient = useQueryClient();
 
+const { curso: currentCurso } = await useApiCursosFindOne(editIdRef);
+
+type FormValues = {
+  imagem: Blob | null | undefined;
+
+  modalidade: {
+    id: string | null;
+  };
+  campus: {
+    id: string | null;
+  };
+
+  nome: string;
+
+  nomeAbreviado: string;
+};
+
+type FormOutput = {
+  imagem: Blob | null | undefined;
+
+  modalidade: {
+    id: string;
+  };
+  campus: {
+    id: string;
+  };
+
+  nome: string;
+
+  nomeAbreviado: string;
+};
+
+const initialFormValues = reactive({
+  imagem: null,
+  modalidade: {
+    id: currentCurso.value?.modalidade?.id ?? null,
+  },
+
+  campus: {
+    id: currentCurso.value?.campus?.id ?? null,
+  },
+  nome: currentCurso.value?.nome ?? '',
+  nomeAbreviado: currentCurso.value?.nomeAbreviado ?? '',
+});
+
+const handleDelete = async () => {
+  const id = editIdRef.value;
+
+  if (!id) return;
+
+  const resposta = window.confirm(
+    'Você tem certeza de que deseja deletar esse curso?'
+  );
+
+  if (resposta) {
+    await apiClient.cursos.cursoDeleteById({ id: id });
+    await queryClient.invalidateQueries({ queryKey: ['cursos'] });
+    $emit('close');
+  }
+};
+
+const schema = yup.object().shape({
+  imagem: yup.mixed().nullable().optional(),
+  modalidade: yup.object().shape({
+    id: yup.string().required('Modalidade é obrigatório!'),
+  }),
+  campus: yup.object().shape({
+    id: yup.string().required('Campus é obrigatório!'),
+  }),
+
+  nome: yup.string().required('Nome do bloco é obrigatório!'),
+  nomeAbreviado: yup
+    .string()
+    .required('Nome abreviado do bloco é obrigatório!'),
+});
+
+const {
+  resetForm,
+  handleSubmit,
+  setFieldValue,
+  values: formValues,
+} = useForm<FormValues, FormOutput>({
+  validationSchema: schema,
+  initialValues: initialFormValues,
+});
+
+const onSubmit = handleSubmit(async (values: FormOutput) => {
+  const editId = editIdRef.value;
+
+  const { imagem, ...data } = values;
+
+  let id;
+
+  if (editId === null) {
+    const cursoCriado = await apiClient.cursos.cursoCreate({
+      requestBody: { ...data },
+    });
+
+    id = cursoCriado.id;
+  } else {
+    await apiClient.cursos.cursoUpdateById({
+      id: editId,
+
+      requestBody: {
+        ...values,
+      },
+    });
+
+    id = editId;
+  }
+
+  if (imagem) {
+    await apiClient.cursos.cursoSetCoverImage({
+      id: id,
+      formData: {
+        file: imagem,
+      },
+    });
+  }
+
+  await queryClient.invalidateQueries({
+    queryKey: ['cursos'],
+  });
+
+  resetForm();
+  $emit('close');
+}, console.error);
+
+const nome = computed({
+  get: () => formValues.nome,
+  set: (value) => {
+    formValues.nome = value;
+  },
+});
+</script>
 
 <template>
-  <v-form class="form">
+  <v-form @submit.prevent="onSubmit" class="form">
     <div class="form-header">
       <h1 class="main-title">
         <span>Cadastrar novo calendário</span>
       </h1>
     </div>
-    <div class="flex items-center mb-3 mt-4">
-      <span class="font-bold mr-2">Etapa 1</span>
-      <hr class="divider flex-grow m-0" />
-    </div>
+
+    <v-divider class="my-4" />
 
     <div class="form-body modal-form">
+
       <VVTextField
-        v-model="calendario.cor"
-        type="color"
-        label="Cor"
-        placeholder="Selecione a cor"
+        v-model="nome"
+        type="text"
+        label="Nome"
+        placeholder="Digite aqui"
         name="nome"
-        class="color-picker-square"
       />
 
-      <div class="date-fields">
-        <VVTextField
-          v-model="calendario.inicio" 
-          type="date"
-          label="Início"
-          placeholder="Selecione a data de início"
-          name="inicio"
-        />
-        <VVTextField
-          v-model="calendario.fim"  
-          type="date"
-          label="Término"
-          placeholder="Selecione a data de término"
-          name="fim"
-        />    
-      </div>
+      <VVAutocomplete
+            name="year.id"
+            label="Ano letivo"
+            placeholder="Selecione um ano"
+            :items="years"
+            class="xl:max-w-[100%]"
+          />
 
+      <VVAutocompleteAPIModalidade name="modalidade.id" />
+
+      <VVAutocompleteAPICurso name="curso.id" />
     </div>
 
     <v-divider />
 
     <div class="form-footer button-group">
+        <div class="form-footer button-group">
       <UIButtonModalCancelButton @click="closeForm" />
       <UIButtonModalAdvancedButton @click="nextForm" />
     </div>
+    </div>
   </v-form>
 </template>
 
-
 <style scoped>
-.form {
-  overflow: auto;
+/* .form {
+	overflow: hidden;
 }
 
-.divider {
-  border: 1px solid #9ab69e;
+.form-body {
+	overflow: auto;
+} */
+
+.form {
+  overflow: auto;
 }
 
 .modal-form {
@@ -114,19 +253,19 @@ const $emit = defineEmits(['close', 'next']);
   gap: 153px;
 }
 
-.color-picker-square input[type="color"]::-webkit-color-swatch {
-  width: 50px; /* Largura da barra de cor */
-  height: 50px; /* Altura da barra de cor */
-  border: none; /* Remove borda da barra de cor */
-  background: none; /* Remove fundo da barra de cor */
+.button {
+  font-weight: 700;
+  margin-top: 20px;
+  cursor: pointer;
+  border: none;
 }
 
-.color-picker-square input[type="color"] {
-  width: 100%;
-  height: 100%;
-  border: none;
-  padding: 0;
-  cursor: pointer;
+.v-btn.buttonCancelar,
+.v-btn.buttonCadastro {
+  padding: 6px 20px;
+  border-radius: 8px;
+  height: auto;
+  text-transform: none;
 }
 
 @media screen and (max-width: 450px) {
@@ -140,14 +279,4 @@ const $emit = defineEmits(['close', 'next']);
     padding: 6px 20px;
   }
 }
-
-.date-fields {
-  display: flex; /* Habilita o Flexbox */
-  gap: 20px; /* Espaçamento entre os campos */
-}
-
-.date-fields .v-text-field {
-  flex: 1; /* Faz com que cada campo de data ocupe espaço igual */
-}
-
 </style>
diff --git a/components/Section/Calendario/Forms/Form2.vue b/components/Section/Calendario/Forms/Form2.vue
index 5c6b109c..d94191d8 100644
--- a/components/Section/Calendario/Forms/Form2.vue
+++ b/components/Section/Calendario/Forms/Form2.vue
@@ -1,232 +1,98 @@
 <script lang="ts" setup>
-import { useQueryClient } from '@tanstack/vue-query';
-import { useForm } from 'vee-validate';
-import { computed } from 'vue';
-import * as yup from 'yup';
-import { useApiClient, useApiCursosFindOne } from '~/composables';
+import { ref } from 'vue';
 
-//
 
-const years = [2024, 2023, 2022, 2021, 2020, 2019];
-
-const closeForm = () => {
-  $emit('close');
-};
-
-const nextForm = () => {
-  $emit('next');
-};
+interface Calendario {
+  cor: string;
+  inicio: string; 
+  fim: string; 
+}
 
-type Props = {
-  editId?: string | null;
-};
 
-const props = withDefaults(defineProps<Props>(), {
-  editId: null,
+const calendario = ref<Calendario>({
+  cor: '#000000',
+  inicio: '',
+  fim: '',
 });
 
-//
-
-const editIdRef = toRef(props, 'editId');
-
-const $emit = defineEmits(['close', 'next']);
-
-const apiClient = useApiClient();
-const queryClient = useQueryClient();
-
-const { curso: currentCurso } = await useApiCursosFindOne(editIdRef);
-
-type FormValues = {
-  imagem: Blob | null | undefined;
-
-  modalidade: {
-    id: string | null;
-  };
-  campus: {
-    id: string | null;
-  };
-
-  nome: string;
-
-  nomeAbreviado: string;
+// Emitindo eventos
+const closeForm = () => {
+  $emit('close');
 };
 
-type FormOutput = {
-  imagem: Blob | null | undefined;
-
-  modalidade: {
-    id: string;
-  };
-  campus: {
-    id: string;
-  };
-
-  nome: string;
-
-  nomeAbreviado: string;
+const nextForm = () => {
+  $emit('next'); // Emitir o evento de próximo
 };
 
-const initialFormValues = reactive({
-  imagem: null,
-  modalidade: {
-    id: currentCurso.value?.modalidade?.id ?? null,
-  },
-
-  campus: {
-    id: currentCurso.value?.campus?.id ?? null,
-  },
-  nome: currentCurso.value?.nome ?? '',
-  nomeAbreviado: currentCurso.value?.nomeAbreviado ?? '',
-});
-
-const handleDelete = async () => {
-  const id = editIdRef.value;
-
-  if (!id) return;
-
-  const resposta = window.confirm(
-    'Você tem certeza de que deseja deletar esse curso?'
-  );
-
-  if (resposta) {
-    await apiClient.cursos.cursoDeleteById({ id: id });
-    await queryClient.invalidateQueries({ queryKey: ['cursos'] });
-    $emit('close');
-  }
+const backform = () => {
+  $emit('back'); // Emitir o evento de próximo
 };
-
-const schema = yup.object().shape({
-  imagem: yup.mixed().nullable().optional(),
-  modalidade: yup.object().shape({
-    id: yup.string().required('Modalidade é obrigatório!'),
-  }),
-  campus: yup.object().shape({
-    id: yup.string().required('Campus é obrigatório!'),
-  }),
-
-  nome: yup.string().required('Nome do bloco é obrigatório!'),
-  nomeAbreviado: yup
-    .string()
-    .required('Nome abreviado do bloco é obrigatório!'),
-});
-
-const {
-  resetForm,
-  handleSubmit,
-  setFieldValue,
-  values: formValues,
-} = useForm<FormValues, FormOutput>({
-  validationSchema: schema,
-  initialValues: initialFormValues,
-});
-
-const onSubmit = handleSubmit(async (values: FormOutput) => {
-  const editId = editIdRef.value;
-
-  const { imagem, ...data } = values;
-
-  let id;
-
-  if (editId === null) {
-    const cursoCriado = await apiClient.cursos.cursoCreate({
-      requestBody: { ...data },
-    });
-
-    id = cursoCriado.id;
-  } else {
-    await apiClient.cursos.cursoUpdateById({
-      id: editId,
-
-      requestBody: {
-        ...values,
-      },
-    });
-
-    id = editId;
-  }
-
-  if (imagem) {
-    await apiClient.cursos.cursoSetCoverImage({
-      id: id,
-      formData: {
-        file: imagem,
-      },
-    });
-  }
-
-  await queryClient.invalidateQueries({
-    queryKey: ['cursos'],
-  });
-
-  resetForm();
-  $emit('close');
-}, console.error);
-
-const nome = computed({
-  get: () => formValues.nome,
-  set: (value) => {
-    formValues.nome = value;
-  },
-});
+const $emit = defineEmits(['close', 'next', 'back']);
 </script>
 
+
 <template>
-  <v-form @submit.prevent="onSubmit" class="form">
+  <v-form class="form">
     <div class="form-header">
       <h1 class="main-title">
         <span>Cadastrar novo calendário</span>
       </h1>
     </div>
-
-    <v-divider class="my-4" />
+    <div class="flex items-center mb-3 mt-4">
+      <span class="font-bold mr-2">Etapa 1</span>
+      <hr class="divider flex-grow m-0" />
+    </div>
 
     <div class="form-body modal-form">
-
       <VVTextField
-        v-model="nome"
-        type="text"
-        label="Nome"
-        placeholder="Digite aqui"
+        v-model="calendario.cor"
+        type="color"
+        label="Cor"
+        placeholder="Selecione a cor"
         name="nome"
+        class="color-picker-square"
       />
 
-      <VVAutocomplete
-            name="year.id"
-            label="Ano letivo"
-            placeholder="Selecione um ano"
-            :items="years"
-            class="xl:max-w-[100%]"
-          />
-
-      <VVAutocompleteAPIModalidade name="modalidade.id" />
-
-      <VVAutocompleteAPICurso name="curso.id" />
+      <div class="date-fields">
+        <VVTextField
+          v-model="calendario.inicio" 
+          type="date"
+          label="Início"
+          placeholder="Selecione a data de início"
+          name="inicio"
+        />
+        <VVTextField
+          v-model="calendario.fim"  
+          type="date"
+          label="Término"
+          placeholder="Selecione a data de término"
+          name="fim"
+        />    
+      </div>
+
+      
     </div>
 
     <v-divider />
 
     <div class="form-footer button-group">
-        <div class="form-footer button-group">
       <UIButtonModalCancelButton @click="closeForm" />
+      <UIButtonModalBackButton @click="backform" />
       <UIButtonModalAdvancedButton @click="nextForm" />
     </div>
-    </div>
   </v-form>
 </template>
 
-<style scoped>
-/* .form {
-	overflow: hidden;
-}
-
-.form-body {
-	overflow: auto;
-} */
 
+<style scoped>
 .form {
   overflow: auto;
 }
 
+.divider {
+  border: 1px solid #9ab69e;
+}
+
 .modal-form {
   display: flex;
   flex-direction: column;
@@ -250,22 +116,22 @@ const nome = computed({
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 20px;
-  gap: 153px;
+  gap: 0px;
 }
 
-.button {
-  font-weight: 700;
-  margin-top: 20px;
-  cursor: pointer;
-  border: none;
+.color-picker-square input[type="color"]::-webkit-color-swatch {
+  width: 50px; /* Largura da barra de cor */
+  height: 50px; /* Altura da barra de cor */
+  border: none; /* Remove borda da barra de cor */
+  background: none; /* Remove fundo da barra de cor */
 }
 
-.v-btn.buttonCancelar,
-.v-btn.buttonCadastro {
-  padding: 6px 20px;
-  border-radius: 8px;
-  height: auto;
-  text-transform: none;
+.color-picker-square input[type="color"] {
+  width: 100%;
+  height: 100%;
+  border: none;
+  padding: 0;
+  cursor: pointer;
 }
 
 @media screen and (max-width: 450px) {
@@ -279,5 +145,14 @@ const nome = computed({
     padding: 6px 20px;
   }
 }
-</style>
-''
\ No newline at end of file
+
+.date-fields {
+  display: flex; /* Habilita o Flexbox */
+  gap: 20px; /* Espaçamento entre os campos */
+}
+
+.date-fields .v-text-field {
+  flex: 1; /* Faz com que cada campo de data ocupe espaço igual */
+}
+
+</style>
\ No newline at end of file
diff --git a/components/Section/Calendario/Forms/Form3.vue b/components/Section/Calendario/Forms/Form3.vue
index e0c58efc..7854b577 100644
--- a/components/Section/Calendario/Forms/Form3.vue
+++ b/components/Section/Calendario/Forms/Form3.vue
@@ -13,6 +13,10 @@ const calendario = ref<Calendario>({
   fim: '',
 });
 
+const backform = () => {
+  $emit('back'); // Emitir o evento de próximo
+};
+
 const closeForm = () => {
   $emit('close');
 };
@@ -21,7 +25,7 @@ const nextForm = () => {
   $emit('next');
 };
 
-const $emit = defineEmits(['close', 'next']);
+const $emit = defineEmits(['close', 'next', 'back']);
 </script>
 
 <template>
@@ -130,6 +134,7 @@ const $emit = defineEmits(['close', 'next']);
 
     <div class="form-footer button-group">
       <UIButtonModalCancelButton @click="closeForm" />
+      <UIButtonModalBackButton @click="backform" />
       <UIButtonModalAdvancedButton @click="nextForm" />
     </div>
   </v-form>
@@ -167,7 +172,7 @@ const $emit = defineEmits(['close', 'next']);
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 20px;
-  gap: 153px;
+  gap: 0px;
 }
 
 .color-picker-square input[type="color"]::-webkit-color-swatch {
diff --git a/components/Section/Calendario/Forms/Form4.vue b/components/Section/Calendario/Forms/Form4.vue
deleted file mode 100644
index e69de29b..00000000
diff --git a/components/Section/Calendario/Modal/ModalForm.vue b/components/Section/Calendario/Modal/ModalForm.vue
index e2d30a6f..f08b1549 100644
--- a/components/Section/Calendario/Modal/ModalForm.vue
+++ b/components/Section/Calendario/Modal/ModalForm.vue
@@ -11,7 +11,7 @@ const isActive = ref(false);
 
     <template v-slot:="{ isActive }">
       <v-card class="dialog-style">
-        <SectionCalendarioFormsForm1 @close="isActive.value = false" />
+        <SectionCalendarioFormsForm2 @close="isActive.value = false" />
       </v-card>
     </template>
   </v-dialog>