JeCabrera/Perfect_Webinar_FrameWork

1def get_custom_css():2    return """3    <style>4        /* Reduce top padding */5        .block-container {6            padding-top: 1rem !important;7            padding-bottom: 0rem !important;8        }9        10        /* Add negative margin to move content up */11        div.stApp {12            margin-top: 0px;13            background: white;14        }15        16        .main {17            padding: 2rem;18        }19        20        /* Updated text color to match COPYXPERT navy blue */21        .stMarkdown {22            color: #1A3A5F;23        }24        25        /* Updated button to use the blue gradient from COPYXPERT logo */26        .stButton > button {27            width: 80%;28            margin-left: 10%;29            border-radius: 5px;30            height: 3em;31            background: linear-gradient(135deg, #3D89B8 0%, #1A3A5F 100%);32            color: white;33            font-weight: bold;34            transition: all 0.3s ease;35            border: 1px solid #1A3A5F;36        }37        38        .stButton > button:hover {39            background: linear-gradient(135deg, #4D99C8 0%, #2A4A6F 100%);40            transform: translateY(-2px);41        }42        43        /* Style for download button - keeping the green */44        [data-testid="stDownloadButton"] {45            text-align: center;46            display: flex;47            justify-content: center;48            margin-top: 5px;49            width: 80%;50            margin-left: auto;51            margin-right: auto;52        }53        54        [data-testid="stDownloadButton"] button {55            width: 100%;56            border-radius: 5px;57            height: 3em;58            background-color: #00D100;59            color: black;60            font-weight: bold;61            transition: all 0.3s ease;62            border: 1px solid black;63        }64        65        [data-testid="stDownloadButton"] button:hover {66            background-color: #00C000;67            transform: translateY(-2px);68        }69        70        /* Added light blue border for text inputs */71        .stTextInput>div>div>input {72            border-radius: 5px;73            border-color: #3D89B8;74        }75        76        /* Added styling for expanders to match branding */77        .streamlit-expanderHeader {78            background-color: #f0f5f9;79            color: #1A3A5F;80            font-weight: bold;81        }82        83        /* Added styling for text areas */84        .stTextArea textarea {85            border-color: #3D89B8;86            border-radius: 5px;87        }88        89        /* Style for file uploader */90        .stFileUploader > div {91            border: 1px dashed #3D89B8;92            border-radius: 5px;93            padding: 10px;94        }95        96        /* Style for selectbox */97        .stSelectbox > div > div {98            border-color: #3D89B8;99            border-radius: 5px;100        }101        102        /* Style for slider */103        .stSlider > div {104            color: #1A3A5F;105        }106        107        /* Style for headers */108        h1, h2, h3 {109            color: #1A3A5F;110            font-weight: bold;111        }112        113        /* Custom styling for response container */114        .response-container {115            padding: 15px;116            border: 2px solid #3D89B8;117            border-radius: 8px;118            margin: 10px 0;119            box-shadow: 0 2px 5px rgba(61, 137, 184, 0.1);120        }121    </style>122    """123 124def get_response_html_wrapper(content):125    """126    Wraps content in a styled div with COPYXPERT branding127    """128    return f"""129    <div style="padding: 15px; border: 2px solid #3D89B8; border-radius: 8px; box-shadow: 0 2px 5px rgba(61, 137, 184, 0.1); margin-bottom: 5px;">130        <h3 style="color: #1A3A5F; padding-bottom: 10px; border-bottom: 1px solid #3D89B8; margin-bottom: 15px;">Oferta Generada</h3>131        <p>{content}</p>132    </div>133    """