Update app.py

app.py

@@ -76,6 +76,46 @@ def create_interface():
         background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
     }
     
+    /* FIX CRÍTICO PARA TEXTO BLANCO SOBRE BLANCO */
+    .markdown-text, .markdown-text *, 
+    .prose, .prose *,
+    .gr-markdown, .gr-markdown *,
+    div[class*="markdown"], div[class*="markdown"] * {
+        color: #1f2937 !important;
+    }
+    
+    .markdown-text h1, .markdown-text h2, .markdown-text h3, 
+    .prose h1, .prose h2, .prose h3,
+    .gr-markdown h1, .gr-markdown h2, .gr-markdown h3 {
+        color: #111827 !important;
+        font-weight: 700 !important;
+    }
+    
+    .markdown-text p, .markdown-text li, .markdown-text ul, .markdown-text ol,
+    .prose p, .prose li, .prose ul, .prose ol,
+    .gr-markdown p, .gr-markdown li, .gr-markdown ul, .gr-markdown ol {
+        color: #374151 !important;
+    }
+    
+    .markdown-text strong, .prose strong, .gr-markdown strong {
+        color: #111827 !important;
+        font-weight: 700 !important;
+    }
+    
+    /* Asegurar que las listas sean visibles */
+    ul, ol {
+        color: #374151 !important;
+    }
+    
+    li {
+        color: #374151 !important;
+    }
+    
+    /* Bullets de listas */
+    ul li::marker {
+        color: #374151 !important;
+    }
+    
     .main-header {
         text-align: center;
         padding: 3rem 0 4rem 0;
@@ -132,6 +172,7 @@ def create_interface():
         padding: 2.5rem !important;
         box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.1) !important;
         transition: all 0.3s ease !important;
+        color: #1f2937 !important;
     }
     
     .prompt-output:hover {
@@ -139,7 +180,12 @@ def create_interface():
         transform: translateY(-2px) !important;
     }
     
-    /* Fix for footer text visibility */
+    /* Fix para el output de información */
+    .gr-textbox label {
+        color: #374151 !important;
+    }
+    
+    /* Fix para footer */
     footer, .footer, [class*="footer"] {
         color: #374151 !important;
     }
@@ -157,10 +203,11 @@ def create_interface():
         color: #2563eb !important;
     }
     
-    /* Additional style fixes for Gradio components */
+    /* Botones */
     .gr-button-primary {
         background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
         border: none !important;
+        color: white !important;
     }
     
     .gr-button-primary:hover {
@@ -168,6 +215,16 @@ def create_interface():
         transform: translateY(-1px);
         box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
     }
+    
+    /* Asegurar que TODOS los elementos de texto sean visibles */
+    * {
+        -webkit-text-fill-color: initial !important;
+    }
+    
+    /* Solo el título principal mantiene su gradiente */
+    .main-title {
+        -webkit-text-fill-color: transparent !important;
+    }
     """
     
     with gr.Blocks(