:root {
    --cor-principal: #003a70;
    --cor-secundaria: #48a10c;
    --cor-prazo: #dd4838;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f4f7f6;
}

.bg-image {
    background-image: url('../imgs/bg.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
    /* Ajuste a altura conforme necessário */
    position: relative;
}


/* Customização dos Tabs */

.nav-tabs .nav-link.active {
    color: var(--cor-principal);
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: 3px solid var(--cor-principal) !important;
    font-weight: bold;
}

.nav-tabs .nav-link {
    color: #555;
    font-weight: bold;
}


/* Customização do Card */

.concurso-card {
    border-left: 5px solid var(--cor-principal);
}

.edital-disponivel {
    font-size: 12px;
    font-weight: bold;
    color: var(--cor-secundaria);
}


/* Estilo da caixa de prazo (mantido do CSS original) */

.prazo-inscricao {
    border: 1px solid #ddd;
    border-top: #dd4838 8px solid !important;
    padding: 8px;
    background-color: #fff;
}

.prazo-inscricao span {
    font-size: 12px;
    color: #777;
}

.prazo-inscricao .data strong {
    font-size: 32px;
    color: var(--cor-prazo);
    line-height: 1;
}

.prazo-inscricao .data span {
    font-size: 14px;
    text-transform: uppercase;
}


/* Botões do footer do card */

.action-button {
    border-radius: 0;
    color: #3498db;
    font-weight: bold;
    padding: 12px;
}

.action-button:hover {
    background-color: #f1f1f1;
}

.collapse .card-body h4 {
    color: var(--cor-secundaria);
}

.list-group-item {
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #eee !important;
}

.list-group-item i {
    color: #6c757d;
    /* Cinza do bootstrap */
    font-size: 1.2rem;
}

.edital-disponivel-footer {
    font-size: 12px;
    font-weight: bold;
    color: var(--cor-secundaria);
    padding: 0 20px;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.concurso-encerrado {
    border-left-color: #6c757d;
}

.concurso-encerrado-texto {
    font-weight: bold;
    color: #6c757d;
}

.card-footer .action-button {
    flex-grow: 0 !important;
    padding: 12px 24px;
}