Update modules/ui/ui.py

modules/ui/ui.py

@@ -250,48 +250,53 @@ def login_register_page(lang_code, t):
             margin-left: 10px;
             vertical-align: middle;
         }
-        .logo-center {
+        
+        /* CENTRAR EL LOGO - NUEVO ESTILO */
+        .logo-center-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 20px 0 30px 0;
+            width: 100%;
+        }
+        .logo-center-container img {
+            display: block;
+            margin: 0 auto;
+        }
+        /* Centrar el contenedor de imagen de Streamlit */
+        [data-testid="stImage"] {
             text-align: center;
-            margin: 10px 0 20px 0;
+            margin: 0 auto;
         }
+        /* Forzar centrado del logo */
+        div.stImage {
+            text-align: center;
+        }
+        div.stImage > img {
+            margin: 0 auto;
+            display: block;
+        }
+        
     </style>
     """, unsafe_allow_html=True)
 
     # ============================================
     # [1] LOGO AIdeaText CENTRADO - UNA SOLA FILA
     # ============================================
-    st.markdown('<div class="logo-center">', unsafe_allow_html=True)
-    st.image("https://huggingface.co/spaces/AIdeaText/v5Prod/resolve/main/assets/img/AIdeaText_Logo_vectores.png", 
-             width=200)
-    st.markdown('</div>', unsafe_allow_html=True)
+    # Opción 1: Usar columnas para centrar
+    col_left, col_center, col_right = st.columns([1, 2, 1])
     
-    # ============================================
-    # LOGOS DE ALIADOS EN 3 COLUMNAS
-    # ============================================
-    # col_logo1, col_logo2, col_logo3 = st.columns(3)
-    # col_logo1 = st.columns(1)
-    
-    # with col_logo1:
-    #    st.image("https://huggingface.co/spaces/AIdeaText/v5Prod/resolve/main/assets/img/ALPHA_Startup%20Badges.png", 
-    #             width=120)
-    #    st.caption("ALPHA Startup")
-    
-    # with col_logo2:
-    #    st.image("https://huggingface.co/spaces/AIdeaText/v5Prod/resolve/main/assets/img/socialmedia/nvidia/nvidia-inception-program-badge-rgb-for-screen.png", 
-    #             width=200)
-    #    st.caption("NVIDIA Inception")
-    
-    # with col_logo3:
-    #    st.image("https://via.placeholder.com/200x120/4F46E5/FFFFFF?text=incMTY\nAccelerator", 
-    #             width=200)
-    #    st.caption("incMTY Accelerator")
+    with col_center:
+        st.image("https://huggingface.co/spaces/AIdeaText/v5Prod/resolve/main/assets/img/AIdeaText_Logo_vectores.png", 
+                 width=200)
     
     st.markdown("---")
-
+    
     # Main content with columns
     left_column, right_column = st.columns([1, 3])
     
     with left_column:
+        
         # ============================================
         # [2] CONTENEDOR "COMIENZA" CON SELECTOR DE IDIOMA
         # ============================================