.table {
    width: 100%;
    border-collapse: collapse;
}

.table th, .table td {
    border: 1px solid #ddd;
    padding: 4px;
    text-align: left;
    font-size: 12px; /* Smaller font size */
}

.table th {
    background-color: #f2f2f2;
}

.table td button {
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 12px; /* Smaller font size */
    padding: 4px 0; /* Smaller padding */
}

.subcategoria-section {
    margin-bottom: 20px;
}

.card-body {
    padding: 0;
}

@media (max-width: 768px) {
    .table th, .table td {
        font-size: 10px; /* Adjust font size for smaller screens */
    }
    .table td button {
        font-size: 10px; /* Adjust button font size for smaller screens */
    }
}