Update app.py

app.py

@@ -191,7 +191,6 @@ def run_full_onboarding(video, doc_img, full_name):
 
 # --- 4. INTERFAZ GRÁFICA GUIADA (WIZARD) CON CSS CUSTOM ---
 
-# Inyectamos CSS para dibujar un óvalo verde parpadeante sobre la cámara
 custom_css = """
 #guia_rostro {
     position: relative;
@@ -206,7 +205,7 @@ custom_css = """
     height: 300px;
     border: 4px dashed #00ff00;
     border-radius: 50%;
-    pointer-events: none; /* Evita que bloquee el clic para grabar */
+    pointer-events: none;
     z-index: 999;
     display: flex;
     align-items: flex-start;
@@ -226,7 +225,8 @@ custom_css = """
 }
 """
 
-with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
+# AJUSTE PARA GRADIO 6.0: Dejamos Blocks() vacío
+with gr.Blocks() as demo:
     gr.Markdown("<h1 style='text-align: center; color: #003366;'>🛡️ SafeScan: Onboarding Institucional</h1>")
     
     with gr.Column(visible=True) as paso_1:
@@ -240,7 +240,6 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
         5. ↔️ **Gira lentamente** la cabeza de lado a lado.
         """)
         n_in = gr.Textbox(label="Ingresa tu Nombre Completo", placeholder="Ej. Juan Carlos Albornoz")
-        # Le agregamos el elem_id="guia_rostro" para que el CSS sepa dónde dibujar el círculo
         v_in = gr.Video(label="Cámara", sources=["webcam"], include_audio=False, elem_id="guia_rostro")
         btn_paso1 = gr.Button("Siguiente: Escanear Cédula ➡️", variant="primary")
 
@@ -291,4 +290,5 @@ with gr.Blocks(theme=gr.themes.Soft(), css=custom_css) as demo:
     btn_paso2.click(procesar_todo, inputs=[v_in, i_in, n_in], outputs=[paso_2, paso_3, out_pdf, out_json])
     btn_reiniciar.click(reiniciar, outputs=[paso_1, paso_2, paso_3, n_in, v_in, i_in])
 
-demo.launch(server_name="0.0.0.0", server_port=7860)
+# AJUSTE PARA GRADIO 6.0: Pasamos theme y css a la función launch()
+demo.launch(server_name="0.0.0.0", server_port=7860, theme=gr.themes.Soft(), css=custom_css)