# Custom CSS styles for the application
styles = {
    "main_layout": """
        /* Reducir espacio superior */
        .block-container {
            padding-top: 1rem;
            padding-bottom: 5rem;
        }

        /* Ajustar espaciado del título */
        h1 {
            margin-top: 0rem;
            padding-top: 1rem;
        }

        /* Ajustar espaciado del subtítulo */
        h4 {
            margin-top: 0.5rem;
            padding-top: 0rem;
        }
    """,
    
    "button": """
        div.stButton > button {
            background-color: #FFCC00;
            color: black;
            width: 90%;
            height: 60px;
            font-weight: bold;
            font-size: 22px;
            text-transform: uppercase;
            border: 1px solid #000000;
            border-radius: 8px;
            display: block;
            margin: 0 auto;
        }
        div.stButton > button:hover {
            background-color: #FFD700;
            color: black;
        }
    """
}