Improve main header styling: enforce white color, stronger shadows

app.py

@@ -1084,18 +1084,25 @@ with gr.Blocks(
     }
 
     .main-header h1 {
-        color: white;
+        color: #ffffff !important;
         font-size: 2.5rem;
-        font-weight: 700;
+        font-weight: 700 !important;
         margin: 0 0 10px 0;
-        text-shadow: 0 2px 4px rgba(0,0,0,0.3);
+        text-shadow: 3px 3px 6px rgba(0,0,0,0.9) !important;
     }
 
     .main-header p {
-        color: rgba(255,255,255,0.9);
+        color: #ffffff !important;
         font-size: 1.2rem;
         margin: 0;
-        font-weight: 300;
+        font-weight: 500 !important;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
+    }
+
+    .main-header div {
+        color: #ffffff !important;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
+        font-weight: 500 !important;
     }
 
     /* Secciones con mejor espaciado */
@@ -1290,9 +1297,9 @@ with gr.Blocks(
     # Header principal mejorado
     gr.HTML("""
     <div class="main-header">
-        <h1 style="color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.7);">KESHERAT AI</h1>
-        <p style="color: #ffffff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">Sistema Inteligente de Inspección para Turbinas Eólicas</p>
-        <div style="margin-top: 15px; font-size: 14px; color: #ffffff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
+        <h1 style="color: #ffffff !important; text-shadow: 3px 3px 6px rgba(0,0,0,0.8) !important; font-weight: 700 !important;">KESHERAT AI</h1>
+        <p style="color: #ffffff !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important; font-weight: 500 !important;">Sistema Inteligente de Inspección para Turbinas Eólicas</p>
+        <div style="margin-top: 15px; font-size: 14px; color: #ffffff !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important; font-weight: 500 !important;">
             Detección automática de defectos • Análisis multimodal • Reportes profesionales
         </div>
     </div>