/* style.css */

/* Estilos para o corpo da página */
body {
    margin-top: 80px; /* Espaço para o navbar fixo */
}

/* Estilos para o cabeçalho */
header.navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

/* Estilos para o rodapé */
footer {
    background-color: #f8f9fa;
    padding: 20px 0;
}

footer p {
    margin: 0;
    color: #6c757d;
}

/* Estilos para as categorias */
.category-section {
    margin-bottom: 40px;
}

/* Estilos para as barras de progresso */
.progress {
    height: 25px;
}

.progress-bar {
    font-weight: bold;
    line-height: 25px;
}

/* Estilos para os checkboxes */
.form-check-label {
    margin-bottom: 10px;
}

/* Tooltip personalizado */
.form-check-label[title] {
    position: relative;
    cursor: pointer;
}

/* Estilo do botão de baixar PDF */
button.btn-primary {
    margin-top: 20px;
}

/* Gráfico responsivo */
#myChart {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}


.form-check-label[title]:hover::after {
    content: attr(title);
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    white-space: nowrap;
    z-index: 1000;
    border-radius: 3px;
}

/* Estilos para o botão */
button.btn-primary {
    margin-top: 20px;
}

/* Estilos para o gráfico */
#chart-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

/* Responsividade */
@media (max-width: 576px) {
    body {
        margin-top: 60px;
    }

    h1 {
        font-size: 1.5rem;
    }

    .progress {
        height: 20px;
    }

    .progress-bar {
        line-height: 20px;
    }
}