/* Estilos personalizados para o sistema de conversão */

body {
    background-color: #f8f9fa;
}

.navbar-brand {
    font-weight: bold;
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 1.5rem;
}

.card-header {
    font-weight: 500;
}

footer {
    border-top: 1px solid #dee2e6;
}

/* Estilos para a página de login */
.login-container {
    max-width: 400px;
    margin: 0 auto;
    padding-top: 100px;
}

/* Estilos para o formulário de upload */
.custom-file-label::after {
    content: "Procurar";
}

/* Animação de carregamento */
.loading {
    display: none;
    text-align: center;
    padding: 20px;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}

/* Estilos para tabelas */
.table th {
    background-color: #f8f9fa;
}

/* Botões de ação */
.btn-action {
    margin-right: 5px;
}

/* Responsividade */
@media (max-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Paleta de cores Worten */
:root {
    --worten-red: #E30613; /* vermelho principal */
    --worten-red-dark: #B1000D; /* variação escura */
    --worten-red-light: #FF4D5A; /* variação clara */
}

/* Navbar estilo Worten */
.bg-worten {
    background-color: var(--worten-red) !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .nav-link {
    color: #fff !important;
}

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus {
    color: #ffe6e8 !important; /* tom claro ao hover */
}

/* Botões primários com tema Worten (opcional) */
.btn-worten {
    background-color: var(--worten-red);
    border-color: var(--worten-red);
    color: #fff;
}

.btn-worten:hover {
    background-color: var(--worten-red-dark);
    border-color: var(--worten-red-dark);
}