Update modules/ui/ui.py

modules/ui/ui.py

@@ -77,6 +77,7 @@ eventos = [
     }    
 ]
 
+#####################
 def initialize_carousel_state():
     """Inicializa todas las variables de estado necesarias para el carrusel"""
     if not hasattr(st.session_state, 'current_event'):
@@ -216,9 +217,21 @@ def login_register_page(lang_code, t):
         div.row-widget.stHorizontalBlock {
             align-items: center;
         }
+        /* Resaltar el tab de registro */
+        .stTabs [data-baseweb="tab-list"] {
+            gap: 0px;
+        }
+        .stTabs [data-baseweb="tab"] {
+            padding: 10px 20px;
+            font-weight: 600;
+        }
+        .stTabs [aria-selected="true"] {
+            background-color: #1E3A8A;
+            color: white !important;
+            border-radius: 5px 5px 0 0;
+        }
     </style>
     """, unsafe_allow_html=True)
-
 ####################################################################################################################################    
 
     # Pie de página legal (debe ir al final de la función)
@@ -285,13 +298,32 @@ def login_register_page(lang_code, t):
     left_column, right_column = st.columns([1, 3])
     
     with left_column:
-        tab1, tab2 = st.tabs([landing_t['login'], landing_t['register']])
+        # ============================================
+        # FORMULARIO PRINCIPAL - REGISTRO PRIMERO
+        # ============================================
         
-        with tab1:
-            login_form(lang_code, landing_t)
+        # Encabezado para resaltar la acción principal
+        st.markdown("""
+        <div style='background: linear-gradient(135deg, #1E3A8A 0%, #3730A3 100%); 
+                color: white; padding: 15px; border-radius: 10px 10px 0 0; text-align: center;'>
+            <h3 style='margin: 0;'>🚀 Comienza Gratis</h3>
+            <p style='margin: 5px 0 0 0; opacity: 0.9; font-size: 0.9em;'>
+                Regístrate en 30 segundos
+            </p>
+        </div>
+        """, unsafe_allow_html=True)
+        
+        # Crear tabs - REGISTRO siempre primero
+        tab_titles = [f"📝 {landing_t['register']}", f"🔐 {landing_t['login']}"]
+        tabs = st.tabs(tab_titles)
         
-        with tab2:
+        # TAB 1: FORMULARIO DE REGISTRO (Siempre visible por defecto)
+        with tabs[0]:
             register_form(lang_code, landing_t)
+        
+        # TAB 2: FORMULARIO DE LOGIN
+        with tabs[1]:
+            login_form(lang_code, landing_t)
     
     with right_column:
         display_videos_and_info(lang_code, landing_t)