styles.py

def get_custom_css():
    return """
    <style>
        /* Reduce top padding */
        .block-container {
            padding-top: 1rem !important;
            padding-bottom: 0rem !important;
        }
        
        /* Add negative margin to move content up */
        div.stApp {
            margin-top: 0px;
            background: white;
        }
        
        .main {
            padding: 2rem;
        }
        
        /* Updated text color to match COPYXPERT navy blue */
        .stMarkdown {
            color: #1A3A5F;
        }
        
        /* Updated button to use the blue gradient from COPYXPERT logo */
        .stButton > button {
            width: 80%;
            margin-left: 10%;
            border-radius: 5px;
            height: 3em;
            background: linear-gradient(135deg, #3D89B8 0%, #1A3A5F 100%);
            color: white;
            font-weight: bold;
            transition: all 0.3s ease;
            border: 1px solid #1A3A5F;
        }
        
        .stButton > button:hover {
            background: linear-gradient(135deg, #4D99C8 0%, #2A4A6F 100%);
            transform: translateY(-2px);
        }
        
        /* Style for download button - keeping the green */
        [data-testid="stDownloadButton"] {
            text-align: center;
            display: flex;
            justify-content: center;
            margin-top: 5px;
            width: 80%;
            margin-left: auto;
            margin-right: auto;
        }
        
        [data-testid="stDownloadButton"] button {
            width: 100%;
            border-radius: 5px;
            height: 3em;
            background-color: #00D100;
            color: black;
            font-weight: bold;
            transition: all 0.3s ease;
            border: 1px solid black;
        }
        
        [data-testid="stDownloadButton"] button:hover {
            background-color: #00C000;
            transform: translateY(-2px);
        }
        
        /* Added light blue border for text inputs */
        .stTextInput>div>div>input {
            border-radius: 5px;
            border-color: #3D89B8;
        }
        
        /* Added styling for expanders to match branding */
        .streamlit-expanderHeader {
            background-color: #f0f5f9;
            color: #1A3A5F;
            font-weight: bold;
        }
        
        /* Added styling for text areas */
        .stTextArea textarea {
            border-color: #3D89B8;
            border-radius: 5px;
        }
        
        /* Style for file uploader */
        .stFileUploader > div {
            border: 1px dashed #3D89B8;
            border-radius: 5px;
            padding: 10px;
        }
        
        /* Style for selectbox */
        .stSelectbox > div > div {
            border-color: #3D89B8;
            border-radius: 5px;
        }
        
        /* Style for slider */
        .stSlider > div {
            color: #1A3A5F;
        }
        
        /* Style for headers */
        h1, h2, h3 {
            color: #1A3A5F;
            font-weight: bold;
        }
        
        /* Custom styling for response container */
        .response-container {
            padding: 15px;
            border: 2px solid #3D89B8;
            border-radius: 8px;
            margin: 10px 0;
            box-shadow: 0 2px 5px rgba(61, 137, 184, 0.1);
        }
    </style>
    """

def get_response_html_wrapper(content):
    """
    Wraps content in a styled div with COPYXPERT branding
    """
    return f"""
    <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;">
        <h3 style="color: #1A3A5F; padding-bottom: 10px; border-bottom: 1px solid #3D89B8; margin-bottom: 15px;">Oferta Generada</h3>
        <p>{content}</p>
    </div>
    """