diff --git a/susconecta/app/globals.css b/susconecta/app/globals.css
index 5234f59..df339bd 100644
--- a/susconecta/app/globals.css
+++ b/susconecta/app/globals.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
-@custom-variant dark (&:is(.dark *));
+/* Removed unsupported @custom-variant dark (&:is(.dark *)); */
 
 :root {
   --background: #ffffff;
diff --git a/susconecta/hooks/use-force-default-theme.ts b/susconecta/hooks/use-force-default-theme.ts
new file mode 100644
index 0000000..460c55a
--- /dev/null
+++ b/susconecta/hooks/use-force-default-theme.ts
@@ -0,0 +1,15 @@
+'use client'
+
+import { useEffect } from 'react'
+import { useTheme } from 'next-themes'
+
+export function useForceDefaultTheme() {
+  const { setTheme } = useTheme()
+
+  useEffect(() => {
+    // Força tema claro sempre que o componente montar
+    document.documentElement.classList.remove('dark')
+    localStorage.setItem('theme', 'light')
+    setTheme('light')
+  }, [setTheme])
+}
\ No newline at end of file