diff --git a/public/app.js b/public/app.js
index a8c867a..d6cb040 100644
--- a/public/app.js
+++ b/public/app.js
@@ -2624,7 +2624,10 @@ const initApp = () => {
 
   // Botão "Cancelar"
   if (btnCancelTemplate) {
-    btnCancelTemplate.addEventListener('click', clearTemplateForm);
+    btnCancelTemplate.addEventListener('click', () => {
+      clearTemplateForm();
+      if (modelosRelatorioModal) modelosRelatorioModal.style.display = 'none';
+    });
   }
 
   // Botão "Salvar Modelo"
diff --git a/public/style.css b/public/style.css
index 33984f0..657c01c 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2984,3 +2984,31 @@ code {
   from { transform: scale(0.95); opacity: 0; }
   to { transform: scale(1); opacity: 1; }
 }
+
+/* Estilo para botões de fechar modal genéricos */
+.btn-close-modal {
+  background: none;
+  border: none;
+  color: var(--text-secondary, #a3a3a3);
+  cursor: pointer;
+  padding: 6px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  width: 32px;
+  height: 32px;
+}
+
+.btn-close-modal svg {
+  width: 20px;
+  height: 20px;
+  stroke: currentColor;
+}
+
+.btn-close-modal:hover {
+  color: var(--text-primary, #ffffff);
+  background-color: rgba(255, 255, 255, 0.1);
+  transform: scale(1.05);
+}