Feat: Ajustes de seguridad

Frontend/src/index.css

@@ -8,6 +8,8 @@
 
   --animate-fade-in-up: fade-in-up 0.5s ease-out;
   --animate-glow: glow 2s infinite alternate;
+  --animate-fade-in: fade-in 0.3s ease-out forwards;
+  --animate-scale-up: scale-up 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
 
   @keyframes fade-in-up {
     from {
@@ -52,16 +54,22 @@
       transform: scale(1);
     }
   }
-
-  .animate-fade-in {
-    animation: fade-in 0.3s ease-out forwards;
-  }
-
-  .animate-scale-up {
-    animation: scale-up 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-  }
 }
 
+/* Clases de utilidad personalizadas (fuera de @theme) */
+.animate-fade-in {
+  animation: var(--animate-fade-in);
+}
+
+.animate-scale-up {
+  animation: var(--animate-scale-up);
+}
+
+.animate-fade-in-up {
+  animation: var(--animate-fade-in-up);
+}
+
+
 :root {
   background-color: var(--color-dark-bg);
   color: white;