style.css

/* style.css */

/* Importa uma fonte mais profissional do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* Aplica a nova fonte a todo o aplicativo */
.gradio-container {
    font-family: 'Inter', sans-serif !important;
}

/* Deixa os cabeçalhos das etapas (Accordions) mais proeminentes */
.gradio-accordion > .label-wrap {
    border-bottom: 1px solid #374151; /* Cinza escuro para a borda */
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

/* Adiciona um efeito de sombra sutil nos botões para dar profundidade */
.gradio-button {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease-in-out !important;
}

/* Efeito de "levantar" o botão ao passar o mouse */
.gradio-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}