xii- SrSSKJr SSKJr SSKJrJrJr SSK r SSK r SSK Jr SSSS S S S S S.rSrSrSr/SQrSSSjjrSSjrSSSjjrSrSSjrSrSr\SS Sjj5rg)!u Funciones.py ------------ Utilidades de UI/formatos y tema visual para el dashboard Cabanna. Incluye: - Identidad de marca (colores y tipografías). - Paleta Picton Blue (solo charts). - Helpers de formato (moneda, % seguro, rangos). - Componentes UI (cards) para Streamlit. - Tema Plotly consistente con fondo oscuro. Notas de diseño: - Este archivo NO debe conectarse a la base de datos (evitar acoplamiento). - Mantenerlo como "UI toolkit" reutilizable por los renders. ) annotations)contextmanager)OptionalTupleAnyNz#8B4513z#FD6A02z#FFFFFFz#2F4F4Fz#F5F5DCz#000000z#C19A6Bz#8B0000)browngoldwhite darkslatebeigeblack light_browndark_redzPlayfair Display, serifzLato, sans-serifzMontserrat, sans-serif) z#eff8ffz#dff0ffz#b8e3ffz#78cdffz#38b6ffz#069af1z#007acez#0061a7z#02528az#084572z#062b4bcX[R"XUS9 [R"SSS9 g)uJRenderiza una métrica dentro de una tarjeta visual coherente con el tema.)labelvaluehelpTunsafe_allow_htmlN)stmetricmarkdown)rr help_texts _C:\Users\julio\OneDrive\Documentos\Trabajo\Ideas Frescas\Proyectos\Cabanna\modules\Funciones.py render_metricr3sIIEY7KKD1cSUS3$)z"Formatea a moneda con separadores.$z,.2f)xs r fmt_currencyr"8s qh<rc[[[S[SS9[S[S[SSSSS9[SS S S S S [[SS9S9S9nUR"S0UD6 U$)u Aplica fondo negro, tipografía de marca y la paleta Picton Blue SOLO a la figura. Si 'title' es None, respeta el título ya presente en la figura. r )familysizecolorr <)lrtbNhbottomgRQ?leftr)r')title orientationyanchoryxanchorr!font)r7 paper_bgcolor plot_bgcolormarginlegendr )dict BODY_FONTCOLORS PICTON_BLUE update_layout)figr2layout_updatess rapply_cabanna_themerC=st  6'? CWoG_bB"+CfKN+ N'' Jrc$UbUS:XagX- U- $)Nrr )numdens r _safe_pctrGQs {cQh I rcSn[R"U5RU5nUcU$[R"U5RU5nUSU3$)z0Formatea una fecha o rango en formato dd/mm/yyyyz%d/%m/%Yu → )pd to_datetimestrftime)d1d2fmtfecha1fecha2s r _fmt_rangerQVsT C ^^B  ( ( -F z ^^B  ( ( -FXU6( ##rc>UcgUS:aSOSnUS:aSOSnUSX4$)N)NAz#9aa0a6rz#22c55ez#ef4444u↗u↘z+.2%r )pr'arrows r_fmt_pct_valuerWbs3y"aIYE!VEEX $$rcv[U5upVn[R"SUSUSUSUSUSUSUS3S S 9 g) Nz?
z3
 z'
z'
(z vs z)
Tr)rWrr)titulopctleyenda rango_actualrango_anterior value_strr'rVs r_render_var_cardr`isi,S1IeKK &x(--2G2i[%I!!( *!!-d>2BC   rc## U(a[R"SUS3SS9 U(a[R"SUS3SS9 Sv [R"SSS9 g![R"SSS9 f=f7f)u Context manager para envolver cualquier bloque en una tarjeta de UI consistente con la identidad (negro/dorado). Uso: with st_card("Título", "Subtítulo opcional"): st.plotly_chart(...) Cierra automáticamente su contenedor al salir. z
rTrz
N)rr)r2subtitles rst_cardrcxsc  25'@TXY 0 &AUYZ6  H5 H5sAA8AA8A55A8)N)rstrrrdr str | None)r!floatreturnrd)rA go.Figurer2rergrh)NN)r2rerbre)__doc__ __future__r contextlibrtypingrrrpandasrI streamlitrplotly.graph_objects graph_objectsgor> TITLE_FONTr=ALT_FONTr?rr"rCrGrQrWr`rcr rrrts"#%''!  '  % 2  ( $% 66r