/*responsivity.css*/
/* Media queries para responsividade */
@media (max-width: 600px) {
    .table-container {
        padding: 10px; /* Reduz padding do container */
    }

    table {
        min-width: unset; /* Permite que a tabela encolha */
        font-size: 14px; /* Reduz um pouco o tamanho da fonte */
    }

    /* Ajusta a largura das colunas para tentar caber na tela */
    colgroup col {
        width: 16.66%; /* Divide 100% por 6 colunas, aproximadamente */
    }

    th, td {
        padding: 6px 3px; /* Reduz o padding para maximizar espaço */
    }

    th:last-child, td:last-child {
        width: 20%; /* Dá um pouco mais de espaço para a coluna de soma */
    }
    
    /* Remove os pseudo-elementos ::before caso tenham sido inseridos anteriormente */
    td[contenteditable]:nth-of-type(1)::before,
    td[contenteditable]:nth-of-type(2)::before,
    td[contenteditable]:nth-of-type(3)::before,
    td[contenteditable]:nth-of-type(4)::before,
    td[contenteditable]:nth-of-type(5)::before,
    td:last-child::before {
        content: none;
    }

    tfoot td {
        padding: 8px; /* Mantém padding no tfoot */
        font-size: 1em;
    }
}