/* Estilos básicos para a classe custom_table_post */
.custom_table_post {
    border-collapse: collapse; /* Para linhas de borda únicas */
    width: 100%; /* Opcional: faz a tabela ocupar a largura do contêiner */
    margin: 1em 0; /* Adiciona um pouco de margem acima e abaixo */
    font-family: sans-serif; /* Define uma fonte padrão simples */
    font-size: 0.9em;
}

.custom_table_post th,
.custom_table_post td {
    border: 1px solid #ddd; /* Borda cinza clara para células */
    padding: 8px; /* Espaçamento interno */
    text-align: left; /* Alinha o texto à esquerda */
}

.custom_table_post th {
    background-color: #f2f2f2; /* Fundo cinza claro para o cabeçalho */
    font-weight: bold;
}

/* Estilo opcional para linhas alternadas (zebra striping) */
.custom_table_post tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Fundo um pouco mais escuro para linhas pares */
}

/* Estilo hover opcional para linhas */
.custom_table_post tbody tr:hover {
    background-color: #e9e9e9;
}