Spaces:
Paused
Paused
| # -*- coding: utf-8 -*- | |
| """Tema "Fénix Celestial" para la Centralita Torá — cielo, luz dorada, responsive.""" | |
| import gradio as gr | |
| def fenix_theme(): | |
| return gr.themes.Soft( | |
| primary_hue=gr.themes.colors.sky, | |
| secondary_hue=gr.themes.colors.blue, | |
| neutral_hue=gr.themes.colors.slate, | |
| font=[gr.themes.GoogleFont("Frank Ruhl Libre"), "Georgia", "serif"], | |
| ).set( | |
| block_background_fill="rgba(255,255,255,0.74)", | |
| block_border_width="1px", | |
| block_border_color="#cfe1ff", | |
| block_radius="16px", | |
| block_shadow="0 12px 30px -14px rgba(70,110,190,0.35)", | |
| button_large_radius="14px", | |
| button_primary_background_fill="linear-gradient(135deg,#7cb2ff 0%,#5a8be0 100%)", | |
| button_primary_background_fill_hover="linear-gradient(135deg,#8fc0ff 0%,#6c9bf0 100%)", | |
| button_primary_text_color="#ffffff", | |
| button_secondary_border_color="#d6c48a", | |
| button_secondary_text_color="#6b5a2a", | |
| body_text_color="#24324d", | |
| ) | |
| FENIX_CSS = """ | |
| * { box-sizing: border-box; } | |
| html, body, .gradio-container { overflow-x: hidden !important; max-width: 100% !important; } | |
| /* fondo celeste (forzado, más fiable que el token del tema) */ | |
| .gradio-container, gradio-app, body { | |
| background: linear-gradient(180deg,#d7ecff 0%,#e9f4ff 42%,#f7fbff 100%) !important; | |
| } | |
| .gradio-container { margin: auto !important; padding: 0 10px !important; } | |
| #cabecera { text-align:center; padding: 8px 0 2px; } | |
| #cabecera .estrella { font-size: 28px; color:#d9b84a; text-shadow:0 0 14px rgba(217,184,74,.6); } | |
| #cabecera h1 { margin:.1em 0 0; font-size: 1.7rem; color:#2c3f66; } | |
| #cabecera p { margin:.15em 0 0; color:#5b6f96; font-style:italic; font-size:.95rem; } | |
| /* texto sagrado — mobile-first y SIEMPRE hace wrap */ | |
| .pasaje { line-height:1.7; max-width:100%; } | |
| .pasaje, .pasaje * { overflow-wrap:anywhere !important; word-break:break-word !important; | |
| white-space:normal !important; max-width:100% !important; } | |
| .pasaje .verso { padding:8px 2px; border-bottom:1px dashed rgba(120,150,200,.25); } | |
| .pasaje .num { display:inline-block; min-width:1.5em; color:#c69a34; font-weight:700; } | |
| .pasaje .he { display:block; direction:rtl; font-size:1.35rem; line-height:1.8; color:#20365e; | |
| margin:2px 0 5px; font-family:'Frank Ruhl Libre',serif; } | |
| .pasaje .es { display:block; color:#33445f; font-size:1rem; } | |
| .pasaje .cab { text-align:center; color:#3f5b8f; margin-bottom:10px; } | |
| .pasaje .cab .h { font-size:1.6rem; color:#c69a34; } | |
| .resultado { padding:6px 2px; border-bottom:1px dashed rgba(120,150,200,.25); | |
| overflow-wrap:anywhere; word-break:break-word; } | |
| .resultado .ref { color:#c69a34; font-weight:700; } | |
| footer { visibility: hidden; } | |
| /* pantallas grandes: agrandar el hebreo */ | |
| @media (min-width: 760px) { | |
| #cabecera h1 { font-size: 2.05rem; } | |
| .pasaje .he { font-size: 1.7rem; } | |
| .pasaje .cab .h { font-size: 1.9rem; } | |
| } | |
| """ | |