Update app.py

app.py

@@ -166,20 +166,19 @@ button.selected::after{
 
 
 #popup-overlay {
+    display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
-    display: flex;
     justify-content: center;
     align-items: center;
     background: rgba(0,0,0,0.5);
     z-index: 999;
     flex-direction: column;
 }
-
-#popup-text {
+#popup-box {
     background: white;
     padding: 20px;
     border-radius: 10px;
@@ -187,7 +186,6 @@ button.selected::after{
     width: 340px;
     text-align: center;
 }
-
 #popup-button {
     background-color: #5b65a7;
     color: white;
@@ -197,7 +195,6 @@ button.selected::after{
     border: none;
     cursor: pointer;
 }
-
 #popup-button:hover {
     background-color: #3c4687;
 }
@@ -275,8 +272,7 @@ with demo:
     
     popup = gr.Column(visible=False, elem_id="popup-overlay")
     with popup:
-        gr.Column(elem_id="popup-box")
-        with gr.Column(elem_id="popup-inner"):
+        with gr.Column(elem_id="popup-box"):
             gr.Markdown("""
             ### ℹ️ Notice
     
@@ -284,10 +280,7 @@ with demo:
             No se guardan las grabaciones y se eliminan automáticamente.  
             The recordings are not saved and are automatically removed.
             """)
-            ok_button = gr.Button("OK")
-    
-    ok_button.click(fn=hide_popup, outputs=popup)
-    demo.load(fn=show_popup, outputs=popup)
+            ok_button = gr.Button("OK", elem_id="popup-button")
 
     gr.HTML("""
 <div id="orai-info">